INJIBARA UNIVERSITY
College of Engineering and Technology
Department of Information Technology
Third year Section: B
Name: Bitew
GerbawDinberu IDNO.ID
Tarekegn NCSS/0700/13
NO:NCSS 0749/13
Submitted to: Bitew M.(Msc)
1|Page
II. Internet programing individual Assignment for IT Summer Students (15%)
1. Write the HTML code that displays the following user interface using frameset html
tag as indicated from the given below (A.html, B.html, C.html, D.html and E.html)
Frame1.html
<!DOCTYPE html>
<html>
<head>
<title>Frameset Example</title>
</head>
<frameset rows="100px, *, 50px" border="5">
<!-- Top Navigation Frame -->
<frame src="B.html" name="topFrame" scrolling="no" noresize>
<frameset cols="100px, *, 100px" border="4">
<!-- Left Frame -->
<frame src="A.html" name="leftFrame" noresize>
<!-- Main Content Frame -->
<frame src="D.html" name="mainFrame">
<!-- Right Frame -->
<frame src="C.html" name="rightFrame" noresize>
2|Page
</frameset>
<!-- Footer Frame -->
<frame src="E.html" name="bottomFrame" scrolling="no" noresize>
</frameset>
</html>
A.html
<!DOCTYPE html>
<html>
<head>
<title>Left</title>
</head>
<body bgcolor="gray">
</body>
</html>
B.html
<!DOCTYPE html>
<html>
<head>
<title>Navigation</title>
</head>
<body bgcolor="lightblue">
<br>
<br>
<br>
<br>
<div >
                 
                    
                
<a href="home.html" target="mainFrame">Home</a>      
      
<a href="about.html" target="mainFrame">About Us</a>    
         
<a href="contact.html" target="mainFrame">Contact Us</a>    
         
<a href="gallery.html" target="mainFrame">Gallery</a>    
         
<a href="services.html" target="mainFrame">Services</a>
</div>
</body>
3|Page
</html>
C.html
<!DOCTYPE html>
<html>
<head>
<title>Right</title>
</head>
<body bgcolor="#12bb34">
<br>
<br>
<div style="text-align: center;">
</div>
</body>
</html>
D.html
<!DOCTYPE html>
<html>
<head>
<title>Body</title>
</head>
<body bgcolor="yellow">
<br>
<br>
<div style="text-align: center;">
</div>
</body>
</html>
E.html
<!DOCTYPE html>
<html>
<head>
<title>bottom</title>
</head>
<body bgcolor="pink">
<div
<p style="text-align: center;"><b>Well Come to Injibara University web Site</b></p>
</div>
</body>
</html>
4|Page
Out put
5|Page
