Course Code : MCSL-016
Course Title :Internet Concepts and Web Design (Lab Course)
Assignment Number : MCA(1)/014/Assign/2014-15
Assignment Marks : 100
Weightage : 25%
Last Dates for Submission : 15th October, 2014 (For July 2014 Session)
15th April, 2015 (For January 2015 Session)
There is one question in this assignment, which carries 40 marks. Your Lab Record will carry 40 Marks. Rest 20 marks are for viva voce. You may use illustrations and diagrams to enhance the explanations. Please go through the guidelines regarding assignments given in the Programme Guide for the format of presentation. Submit the screenshots also along with the coding and
documentation.
<span style=”color: #ff0000;”>Question 1:</span>
<span style=”color: #ff0000;”><b>Create a web site for a School consisting of the following pages:</b></span>
<span style=”color: #ff0000;”>a) The Home page should consists of four areas containing the following information:</span>
<ul>
<li><span style=”color: #ff0000;”>Header area containing the logo, name of the school and a photograph of the school. Make sure that you use a good picture format.</span></li>
<li><span style=”color: #ff0000;”>Left area containing the links to other pages – these links should include.</span>
<span style=”color: #ff0000;”> About us, Academics, Infrastructure, Contact us and Feedback.</span></li>
<li><span style=”color: #ff0000;”>The Content area should display a table showing list of upcoming events of the School along with dates.</span></li>
<li><span style=”color: #ff0000;”>The Footer area should display the copyright information and current date and time.</span></li>
</ul>
<span style=”color: #ff0000;”>You need to make sure that the Header and Footer area is same across all the pages of the website.</span>
<span style=”color: #ff0000;”>b) About us page should give information about the Objectives, values and beliefs of the school, preferable in some structured format. You may use lists or tables for the same.</span>
<span style=”color: #ff0000;”>c) Academics page lists details about the teachers and the past activities of the school.</span>
<span style=”color: #ff0000;”>d) Infrastructure page should highlighting the available resources of the school.</span>
<span style=”color: #ff0000;”>e) Contact us page should provide information about the school address and contact details</span>
<span style=”color: #ff0000;”>f) Feedback page should have a feedback form consisting of text box, radio buttons, list boxes etc. This page should get the information from the site visitors about various aspects of schools website. You must use JavaScript to check that all the required fields are entered by the visitor.</span>
<span style=”color: #ff0000;”> g) Write a program using VBscipt that adds only diagonal elements of two matrices.The program should be efficient.</span>
<span style=”color: #ff0000;”><b>Solution:</b></span>
<b>A Web Site for a School</b>
For Main Page Area for Creating Frames: <strong> Index.html</strong>
<code>
<<span style=”text-decoration: underline;”>HTML</span> >
<<span style=”text-decoration: underline;”>frameset</span> rows=”21%,*” >
<<span style=”text-decoration: underline;”>frame</span> name=”topframe” src=”header.html” frameborder=”0″ scrolling=”no”/ >
<<span style=”text-decoration: underline;”>frameset</span> rows=”83%,*” >
<<span style=”text-decoration: underline;”>frameset</span> cols=”15%,*” >
<<span style=”text-decoration: underline;”>frame</span> name=”left” src=”links.html” frameborder=”0″ scrolling=”no”/ >
<<span style=”text-decoration: underline;”>frame</span> name=”centre” src=”home.html” frameborder=”0″/ >
</<span style=”text-decoration: underline;”>frameset</span> >
<<span style=”text-decoration: underline;”>frame</span> name=”lowerframe” src=”footer.html” frameborder=”0″ scrolling=”no”/ >
</<span style=”text-decoration: underline;”>frameset</span> >
</<span style=”text-decoration: underline;”>frameset</span> >
</<span style=”text-decoration: underline;”>HTML</span>>
</code>
For Header Area: <strong>Header.html</strong>
<strong> </strong>
<code>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<style type=”text/css”>
<
.style2 {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00CC00;
}
.style4 {font-size: 10px; color: #000000; }
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style6 {
font-size: 27px;
color: #FF0000;
}
.style10 {font-size: 10px; color: #9933FF; }
body {
background-color: #333333;
}
</style>
</head>
<body>
<table align=”left”>
<tr>
<td> <img src=”logo.jpg” alt=”logo” width=”80px” height=”80px”/>
<td>
<center><span>Indian Education Society’s</span><br>
<span>NEW ENGLISH SCHOOL</span><br>
<span>Govt Colony, Bandra (E) </span><br>
<span>MUMBAi- 400051</span><br></center>
</td>
<td> <img src=”logo.jpg” alt=”logo” width=”80px” height=”80px”/>
</tr>
<tr>
</table>
<table align=”right”>
<td> <img src=”school.jpeg” width=”400px” height=”80px”/> </td>
</td>
<tr>
<td> <span>Quick Links : </span>
<select name=”ddlist”>
<option> Home</option>
<option> About Us</option>
<option> Academics</option>
<option> Infrastructure</option>
<option> Contact Us</option>
<option> Feedback</option>
</select> </td>
</tr>
</tr>
</table>
</body>
</html>
</code>
For Left Area: <strong>Links.html</strong>
<code>
<HTML >
<HEAD >
<TITLE > </TITLE >
<BODY bgcolor=”lightblue” >
<table align=”left” >
<tr > <td > </td ></tr >
<tr >
<td > <a href=”home.html” target=”centre” > Home</a > </td >
</tr >
<tr > <td > </td ></tr >
<tr >
<td > <a href=”about.html” target=”centre” > About us</a > </td >
</tr >
<tr > <td > </td ></tr >
<tr >
<td > <a href=”academic.html” target=”centre” > Academics</a > </td >
</tr >
<tr > <td > </td ></tr >
<tr >
<td > <a href=”infra.html” target=”centre” > Infrastructure</a > </td >
</tr >
<tr > <td > </td ></tr >
<tr >
<td > <a href=”contact.html” target=”centre” > Contact us</a > </td >
</tr >
<tr > <td > </td ></tr >
<tr >
<td > <a href=”feedback.html” target=”centre” > Feedback</a > </td >
</tr >
</table >
</BODY >
</HTML >
</code>
For Content Area: <strong>Home.html</strong>
<code>
<HTML >
<HEAD >
<TITLE > New Document </TITLE >
</HEAD >
<BODY bgcolor=”lightgreen” >
Home Page
<center > <h1 > <u > Welcome To New English School Website</u > </h1 > <center >
<table align=”center” >
<tr >
<tr > <img src=”big_school.jpg” alt=”Image” width=”500px” height=”250px”/ > </td >
</tr >
</table >
<table width=”737″ border=”0″>
<table width=”100%” border=”0″ align=”right” cellpadding=”0″ cellspacing=”0″>
<tr>
<td><p align=”center”><strong><u>UPCOMING EVENTS</u><br><br>EXAMINATION SCHEDULE FOR HALF-YEARLY EXAMINATION<br>
</strong><strong>Aug 2014 </strong></p>
<table align=”center” width=”571″ border=”1″>
<tr>
<td width=”70″><div align=”center”>
<div align=”center”>Class/Date</div>
</div></td>
<td width=”45″><div align=”center”><span>1</span></div></td>
<td width=”46″><div align=”center”><span>4</span></div></td>
<td width=”47″><div align=”center”><span>7</span></div></td>
<td width=”53″><div align=”center”><span>10</span></div></td>
<td width=”50″><div align=”center”><span class=”style28″>13</span></div></td>
<td width=”52″><div align=”center”><span class=”style28″>16</span></div></td>
<td width=”48″><div align=”center”><span>19</span></div></td>
<td width=”51″><div align=”center”><span class=”style28″>22</span></div></td>
<td width=”45″><div align=”center”><span class=”style28″>25</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>I</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>Drawing</span></div></td>
<td><div align=”center”><span class=”style18″>Science</span></div></td>
<td><div align=”center”><span>Work Edn </span></div></td>
<td><div align=”center”><span>Phy. Edn </span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span>*</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>II</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span>Science</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span></span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
<td><div align=”center”><span>*</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>III</strong></div>
</div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>Science</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>IV</strong></div>
</div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>Science</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>V</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Science</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span>*</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>VI</strong></div>
</div></td>
<td><div align=”center”><span>*</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>Science</span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>History</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>Biology</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>VII</strong></div>
</div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span class=”style18″>Physics</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>Chem</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
<td><div align=”center”><span>Economics</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>History</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>VIII</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Socio</span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
<td><div align=”center”><span class=”style18″>Physics</span></div></td>
<td><div align=”center”><span class=”style18″>Chem</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>Economics</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>IX</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Biology</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
<td><div align=”center”><span class=”style18″>History</span></div></td>
<td><div align=”center”><span class=”style18″>Chem</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span>Bengali</span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>Physics</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>X</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Biology</span></div></td>
<td><div align=”center”><span class=”style18″>Economics</span></div></td>
<td><div align=”center”><span>Work Edn</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>Physics</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span>Phy. Edn</span></div></td>
<td><div align=”center”><span>Biology</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>XI</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Chem</span></div></td>
<td><div align=”center”><span class=”style18″>Economics</span></div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>Biology</span></div></td>
<td><div align=”center”><span class=”style18″>Socio</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>Statistics</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>Physics</span></div></td>
</tr>
<tr>
<td><div align=”center”>
<div align=”center”><strong>XII</strong></div>
</div></td>
<td><div align=”center”><span class=”style18″>Bengali</span></div></td>
<td><div align=”center”><span class=”style18″>Biology</span></div></td>
<td><div align=”center”><span class=”style18″>Socio</span></div></td>
<td><div align=”center”><span class=”style18″>Maths</span></div></td>
<td><div align=”center”><span class=”style18″>English</span></div></td>
<td><div align=”center”><span class=”style18″>Statistics</span></div></td>
<td><div align=”center”><span class=”style18″>Physics</span></div></td>
<td><div align=”center”><span class=”style18″>Economics</span></div></td>
<td><div align=”center”><span class=”style18″>Chem</span></div></td>
</tr>
</table>
</BODY >
</HTML >
</code>
For Footer Area: <strong>Footer.html</strong>
<code>
<HTML >
<HEAD >
<TITLE > New Document </TITLE >
</HEAD >
<script language=”vbscript” >
sub getCurrentDateTime()
dim daydate,daytime
daydate=FormatDateTime(Date(),1)
dtime=Hour(Now)
document.form1.txtdatetime.value=CStr(daydate)+” “+CStr(Time)
end sub
</script>
<BODY bgcolor=”lightblue” onLoad=”getCurrentDateTime()” >
<form name=”form1″ onLoad=”getCurrentDateTime()” >
<p><center><u>ALL RIGHT RESERVED.</u><center >
<span>Copyright @ 2014, New English School, Bandra.</span><br />
<table>
<tr> </tr>
<tr> <td> Current Date & Time:</td> <td> <input type=”text” name=”txtdatetime” size=”30″ /> </td> <td> </td>
<tr> </tr>
</table>
<strong><a href=”home.html”>Home</a> / <a href=”about.html”>About Us</a> / <a href=”academic.html”>Academics</a> / <a href=”infra.html”>Infrastucture</a>/ <a href=”contact.html”>Contact Us</a> </strong></p>
</form>
</BODY >
</HTML >
</code>
b)About us page should give information about the Objectives, values and beliefs of the school, preferable in some structured format. You may use lists or tables for the same.
For About Us Page: <strong>About.html</strong>
<code>
<html>
<head>
<title>IES New English School, Bandra , Mumbai</title>
</head>
<body bgcolor=”lightgreen” >
About us Page
<div>
<h1>ABOUT US</h1>
<table width=”581″ border=”0″>
<tr>
<td width=”700″><table width=”550″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tbody>
<tr>
<th height=”117″ scope=”col”><p align=”center”>Indian Education Society</p>
<p align=”justify”>The Indian Education Society was founded in 1912 by a tiny band of young and dedicated College teachers who gave the best years of their lives to the society and its Colleges. They were S.V. Nabar, B.N. Vaidya, V.N.SuIe, P.Y. Patkar and |M.D.Harne. The little seed these stalwarts sowed grew into a mighty tree with several branches, Colleges and colleges. In the later period, the Indian Education Society was served brilliantly by Manik Lotlikar and Padmakar Dhamdhere. Undertheir care and tutelage the society developed into an institution managing over sixty Colleges, a junior college and two professional colleges – a College of Management and a College of Architecture. The Colleges of the I.E.S. have been a nursery out of which have blossomed enormous number of persons with varied talents. Its Colleges have produced some of the leading scientists and researchers, scholars and teachers, engineers and doctors, brave members of the armed forces, cricketers and swimmers, theatre and film personalities as well as the first Indian idol! The Indian Education Society is committed to serve the community with the best kind of education. It has taken innovative steps in the field of education like e – learning, encouragement of technical education at the College level, digitalizing of libraries, introduction of new streams like the ICSE, etc. The Society has also initiated the process of accreditation of its Colleges by the Quality Council of India begining with the NES Campus in Bandra East. In establishing a junior college the IES affirms that it would provide the best facilities and resources to its students. In keeping with the high standard the IES has maintained in the past, we hope to have a junior college which would become soon the first choice of our students. The Indian Education Society believes that in cooperation with the heads of our institutions and teachers and parents / guardians and students, we can scale still greater heights of excellence and educate our young to become worthy citizens of our country.</p>
<div align=”left”>
<p> </p>
<table width=”377″ height=”12″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tbody>
<tr>
<td valign=”top”> </td>
<td colspan=”2″ valign=”top”><p>Indian Education Society <br />
Raja Shivaji Vidyasankul, Hindu Colony, Dadar, <br />
Mumbai 400 014. Tel. N0. 6137 9595</p>
<p>Governing Council</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>A. B. Vaidya</p></td>
<td width=”323″ valign=”top”><p>President</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Manohar D. Lotlikar</p></td>
<td width=”323″ valign=”top”><p>Vice President and Chief Executive Officer</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Amol P. Dhamdhere</p></td>
<td width=”323″ valign=”top”><p>Vice President</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Achala Joshi</p></td>
<td width=”323″ valign=”top”><p>Trustee</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Satish M. Lotlikar</p></td>
<td width=”323″ valign=”top”><p>Trustee</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Satish R. Nayak</p></td>
<td width=”323″ valign=”top”><p>Trustee</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Shailendra V. Gharse</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>V. K. Sinha</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Meenal Mohadikar</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Suhas G. Rege</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Shaunak Satpute</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Gajanan Samant</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Sagar Sule</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Rajeev Joshi</p></td>
<td width=”323″ valign=”top”><p>Member</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Geetanjali Desai</p></td>
<td width=”323″ valign=”top”><p>Heads’ Representative</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Vaishali K. More</p></td>
<td width=”323″ valign=”top”><p>Supervisors’ Representative</p></td>
</tr>
<tr>
<td width=”119″ valign=”top”> </td>
<td width=”201″ valign=”top”><p>Rajani Mhaisalkar</p></td>
<td width=”323″ valign=”top”><p>Teachers’ Representative</p></td>
</tr>
</tbody>
</table>
</div>
<blockquote>
<p align=”left”><strong>INDIAN EDUCATION SOCIETY<br />
New English School </strong><br />
</p>
<p align=”left”> V. K. Sinha <strong>Chairman</strong></p>
<p align=”left”> Amol Dhamdhere</p>
<p align=”left”> Satish R. Nayak</p>
<p align=”left”> Gajanan V. Samant</p>
<p align=”left”> Shailendra V. Gharse</p>
<p align=”left”> Vikram Karandikar</p>
<p align=”left”> Lakshmi Jayakar</p>
<p align=”left”>Dr. Mulwad Vinata</p>
<p align=”left”>Bharati M. Hajari <strong>Convenor</strong></p>
<p align=”left”><br />
INDIAN EDUCATION SOCIETY<br />
New English School
</p>
<p align=”left”>Government Servants Colony, Near Kherwadi Police Station,<br />
Bandra ( E) , Mumbai 400051.</p>
</blockquote>
<p align=”left”> </p>
<p>V. K. Sinha Bharati M. Hajari</p>
<p>Chairman Principal</p>
</th>
</tr>
</tbody>
</table>
<br /></td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>
</code>
c)Academics page lists details about the teachers and the past activities of the school.
For Academics Page: <strong>Academic.html</strong>
<code>
<html><head> <title>IES New English School, Bandra , Mumbai</title> </head> <body bgcolor=”lightgreen” > Academic’s Page <div> <h1>Academic </h1> <table width=”596″ border=”0″> <tr> <td width=”590″><table width=”539″ height=”47″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″> <tbody> <tr> <th width=”520″ height=”45″ scope=”col”><p align=”left”><span><span><span><span><span class=”style23″>Admission- </span><br /> <br /> 1] Admission is open to all irrespective caste, creed and religion.<br /> 2] Applications are available in the office<br /> 3] The necessary documents such as L.C, latest progress report from the previous school etc. should be attached with the form.<br /> 4] Admissions will be confirmed only after the interview of the student and payment of fees.</span></span></span></span></p> </th> </tr> </tbody> </table> <p align=”center”><strong><u>ACHIEVEMENTS IN SPORTS</u></strong></p> <div align=”center”> <table border=”1″ cellspacing=”0″ cellpadding=”0″ align=”left”> <tr> <td width=”81″ valign=”top”><br /> Year </td> <td width=”111″ valign=”top”><p>Competition</p></td> <td width=”115″ valign=”top”><p>Organizer</p></td> <td width=”234″ valign=”top”><p>Result</p></td> </tr> <tr> <td width=”81″ valign=”top”><p>2009</p></td> <td width=”111″ valign=”top”><p>Carrom</p></td> <td width=”115″ valign=”top”><p>District Krida Adhikari</p></td> <td width=”234″ valign=”top”><p>Kadam Sheyas- I Prize & gold medal<br /> Gaddam Neha-II Prize & silver medal<br /> The school received Runner Up award and bagged a Trophy</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Cricket</p></td> <td width=”115″ valign=”top”><p>Khichadiya</p></td> <td width=”234″ valign=”top”><p>Runner Up Award</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p> </p></td> <td width=”115″ valign=”top”><p>Air India</p></td> <td width=”234″ valign=”top”><p>Runner Up Award</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p> </p></td> <td width=”115″ valign=”top”><p>I. E. S</p></td> <td width=”234″ valign=”top”><p>Won final and received a Trophy<br /> Pawar Dipesh declared the best player and received a gold medal</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Kho-Kho</p></td> <td width=”115″ valign=”top”><p>Mumbai Sports</p></td> <td width=”234″ valign=”top”><p>Won the final</p></td> </tr> <tr> <td width=”81″ valign=”top”><p>2010</p></td> <td width=”111″ valign=”top”><p> Kabaddi</p></td> <td width=”115″ valign=”top”><p>Vand Mataram Foundation</p></td> <td width=”234″ valign=”top”><p>I Prize & Trophy</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Kho-Kho</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Trophy</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Cricket (Vinu Mankad)</p></td> <td width=”115″ valign=”top”><p>District Krida Adhikari</p></td> <td width=”234″ valign=”top”><p>Runner Up Award</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Carrom</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Acharya Raj- I Prize and Gold medal<br /> Kale Mayuri- I Prize & Gold medal</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Chess</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p> Chaudary Vaibhavi- I Prize & Gold medal</p></td> </tr> <tr> <td width=”81″ valign=”top”><p>2011</p></td> <td width=”111″ valign=”top”><p>Disrict level cricket </p></td> <td width=”115″ valign=”top”><p>District Krida Adhikari</p></td> <td width=”234″ valign=”top”><p>Runner Up Award</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Carrom</p></td> <td width=”115″ valign=”top”><p>Bombay Arts & Sports</p></td> <td width=”234″ valign=”top”><p>Gaddam Neha, Kadam Shreyas, Malla Adarsh<br /> & Sawant Sail<br /> Reveived I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Chess</p></td> <td width=”115″ valign=”top”><p>Bombay Arts & Sports</p></td> <td width=”234″ valign=”top”><p>Dicholkar Diti<br /> & Pol Prathmesh received I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p> </p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Malla Adarsh- I Prize and Gold medal</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>75m Running</p></td> <td width=”115″ valign=”top”><p> M.S.B Scout & Guide</p></td> <td width=”234″ valign=”top”><p>Haldankar Anushka & Pal Suraj- I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Langadi</p></td> <td width=”115″ valign=”top”><p> —-“——</p></td> <td width=”234″ valign=”top”><p>Kadam Tejal & Kadam Sahil- I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p>2012</p></td> <td width=”111″ valign=”top”><p>Carrom</p></td> <td width=”115″ valign=”top”><p>Care Foundation</p></td> <td width=”234″ valign=”top”><p>Gaddam Neha,Malla Adarsh,Kadam Prathmesh received gold medals</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p> </p></td> <td width=”115″ valign=”top”><p>Mumbai Sports</p></td> <td width=”234″ valign=”top”><p>Gaddam Neha-Gold medal</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Chess</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Chaudhary Vaibhavi- Gold medal & Trophy</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Gymnastics VT</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Walavalkar Yash- Gold medal</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>400 m Running</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Inpure Tanvi- I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Long Jump</p></td> <td width=”115″ valign=”top”><p>—-“—-</p></td> <td width=”234″ valign=”top”><p>Yadav Ashutosh- I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Shot Put</p></td> <td width=”115″ valign=”top”><p>——“—–</p></td> <td width=”234″ valign=”top”><p>Chaudhari Pratik-I Prize</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Carrom</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>The school received ‘Nirgudkar Foundation Trophy’</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Madhav Mantri Cricket Tournament</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>The school received ‘Late Dr. Harish Ram Nayak Rotating Trophy’</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Kho-Kho</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Won finals and received a Trophy</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Cricket</p></td> <td width=”115″ valign=”top”><p>District Krida Adhikari</p></td> <td width=”234″ valign=”top”><p>Runner Up Award</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Foot Ball</p></td> <td width=”115″ valign=”top”><p>I.E.S</p></td> <td width=”234″ valign=”top”><p>Runner Up Award</p></td> </tr> <tr> <td width=”81″ valign=”top”><p> </p></td> <td width=”111″ valign=”top”><p>Lazim</p></td> <td width=”115″ valign=”top”><p>Sahashaley Upakram</p></td> <td width=”234″ valign=”top”><p>I Prize</p></td> </tr> </table> <br /></td> </tr> </table> <p> </p> </div> </<span style=”text-decoration: underline;”>body</span>> </<span style=”text-decoration: underline;”>html</span>></code>
d) Infrastructure page should highlighting the available resources of the school.
For Infrastructure Page: <strong>Infra.html</strong>
<code>
<html><head> <title>IES New English School, Bandra , Mumbai</title> </head> <body bgcolor=”lightgreen” > Infrastructure Page <div> <h1>Infrastructure </h1> <table width=”596″ border=”0″> <tr> <td width=”590″><table width=”539″ height=”47″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″> <tbody> <tr> <th width=”520″ height=”45″ scope=”col”><p align=”left”><span><span><span><span><span>Admission- </span><br /> <br /> 1] Admission is open to all irrespective caste, creed and religion.<br /> 2] Applications are available in the office<br /> 3] The necessary documents such as L.C, latest progress report from the previous school etc. should be attached with the form.<br /> 4] Admissions will be confirmed only after the interview of the student and payment of fees.</span></span></span></span></p> <p align=”left”><span><strong>Facilities</strong>- </span><br /> <br /> 1] well lighted and ventilated classrooms<br /> <br /> 2] A computer Lab with individual computer for every student<br /> <br /> 3] Well equipped Laboratories for Physics, Chemistry and Biology<br /> <br /> 4] Audio-Visual room<br /> <br /> 5] Library with treasure of books<br /> <br /> 6] Specious play ground<br /> <br /> 7] Auditorium with well equipped technology<br /> <br /> 8] A healthy canteen service<br /> <br /> 9] Arts and Spots Academy with well experienced coaches<br /> <br /> 10] Art room for showing creativity?<br /> <br /> 11] Introduction of new subjects- <br /> a] Technical with equipped lab <br /> b] V.G [Vocational Guidance] with expert councilors.<br /> <br /> 12] Well qualified staff<br /> <br /> 13] Personal attention <a name=”_GoBack” id=”_GoBack”></a></p></th> </tr> </tbody> </table> <br /></td> </tr> </table> <p> </p> </div> </body> </html></code>
e) Contact us page should provide information about the school address and contact details.
For Contact Us Page: <strong>Contact.html</strong>
<code>
<HTML >
<HEAD >
<TITLE > New Document </TITLE >
</HEAD >
<BODY bgcolor=”lightgreen” >
Contact Page
<center > <h1 > <u > Contact Us</u > </h1 > <center >
<table align=”center” >
<tr >
<tr > <img src=”contact.jpg” alt=”Image” width=”600px” height=”350px”/ > </td >
</tr >
</table >
</BODY >
</HTML >
</code>
f ) Feedback page should have a feedback form consisting of text box, radio buttons, list boxes etc. This page should get the information from the site visitors about various aspects of schools website. You must use JavaScript to check that all the required fields are entered by the visitor.
For Feedback Page: <strong>Feedback.html</strong>
<code>
<html>
<head>
<title>Feedback form</title>
</head>
<body bgcolor=”lightgreen” >
Feedback Page
<h1>Website feedback form</h1>
<div class=”content_node”>
<div class=”field field-name-body field-type-text-with-summary field-label-hidden”><div class=”field-items”><div class=”field-item even” property=”content:encoded”><p>Our website was recently redesigned. Please let us know how we can improve your experience by filling in this form.</p>
</div></div></div><div class=”field field-name-field-contact-watiam-id field-type-text field-label-hidden”><div class=”field-items”><div class=”field-item even”><p><strong>Information and privacy:</strong></p></div></div></div><form enctype=”multipart/form-data” action=”/school-environment-enterprise-development/website-feedback-form” method=”post” id=”webform-client-form-236″ accept-charset=”UTF-8″><div><div class=”form-item webform-component webform-component-textfield webform-component–name”>
<label for=”edit-submitted-name”>First name </label>
<input type=”text” id=”edit-submitted-name” name=”submitted[name]” value=”" size=”60″ maxlength=”128″ class=”form-text” />
</div>
<div class=”form-item webform-component webform-component-textfield webform-component–last-name”>
<label for=”edit-submitted-last-name”>Last name </label>
<input type=”text” id=”edit-submitted-last-name” name=”submitted[last_name]” value=”" size=”60″ maxlength=”128″ class=”form-text” />
</div>
<div class=”form-item webform-component webform-component-email webform-component–email”>
<label for=”edit-submitted-email”>Email </label>
<input type=”email” id=”edit-submitted-email” name=”submitted[email]” size=”60″ />
</div>
<div class=”form-item webform-component webform-component-select webform-component–who-are-you”>
<div class=”select-or-other”>
<div class=”form-item form-type-select form-item-submitted-who-are-you-select”>
<label for=”edit-submitted-who-are-you-select”>Who are you? <abbr title=”This field is required.”>* <span>(required)</span></abbr> </label>
<select id=”edit-submitted-who-are-you-select” name=”submitted[who_are_you][select]“><option value=”" selected=”selected”>- Select -</option><option value=”1″>Prospective student</option><option value=”2″>Undergrad student</option><option value=”3″>Graduate student</option><option value=”4″>Staff</option><option value=”5″>Faculty</option><option value=”6″>Alumni</option><option value=”select_or_other”>Other…</option></select>
</div>
<div class=”form-item form-type-textfield form-item-submitted-who-are-you-other”>
<label for=”edit-submitted-who-are-you-other”>Who are you? Other… </label>
<input type=”text” id=”edit-submitted-who-are-you-other” name=”submitted[who_are_you][other]” value=”" size=”60″ maxlength=”128″ />
</div>
</div>
</div>
<input type=”hidden” name=”details[sid]” />
<input type=”hidden” name=”details[page_num]” value=”1″ />
<input type=”hidden” name=”details[page_count]” value=”1″ />
<input type=”hidden” name=”details[finished]” value=”0″ />
<input type=”hidden” name=”form_build_id” value=”form-qjLa24rqko-g3tMMntC-5NRTPS4SnDNwWsDBT9KOaJY” />
<input type=”hidden” name=”form_id” value=”webform_client_form_236″ />
<div class=’jfhtml’><p> <strong>What is your opinion of the site?</strong> </p> <p> Please rate the following aspects </p></div>
<div class=’error-message’ id=’hdeb2_2453_error’></div>
<fieldset class=’jfradio’ id=’hdeb2_2453′>
<div class=’control-group’>
<legend id=”hdeb2_2453_label”>Look and feel</legend>
<div class=’controls’>
<label class=’radio’ for=’hdeb2_2453_0′>
<input checked=checked value=’Good’ id=’hdeb2_2453_0′ name=’hdeb2′ type=’radio’ />
Good
</label>
<label class=’radio’ for=’hdeb2_2453_1′>
<input value=’Average’ id=’hdeb2_2453_1′ name=’hdeb2′ type=’radio’ />
Average
</label>
<label class=’radio’ for=’hdeb2_2453_2′>
<input value=’Poor’ id=’hdeb2_2453_2′ name=’hdeb2′ type=’radio’ />
Poor
</label>
<span class=’help-block’ id=’hdeb2_2453_error’></span>
</div>
</div>
</fieldset>
<div class=”clear”></div>
<div class=’error-message’ id=’h5e77_2454_error’></div>
<fieldset class=’jfradio’ id=’h5e77_2454′>
<div class=’control-group’>
<legend id=”h5e77_2454_label”>Ease of use</legend>
<div class=’controls’>
<label class=’radio’ for=’h5e77_2454_0′>
<input checked=checked value=’Good’ id=’h5e77_2454_0′ name=’h5e77′ type=’radio’ />
Good
</label>
<label class=’radio’ for=’h5e77_2454_1′>
<input value=’Average’ id=’h5e77_2454_1′ name=’h5e77′ type=’radio’ />
Average
</label>
<label class=’radio’ for=’h5e77_2454_2′>
<input value=’Poor’ id=’h5e77_2454_2′ name=’h5e77′ type=’radio’ />
Poor
</label>
<span class=’help-block’ id=’h5e77_2454_error’></span>
</div>
</div>
</fieldset>
<div class=”clear”></div>
<div class=’error-message’ id=’h99b4_2455_error’></div>
<fieldset class=’jfradio’ id=’h99b4_2455′>
<div class=’control-group’>
<legend id=”h99b4_2455_label”>Searching facilities</legend>
<div class=’controls’>
<label class=’radio’ for=’h99b4_2455_0′>
<input checked=checked value=’Good’ id=’h99b4_2455_0′ name=’h99b4′ type=’radio’ />
Good
</label>
<label class=’radio’ for=’h99b4_2455_1′>
<input value=’Average’ id=’h99b4_2455_1′ name=’h99b4′ type=’radio’ />
Average
</label>
<label class=’radio’ for=’h99b4_2455_2′>
<input value=’Poor’ id=’h99b4_2455_2′ name=’h99b4′ type=’radio’ />
Poor
</label>
<span class=’help-block’ id=’h99b4_2455_error’></span>
</div>
</div>
</fieldset>
<div class=”clear”></div>
<div class=’error-message’ id=’h94b8_