Web Technologies
Slip5
Q.1) Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The first frame will display the heading. The second frame contains a menu consisting of hyperlinks. Clicking on any one of these hyperlinks will display related information in a new page as shown below.
Use Internal style sheet with appropriate attributes to display information of each frame. [Marks 30]
Use Internal style sheet with appropriate attributes to display information of each frame. [Marks 30]
Solution
head.html
<html><head>
<style>
h1{text-align:left;color:red}
</style>
</head>
<body>
<h1> COMPUTER APPLICATION DEPARTMENT</h1>
</body>
</html>
fy.html
<html><head>
<style>
h1{text-align:left;color:black}
</style>
</head>
<body>
<h1>F.Y.B.C Exam Time Timetable</h1>
<table border="1" cellpadding="8">
<tr>
<th>Date</th>
<th>Time</th>
<th>Subject code</th>
<th>Subject Name</th>
</tr>
<tr>
<th>12/10/2015</th>
<th>10:30am-1:30pm</th>
<th>101</th>
<th>PPA</th>
</tr>
<tr>
<th>13/10/2015</th>
<th>10:30am-1:30pm</th>
<th>102</th>
<th>MOE</th>
</tr>
<tr>
<th>14/10/2015</th>
<th>10:30am-1:30pm</th>
<th>103</th>
<th>BC</th>
</tr>
<tr>
<th>15/10/2015</th>
<th>10:30am-1:30pm</th>
<th>104</th>
<th>PM</th>
</tr>
<tr>
<th>16/10/2015</th>
<th>10:30am-1:30pm</th>
<th>105</th>
<th>FA</th>
</tr>
</table>
</body>
</html>
sy.html
<html><head>
<style>
h1{text-align:left;color:black}
</style>
</head>
<body>
<h1> S.Y.B.C.A Exam Time Table</h1></br>
<table border="1" cellpadding="8">
<tr>
<th>Date</th>
<th>Time</th>
<th>Subject code</th>
<th>Subject Name</th>
</tr>
<tr>
<th>12/10/2015</th>
<th>10:30am-1:30pm</th>
<th>201</th>
<th>DBMS</th>
</tr>
<tr>
<th>13/10/2015</th>
<th>10:30am-1:30pm</th>
<th>202</th>
<th>C++</th>
</tr>
<tr>
<th>14/10/2015</th>
<th>10:30am-1:30pm</th>
<th>203</th>
<th>SE</th>
</tr>
<tr>
<th>15/10/2015</th>
<th>10:30am-1:30pm</th>
<th>204</th>
<th>DS</th>
</tr>
<tr>
<th>16/10/2015</th>
<th>10:30am-1:30pm</th>
<th>205</th>
<th>ERP</th>
</tr>
</table>
</body>
</html>
ty.html
<html><head>
<style>
h1{text-align:left;color:black}
</style>
</head>
<body>
<h1> T.Y.B.C.A Exam Time Table</h1></br>
<table border="1" cellpadding="8">
<tr>
<th>Date</th>
<th>Time</th>
<th>Subject code</th>
<th>Subject Name</th>
</tr>
<tr>
<th>12/10/2015</th>
<th>10:30am-1:30pm</th>
<th>401</th>
<th>Java</th>
</tr>
<tr>
<th>13/10/2015</th>
<th>10:30am-1:30pm</th>
<th>402</th>
<th>WEB TECH</th>
</tr>
<tr>
<th>14/10/2015</th>
<th>10:30am-1:30pm</th>
<th>403</th>
<th>OOSE</th>
</tr>
<tr>
<th>15/10/2015</th>
<th>10:30am-1:30pm</th>
<th>404</th>
<th>.NET</th>
</tr>
</tr>
</table>
</body>
</html>
menu.html
<html><body>
<a href="G:\PYTHON\fy.html" target="f2">
<li>FYBCA</li></a>
<a href="G:\PYTHON\sy.html" target="f2">
<li>SYBCA</li></a>
<a href="G:\PYTHON\ty.html" target="f2">
<li>TYBCA</li></a>
</body>
</html>
frame.html
<html><frameset cols="30%,70%">
<frame src="G:\PYTHON\head.html">
<frame src="G:\PYTHON\menu.html" target="f2">
</frameset>
</html>
Tags:
Web Technologies