8) Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The first frame will display the heading. Divide the second frame into three columns that will display the information as shown below.Use External style sheet with appropriate attributes to display information of each frame.


f1 scripting.[Fybca.html]
<HTML>
<HEAD>
<TITLE>FYBCA</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1> <U>F.Y.B.C.A</U></H1>
<UL>
<LI><b>Sem I</b> </LI>
<UL Type=”circle”>
<LI> CF </LI>
<LI> PPA </LI>
<LI> BOS </LI>
</UL>
<LI><b>Sem II</b> </LI>
<UL Type=”circle”>
<LI> PPA </LI>
<LI> DBMS </LI>
<LI> Elect </LI>
</UL>
</UL>
</BODY>
<HTML>

f2 scripting.[Sybca.html]

<HTML>
<HEAD>
<TITLE>SYBCA</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1> <U>S.Y.B.C.A</U></H1>
<UL>
<LI><b>Sem III</b> </LI>
<UL Type=”circle”>
<LI> DS </LI>
<LI> RDBMS </LI>
<LI> HRM </LI>
</UL>
<LI><b>Sem IV </b></LI>
<UL Type=”circle”>
<LI> CPP </LI>
<LI> VB </LI>
<LI> Networking </LI>
</UL>
</UL>
</BODY>
<HTML>

f3 scripting.[Tybca.html]

<HTML>
<HEAD>
<TITLE>TYBCA</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1> <U>T.Y.B.C.A</U></H1>
<UL>
<LI><b>Sem V</b> </LI>
<UL Type=”circle”>
<LI> JAVA </LI>
<LI> DOTNET </LI>
<LI> Internet </LI>
</UL>
<LI><b>Sem IV </b></LI>
<UL Type=”circle”>
<LI> Adv. Java </LI>
<LI> Multimedia </LI>
<LI> Syspro </LI>
</UL>
</UL>
</BODY>
<HTML>

f4 scripting.[top8.html]
<HTML>
<HEAD>
<TITLE>Top</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1><center> Subjects for different Semester of B.C.A Course </center></H1>
</BODY>
<HTML>

f5 scripting.[Bcasem.html]

<HTML>
<HEAD>
<TITLE>BCA</TITLE>
</HEAD>

<FrameSet rows=”20%,*”>
<Frame src=”Top8.html”>

<FrameSet cols=”35%,30%,35%”>
<Frame src=”fybca.html”>
<Frame src=”sybca.html”>
<Frame src=”tybca.html”>
</FrameSet>

</FrameSet>

<HTML>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s