You are on page 1of 19

Course Code : MCSL-016 Course Title : Internet Concepts and Web design (Lab Course) Assignment Number : MCA(1)/L016/Assign/2012

Maximum Marks : 100 Weightage : 25% Last Dates for Submission : 31st October, 2012 (For July 2012 Session) 30th April, 2013 (For January 2013 Session) This assignment has one question. Question 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 Program Guide for the format of presentation. Submit the screenshots also along with the coding and documentation.

Question 1: Answer the following questions: (i) Create your own web page using HTML tags only. Your web page must include a. Your Photograph in the upper right corner b. Two tables showing your qualifications so far starting from 10th. This table should provide a link to the School/ College/ University website that you have attended. c. A point wise list about your strengths d. Insert your career objective in a frame. e. Provide link to some Universities where you propose to do higher studies.
<html> <title>My Web Media</title> <head> <h1 align="center">Qualification Details</h1> <hr> </head> <body> <img src="sounak.jpg" align="right" height="135" width="125 "/>

<table border="1" cellpadding="5" bordercolor="#267235" style="margin-top:-1px"> <tr> <th colspan="3">Qualification----Detils</th> </tr> <tr> <th> <label>Qualification</label> </th> <th> <label>Name of School/College/University</lablel> </th> <th> <label>Marks(%)</lablel> </th/> </tr> <tr> <td> 10th </td> <td> Kendriya vidyalaya </td> <td> 70 </td>

</tr> <tr> <td> 12th </td> <td> Kendriya vidyalaya </td> <td> 55 </td> </tr> <tr> <td> B.A </td> <td> VBSPU </td> <td> 52 </td> </tr> <tr> <td>

MCA </td> <td> IGNOU </td> <td> Pursuing </td> </tr> </table> <div style="margin-left:50%; margin-top:-210px"> <table border="1" cellpadding="9" bordercolor="#284512"> <tr> <th> School/College/University </th> </tr> <tr> <td> <a href="http://cbse.nic.in" target="_blank">Kendriya vidyalaya</a> </td> </tr> <tr> <td> <a href="http://cbse.nic.in" target="_blank">Kendriya vidyalaya</a>

</td> </tr> <tr> <td> <a href="http://vbspu.ac.in" target="_blank">Jaunpur University</a> </td> </tr> <tr> <td> <a href="http://ignou.ac.in" target="_blank">IGNOU</a> </td> </tr> </table>

</body> <div style="margin-left:-100%"><h3 >List of My Strengths</h3> <ol> <li>Asp.Net</li> <li>C#</li> <li>Sql Server 2005/2008</li> <li>Core Java</li> <li>HTML</li> <li>C</li> </ol> </div>

<div style="margin-left:-100%"> <iframe src="Career_Objectives.html" frameborder="1" width="100%" height="100">If you see this message, it means that your browser doesn't support frames or they are disabled. You can access the information shown in this frame here: </iframe> </div> <marquee style="margin-left:-100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" > <a href="http://harvard.edu" style="color:#12a3a3" target="_blank">harvard university</a> <a href="http://bhu.ac.in" style="color:#a2af19" target="_blank">Banaras Hindu University</a> <a href="http://du.edu" style="color:#9241ff" target="_blank">Delhi University</a> </marquee> </html> //Career_Objectives.html page <html> <body bgcolor="orange"> <p><i><b>Seeking an opportunity to work in challenging environment, learn new skills and enhance the same for companies growth and development.</b></i></P> </body> </html>

Question 1: ScreenShot

(ii) Create a Form asking feedback about your webpage. On submission of the form you should output a thank you message for submitting the form. Use JavaScript to check if any mandatory information is unfilled in the Form. Also the message should be displayed by the JavaScript.
<html> <head> <title>Feedback-validation form</title>

<script language="javascript"> function verify()

{ if (document.form1.name.value == "") { alert("Please give the name"); document.form1.name.forus(); return false; }

if (document.form1.email.value == "") { alert("Please give the email"); return false; }

if (document.form1.myfeedback.value == "") { alert("Please Give your Feedback"); document.form1.myfeedback.focus(); return false; }

//field must take some input

if (document.form1.u_name.value == "") { alert("Please give username"); document.form1.u_name.focus(); return false; } alert("Thank you! You have Submitted your Feedback:"); return( true );

} </script> </head> <h1 align="center">Feedback form</h1> <hr> <body bgcolor="#a18f45">

<form method="POST" action="" name="form1"> <table border="2" align="center" cellpadding="7"> <tr> <td><strong>Name:</strong></td> <td> <input type="text" name="name"/> </td> </tr> <tr> <td><strong>Email:</strong></td> <td> <input type="text" name="email"/> </td> </tr> <tr> <td><strong>Feedback:</strong></td> <td> <textarea rows="5" cols="20" name="myfeedback"/></textarea> </td> </tr> <tr> <td><strong>Username:</strong></td> <td> <input type="text" name="u_name"/> </td>

</tr>

<tr align="center" >

<td> <input type="submit" value="Submit" onClick="return (verify());"/> </td> <td> <input type="reset"> </td> </tr> </table> </form> </body> </html>

Question 2: Screenshot

Question 2: Screenshot

(iii)Write a program using VB script that displays the multiplication of two matrices of size 2 * 2
Sol:-Not sure about this.(Please search it)

(iv) Design a web page which displays a pulled down menu: Introduction Objectives Video Show References Each of this menu option should link to a different page. All the pages should include the current date and time.

<html> <body bgcolor="#5a76a6"> <h1 align="center" style="color:snow" >Help In Programming</h1> <hr > </body> <form>

<select style="color:orange" onChange="if(this.selectedIndex!=0) self.location=this.options[this.selectedIndex].value"> <option value="" selected>Select a page</option> <option value="Introduction.html">Introduction</option> <option value="datentime.html">Objectives</option> <option value="strings.htm">Video Show</option> <option value="navigati.htm">References</option>

</select> </form> </html>

//Introduction pageWhich is in the dropDownListIts only one other dropdownlist menu will have the code like this.. <html> <title>Introduction</title> <head></head>

<body> <p style="color:#123abc">JavaScript is the world's most popular programming language. It is the

language for HTML and the web, for servers, PCs, laptops, tablets, smart phones, and more.</p> <ol> <li>A scripting language is a lightweight programming language.</li>

<li>JavaScript is programming code that can be inserted into HTML pages.</li>

<li>JavaScript inserted into HTML pages, can be executed by all modern web browsers.</li>

<li>JavaScript is easy to learn.</li> </ol> </body> <script language="javascript">

today = new Date(); document.write("<BR>The Time is: ", today.getHours(),":",today.getMinutes()); document.write("<BR>The Date is: ", today.getDate(),"/",today.getMonth

()+1,"/",today.getYear());

</script> </html>

Question 4: Screenshot

Question 4: Screenshot

Thank To ME---------------Any Query Please Write on snkpandey1@gmail.com

You might also like