Experiment No-2: Creation
of a Website Using Frames and CSS.
Create
a Website using frames with
given layout. Select appropriate theme (college profile, company profile, environment,
etc.)
and
create
web
pages
as
follows.
The webpage is divided into 3 frames – left, right and
bottom.
The left
and right section have hyperlink. Each hyperlink on clicking displays data in
bottom frame of the web page. The bottom most section changes the content
dynamically. Create internal CSS for hyperlinked files with three properties.
FRAME.HTML
<html>
<head>
<title>frameset</title>
</head>
<frameset rows="40%,*">
<frameset cols="50%,*">
<frame src="link1.html" name="f1" noresize>
<frame src="link2.html" name="f2" noresize>
</frameset>
<frame src=" " name="f3" noresize>
</html>
LINK1.HTML
<html>
<head>
<title>link1</title>
<body><center>
<a href="page1.html" target="f3"> hyperlink to page1</a>
</center></body></html>
LINK2.HTML
<html>
<head>
<title>link2</title>
<body><center>
<a href="page2.html" target="f3"> hyperlink to page2</a>
</center></body></html>
PAGE1.HTML
<html>
<head>
<title>environmental pollution</title>
<style>
h1{front-family:black adder ITC;border-styled;dotted;-color:red}
b {front-size:17 pt:text-decoration:underline}
p {text-align:justify;color:green}
body {background-color:aqua}
</style></head><body>
<h1 align="center"> environmental pollution</h1>
<b>environmental pollution is the biggest menace to the human race on this planet today </b><br><br>
<p>
pure air is always needed for holing. if we take pure air, our health improves, on the otherhand impure air causes diseases and impairs our health and causes our death.
</p>
</body></html>
PAGE2.HTML
<html>
<head>
<title>environmental pollution and types</title>
<style> h1 {front-family:verdana:border-style:double;border-color:orange;border-size:spt}
body{background-color:pink}
em{word-spacing:25 pt}
big {font-size:25pt}
</style></head><body>
<h1 align="center"> environmental pollution and type </h1>
<em> pollutants can be cloassified as:</em>
<br><br>
<big> secondary </big>
</body></html>
No comments:
Post a Comment