Friday, 6 February 2015

Creation of wesite using css and frames



Main Frame.html
<html>
<head>
<title>index</title>
</head>
<frameset rows=30%,45%,*>
<frame name="f1"  src="top.htm">
<frameset cols=30%,70%>
<frame name="f2" src="left.htm">
<frame  name="f3" src="right1.htm">
</frameset>
<frame name="f4" src="bottom.htm">
</frameset>
</html>                



Top.html

<html>
<head>
<title>this is a top page</title>
<style  type="text/css">
<!--
body{background-color:pink;};
h1{font-family:monotype corsiva;color:brown;width:300;position:absolute;left:400px};
b{font-family:monotype corsiva;color:black;};
-->
</style>
</head>
<body>
<h1>Welcome to the  top page</h1>
<br>
<b>this is a top page</b>
</body>
</html>
<html>

Bottom.html


<html>
<head>
<title>bottom</title>
<style  type="text/css">
<!--
body{background-color:lavender;};
h1{font-family:times new roman; font-color:indigo;position:absolute;left:400;};
p{font-family:monotype corsiva;color:red;position:absolute;top:50;font-size:19pt;};
-->
</style>
</head>
<body >
<h1>Welcome to bottom page</h1>
<p>This is a bottom page</p>
</body>
</html>
Left.html
<html>
<head>
<title>this is a left page</title>
<style  type="text/css">
<!--
h1{font-family:monotype corsiva, font-style:bold;color:brown;};
b{font-family:monotype corsiva, font-style:italic;color:red;background-color:gray;}
-->
</style>
</head>
<body bgcolor="pink" style="float: right">
<h1>Welcome</h1>
<b>this is a left page</b>
<p><p><p>
<a href=right1.htm target=f3> Right1 page</a><br>
<a href=right2.htm target=f3>Right2 page</a><br>
<a href=right3.htm target=f3>Right3 page</a><br>
</body>
</html>






















Right1.html


<html>
<head>
<title>this is a right1 page</title>
<style  type="text/css">
<!--
body{ background:orange;};
h1{font-family:monotype corsiva; font-style:bold;color:brown;position:absolute;left:400;top:100;};
p{font-family:monotype corsiva;color:red;position:relative;top:115; font-size:19pt;}
-->
</style>
</head>
<body>
<h1> this is a right1 page</h1>
<p>this is a right1 page</p>
</body>
</html>

Right2.html



<html>
<head>
<title>this is a right2 page</title>
<style  type="text/css">
<!--
body{ background:blue};
h1{font-family:monotype corsiva; font-style:bold;color:brown;position:absolute;left:400;};
p{font-family:monotype corsiva;font-style:italic;color:red;position:absolute;top:115; font-size:19pt;}
-->
</style>
</head>
<body>
<h1>Welcome to right2 page </h1>
<p>this is a right2 page</p>
</body>
</html>

Right3.html


<html>
<head>
<title>this is a right3 page</title>
<style  type="text/css">
<!--
body{background:tan;}
h1{font-family:monotype corsiva; font-style:bold;color:white;position:absolute;left:400;};
p{font-family:monotype corsiva; font-style:italic;color:silver;position:absolute;top:115; font-size:19pt;background-color:gray;}-->
</style></head>

<body bgcolor="black">
<h1> this is a right3 page</h1>
<p>this is a right3page</p>
</body></html>
Posted by at No comments:

Creation Of wesite using css



Creation Of wesite using css.html
<html>
<head>
<title>External style sheet 1 </title>
<link rel="stylesheet" type="text/css" href="Style1.css">
</head>
<body>
<h1>OLD IS GOLD </h1>
<h2>OLD IS GOLD </h2>
<h3>OLD IS GOLD </h3>
<h4>OLD IS GOLD </h4>
<h5>OLD IS GOLD </h5>
</body>
</html>

Style1.css


body{background-color:purple;}
h1{font-family:chiller; color:red; background-color:yellow;}
h2{font-family:chiller; color:red; background-color:yellow;}
h3{font-family:chiller; color:red; background-color:yellow;}
h4{font-family:chiller; color:red; background-color:yellow;}
h5{font-family:chiller; color:red; background-color:yellow;}

Posted by at No comments:

Creation of wesite for save earth envurnment



Sav Erth .html

<html>
<head>
<title></title>
</head>
<Body Bgcolor="violet" Alink="green " Vlink="blue"><h2>
<Marquee  Direction="Right"  Behavior="Alternate"  bgcolor="seagreen"><Font face="Book antiqua" color="plum">SAVE THE ENVIORNMENT, SAVE THE WORLD....</font></h2></Marquee>
<Center><Img Src="earth.JPG" Height="400" Width="600"></img><br>
<Font Face="Monotype corsiva" Size="+2" Color="skyblue">SAVE THE ENVIORNMENT</Font>
<HR Size="10%" Color="Red">
<A href="Causes.html" target="_blank" >EFFECTS OF POLLUTION</A><br>
<a href="Solution.html"  target="_blank" >PREVENTIVE SOLUTIONS</a><br>
<A href="Pollution watch.html"  target="_blank" >SUMMARY</a>

</body>
</Html>

Solution.html
<html>
<head>
<title>Preventive Solutions</title>
</head>
<body Bgcolor="Lavender">
<Font Color="Darkteal " size="+2">PREVENTIVE SOLUTIONS</font><p>
<Font Face="Garamond" color="indigo" size="+1">1.AIR POLLUTION:<p>
a)To put a ban on the nuclear tests.<br>
b)To plant more trees instead of erecting the cement jungle.<br>
c)To utilise the waste products for the manufacture of commercially viable products.<br>
d)To discharge the gaseous waste through sufficiently tall and properly designed smoke-stackes.
<p>2.WATER POLLUTION:<p>
a)Pollution by inorganic fertilisers can be avoided by the use of organic manures.<br>
b)The effluents from the industries should be properly treated and neutralised.<br>
c)Strict legislative measures should be inforced and strictly followed to control watwe pollution.<br>
d)Improved and proper method should be employed in handling the sewage before disposal in water.
<br><br>
<center>
<a href="Save Env.html" align="right"><b>Go To Home Page</b></a>
</body>
</html>

Pollution Watch .html
<html>
<head>
<title>Summary</title>
</head>
<body background="C:\natural\a.jpg" text="blue">
<a name="Summary.html">
<font face="garamond" color="orange">
<center>
<table border="5" width="500" height="250" Bordercolorlight="green" bordercolordark="marron">
<caption align="bottom"><font face="Verdena" color="orange" size="6"><b> POLLUTION  WATCH</font></caption>
<tr align="center">
<b><th>City</th>
<th>SPM mug/m<sup>3</sup>
<th>SO<sub>2</sub>mug/m<sup>3</sup>
</tr>
<tr align="center">
<b><b><Td>Pune</td>
<td>320</td>
<td>4</td>
<td>40</td>
</tr>
<tr align="center">
<td>Kolhapur</td>
<td>225</td>
<td>5</td>
<td>25</td></tr>
<tr align="center">
<td>Ajara</td>
<td>300</td>
<td>&nbsp;</td>
<td>30</td></tr>
</table>
<br><br>
<center>
<a href="Save Env.html"><b>Go To Home Page</b></a>
</center>
<h1>Customer feedback</h1>
<form name="input" method="get">
First name: <input type="text" name="FirstName" size=20><br>
Last name: <input type="text" name="LastName" size=20><br>
Comments<textarea rows=5></textarea>
<input type="submit" value="Submit">
</form>
</body>
</html>

Causes.html
<html>
<head>
<title>causes of pollution</title>
</head>
<body Bgcolor="lavender">
<a name="Causes"><Font face="Monotype Corosiva" size="+1" color="indigo">
<Font color="green">1. AIR POLLUTION:</font>
   <p>The effects of air pollution are as follows:-</p>
a)SMOG:
<br>1.It increases the casees of Lung Cancer.<br>2.Diseases like Bronchitis,Emhysema And Cardiac Failure Are Observed.<p>
b)SULPHUR DIOXIDE:<br >
1.It disturbes the respiratory rates.<br>2.IT irrritates the respiratory epitalial causing Rhinitis and Coughing.
<p>c)CARBON MONOXIDE:<br>1.Increases the level of CO released from automobiles and industrial plants called giddiness and headache.<p>
2.WATER POLLUTION:<p>
a)The sewage polluted water can spread many epidermic diseases like Cholera,Typhoid.<br>
b)Floating oils in the sea depletes oxygen contempt killing sea-life.<br>
c)Drinking water becomes unpleasent due to presence of free chlorine,phenol,ammonia and hydrogen sulphide.</font>
<br><br>
<center>
<a href="Save Env.html" align="right"><b>Go To Home Page</b></a>
</body>
</html>

















Posted by at No comments:

Creation of college wesite



Academics.html
<html>
<head>
<title>academics</title>
</head>
<body bgcolor=purple text=white link=red alink=black  vlink=yellow> 
<center><caption bgcolor="indigo">
                 <h1>   Zenar PUBLIC SCHOOL & JUNIOR COLLEGE <br>
                    OF SCIENCE.</h1></caption><br>
<a href="college.html">Home</a>&nbsp;
<a href="academics.html">Academics</a>&nbsp;
<a href="admission.html">Admission</a>&nbsp;
<a href="facilites.html">Facilities</a>&nbsp;
<a href="contact us.html">Contact us</a>&nbsp;</center>
<br>

<center>
<marqee direction="right" loop="2"><h1>ACADEMICS</h1></marqee>
<font color="white" >
The Holistic Education:- <br><br>
</font>
<font color="blue"><b>Zenar public school and junior college of science emphasizes mainly <br>
on the holistic aducation which includes all round development of our<br>
eagles.<br><br>
<font color="white">The Holistic Education with emphasis on:-</font><br>
Academics&nbsp;                    Excellence&nbsp;                       Creativity<br>
Discipline &nbsp;                      Leadership&nbsp;                      Development<br>
Scientific temper&nbsp;           Work&nbsp;                                 Culture<br>
Mind training&nbsp;                  Enlighten citizenship&nbsp;      Service<br>
Sprituality&nbsp;                      Love for knowledge&nbsp;          Indian culture<br>
Physical fitness<br>
</b>
</font>
</center>

</body>
</html>      


Admission.html
<html>
<head>
<title>admission</title>
</head>
<body bgcolor="blue" text=white link=red alink=black vlink=yellow> 
<center><caption bgcolor="indigo">
                 <h1>   Zenar PUBLIC SCHOOL & JUNIOR COLLEGE <br>
                    OF SCIENCE</h1></caption><br>
<a href="college.html">Home</a>&nbsp;
<a href="academics.html">Academics</a>&nbsp;
<a href="admission.html">Admission</a>&nbsp;
<a href="facilites.html">Facilities</a>&nbsp;
<a href="contact us.html">Contact us</a>&nbsp;</center>
<br>

<center>
<h1>ADMISSION</h1>
<font color="black"  style="font-style:bold">

Admission will be started for 5th to 8th and 11th standards, to the residency schools only <br>
and strictly on merits and undergoing an interview conducted by the management. Admission <br>
for the academics start from 1st janauary<br><br>
                                THE SCHOOL YEAR
<br><br>
YEAR:- 2nd week of June to mid April <br><br>
1st term:-2nd week of June to mid October <br><br>
2nd term:-Mid november(depending on Diwali dates) to mid April<br><br>
Mid term break:-January(Makar Sankrant)<br><br>


</center>

</body>
</html>      


College.html
<html>
<head>
<title>College website</title>
</head>
<body bgcolor=purple text=white link=red alink=black vlink=yellow> 
<center><caption bgcolor="indigo">
                 <h1>   Zenar PUBLIC SCHOOL & JUNIOR COLLEGE <br>
                    OF SCIENCE,Zenar </caption></h1><br>
<a href="college.html">Home</a>&nbsp;
<a href="academics.html">Academics</a>&nbsp;
<a href="admission.html">Admission</a>&nbsp;
<a href="facilites.html">Facilities</a>&nbsp;
<a href="contact us.html">Contact us</a>&nbsp;
<marquee  style="margin-left:-40px">
<img src="images.jpg"  alt="APS">
<img src="images1.jpg"  alt="APS">
<img src="images2.jpg"  alt="APS">
<img src="images3.jpg"  alt="APS">
</marquee>
</body>
</html>                            


Contact Us.html
<html>
<head>
<title>admission</title>
</head>
<body bgcolor="orange"  text="white"  link="red"  alink="black"  vlink="yellow"> 
<center><caption bgcolor="indigo">
                 <h1>   Zenar PUBLIC SCHOOL & JUNIOR COLLEGE <br>
                    OF SCIENCE,</h1></caption><br>
<a href="college.html">Home</a>&nbsp;
<a href="academics.html">Academics</a>&nbsp;
<a href="admission.html">Admission</a>&nbsp;
<a href="facilites.html">Facilities</a>&nbsp;
<a href="contact us.html">Contact us</a>&nbsp;</center>
<br>
<center>
<h3>CONTACT US</h3>
<font color="black">
<font color="white">  Zenar PUBLIC SCHOOL & Jr. COLLEGE OF SCIENCE</font><br><br>
                At:-Zenar (Zenar )<br><br>
                Tal.:-Zenar <br><br>
                Dist.:-Zenar <br><br>
                Phone:-0123456789<br><br>
                E-mail Id:-<a href="mailto:Zenar @gmail.com">Mail Us</a><br><br>
</center>
</body>
</html>

Facilities.html
<html>
<head>
<title>facilites</title>
</head>
<body bgcolor=pink text=white link=red alink=black vlink=yellow> 
<center><caption bgcolor="indigo">
                 <h1>   Zenar PUBLIC SCHOOL & JUNIOR COLLEGE <br>
                    OF SCIENCE,Zenar </h1></caption><br>
<a href="college.html">Home</a>&nbsp;
<a href="academics.html">Academics</a>&nbsp;
<a href="admission.html">Admission</a>&nbsp;
<a href="facilites.html">Facilities</a>&nbsp;
<a href="contact us.html">Contact us</a>&nbsp;</center>
<br>

<center>
<h1>FACILITES</h1>
<font color="black" >
<h3>
<font color="white"><b>1.LIBRARY ACTIVITY(Book Review):-</font> TheZenar library has more than 2863 books<br>
 on various subjects to meet the needs of all classes. Books are classified on the dewey <br>
Decimal system. Author and the cards are maintained, efforts are made to see that every <br>
student has read a minimum number of books. Every book borowed is accompanied by a<br>
 question are aim to encourage and asses the reading habits. Reading record of each student<br>
 is maintained.A section of the library contains books of teaching and education for the benefit <br>
of teacher.<br><br>
<font color="white">2.BOARDING:-</font>The boarding is kept clean and hygenically fit and quality of food will be maintained <br>
in such a way keeping in mind the health of the students and the concenered staff.<br><br>
<font color="white">3.LUNCH / DINNER, BREAKFAST & Snacks:-</font> Arrangement for breakfast, lunch and dinner is <br>
made in common room called Dinning hall with benches and tables. All the students have their<br>
food strictly in common dinning hall. No food is allowed in their living rooms so called Dometry.<br><br>
<font color="white">4.ACCOMODATION:-</font>Sophisticated accomodation is made with 1+1 bed. Seprate toilets and<br>
bathroom facilites are provided for boys and girls. <br><br>
<font color="white">5.FIRST-AID AND MEDICAL FACILITES:-</font>First aid box is available in the school staff members. <br>
Thestaff members are are trained in first aid facilites. However, medical aid for any other <br>
illness shall be provided depending on the need under strict supervision of expereinced<br>
 medical practitioner.<br><br>
</h3>
</center>

</body>
</html>                                                          
Posted by at No comments:
Subscribe to: Posts (Atom)