Posts: 9,583
Threads: 8,089
Joined: Apr 2011
Assignment No. 03
Semester Fall 2011
Introduction to Computing-CS101
Design an HTML page using HTML elements such as tables, images, textboxes, text areas, radio buttons, list boxes, select boxes, background images, image maps, submit button and reset button. (Marks 25)
Read the following instructions carefully.
Your assignment must be a single HTML format file; any other format or screen shots are not acceptable.
Use of Style Sheet is not allowed in this assignment.
To create HTML file:
Open notepad, write your code in this new file and “save as”.
When it asks for file name, give its name like “studentID.html”.
Take care of double quotes, there must be starting and ending double quotes to save file in HTML format.
![[Image: Untitled2.jpg]](http://3.bp.blogspot.com/-doHzyQz8ikY/TvF1bcBOQLI/AAAAAAAAAM0/AzySkfN0AYU/s400/Untitled2.jpg)
![[Image: Untitled3.jpg]](http://2.bp.blogspot.com/-p2EPjnuoBz8/TvF1Q-FLEhI/AAAAAAAAAMo/m_b4iqS_rps/s400/Untitled3.jpg)
![[Image: Untitled%2B4.jpg]](http://3.bp.blogspot.com/-bOYKI8fK2d8/TvF1Aw7obfI/AAAAAAAAAMc/FNDiAVsD3Ho/s400/Untitled%2B4.jpg)
Posts: 9,583
Threads: 8,089
Joined: Apr 2011
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"><html><head><META http-equiv="Content-Type"
content="text/html; charset=utf-8"></head><body>
<div>
<h2 align="center">YOUR STUDENT ID :: Assignment NUMBER</h2>
<form action="http://www.vu.edu.pk" method="post" target="_blank"
onsubmit="return window.confirm("You are submitting information to
an external page.\nAre you sure?");">
<table width="800" border="1" align="center">
<tr>
<td width="116" height="50" align="center"
bgcolor="#CCCCCC">GPA</td>
<td width="468" bgcolor="#CCCCCC"><input name="GPA" type="text"
size="75"></td>
</tr>
<tr>
<td height="50" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"><input type="submit" name="button"
value="Find Grade"></td>
</tr>
</table>
</form>
</div>
</body></html>
Posts: 9,583
Threads: 8,089
Joined: Apr 2011
full solution
Code:
<HTML>
<HEAD>
<TITLE> CS101 Assignment # 3 "Fall 2011" </Title>
</Head>
<Body>
<Form name="Order" method="post" action="sendmailScriptURL">
<Table bgcolor="lightgrey" height="100" width="950">
<TD>
<Table align="center" border="1" bgcolor="lightgrey">
<TR>
<TD> <img
src="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-header.jpg"></TD
>
</TR>
<TR>
<TD>
<Table>
<TR>
<TD>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
<td width="150" align="left"><A HREF="http://www.vu.edu.pk"/>Home</A></td>
</table>
<table
cellpadding="3"background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-
cs101-naviBG.jpg">
<td width="150" align="left"><A HREF="http://www.vu.edu.pk/About.html"/>About Us</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
<td width="150" align="align"><A HREF="http://www.vu.edu.pk/Services.html"/>Our
Services</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
<td width="150" align="align"><A HREF="http://www.google.com.pk"/ Target="_blank">Search
Engine</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
Page 1
BlackMist
<td width="150" align="align"><A HREF="http://www.vu.edu.pk/Elearning.html">E
Learning</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
<td width="150" align="align"><A HREF="http://www.vu.edu.pk/Products.html">Products</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
<td width="150" align="align"><A HREF="http://www.vu.edu.pk" Target="_blank">Login</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3-cs101-naviBG.j
pg">
<td width="150" align="align"><A HREF="http://www.vu.edu.pk/Contact">Contact Us</A></td>
</table>
<Table bgcolor="grey" height="320" width="160">
<TR></TR>
</table>
<TD>
<Table>
<TD>
<Table>
<TD>
<table>
<TD>
<Table valign="top" border="3">
<P align="center"><B>STUDENT ORDER</B></P>
<TR>
<TD width="150" align="right"><B>Name: </B></td>
<TD width="200"> <input type="text" name="Sender" size="15"></td>
<Tr>
<TR>
<TD width="150" align="right"><B>VU-ID:</B></td>
<TD width="200"><input type="text" name="ID" size="15" maxlength="11"></td>
</tr>
<TR>
<TD width="150" align="right"><B>Format:</B></td>
<TD width="200">
<input type="radio" name="format" value="Handouts">Handouts
<input type="radio" name="format" value="DVD">DVD's
</td>
</tr>
Page 2
BlackMist
<Tr>
<TD width="150" align="right"><B>Semester:</B></td>
<TD width="200">
<select size="1" name="Semester">
<option value="Select" Selected>Select Semester
<option value="Semester1">Semester1
<option value="Semester2">Semester2
<option value="Semester3">Semester3
<option value="Semester4">Semester4
<option value="Semester5">Semester5
<option value="Semester6">Semester6
<option value="Semester7">Semester7
<option value="Semester8">Semester8
</TD>
</Tr>
<Tr>
<TD width="150" align="right"><B>Course:</B></td>
<TD width="200">
<select size="7" name="Course" multiple>
<option value="CS101">CS101
<option value="CS201">CS201
<option value="CS301">CS301
<option value="MGT101">MGT101
<option value="MGT301">MGT301
<option value="MGT501">MGT501
</TD>
<Tr>
<TD width="150" align="right"><B>Shipping Address:</B></td>
<TD><Textarea name="address" cols="20" rows="3"></textarea></td>
</tr>
<Tr>
<Td width="150" align="right">. </td>
<TD>
<input type="submit" name="order" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>
<tr>
</TD>
</table>
</td>
</table>
</td>
</table>
Page 3
BlackMist
</td>
<Table cellpadding="3" bgcolor="grey" width="900">
<TR valign="bottom">
<TD align="center"> All Rights Reserved | @ Assignment-3 (CS101).com
</TD>
</TR>
</table>
</table>
</body>
</html>
Page 4
Posts: 9,583
Threads: 8,089
Joined: Apr 2011
Code:
<html>
<head><title>
CS101 Assignment 3 </title>
</head>
<body>
<Form name="Order" method="post" action="sendmailSriptURL">
<Table bgcolor="lightgrey" hight="100" width="950">
<td>
<table align="center" border="1" bgcolor="lightgrey">
<tr>
<td><img src="http://vulms.vu.edu.pk/courses/CS101/Downloads/fall2011-
assignment3cs101-header.jpg"></td>
</tr>
<tr><td>
<table>
<tr><td>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="left"><A
HREF="httpL//www.vu.edu.pk/about.html"/>
About
Us</A></td>
</table>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://www.vu.edu.pk/services.html"/>
Out
Services
</A></td>
</table>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://google.com.pk"/
Target="_black">
Search
Engine
</A></td>
</table>
<table cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://www.vu.edu.pk/Elearning.html"/>
E
Learning
</A></td>
</table>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://www.vu.edu.pk/Products.html"/>
Products
</A></td>
</table>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://www.vu.edu.pk/services.html"/>
Out
Services
</A></td>
</table>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://vulms.vu.edu.pk"/>
Login
</A></td>
</table>
<table
cellpadding="3"
background="http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-
assignment3cs101-naviBG.jpg">
<td
width="150"
align="align"><A
HREF="http://www.vu.edu.pk/Contact.html"/>
Contact
Us
</A></td>
</table>
<Table
bgcolor="grey"
height="320"
width="160">
<tr></tr>
</table>
<td>
<table>
<td>
<table>
<td>
<table>
<td>
<table
valign="top"
border="3">
<p
align="center"><b>
STUDENT
ORDER </b></p>
<tr>
<td
width="150"
align="right"><b>Name:</b></p></td>
<td
width="200">
<input
type="text"
name="Sender"
size="15"></td>
</tr>
<tr>
<td width="150" align="right"><b>VU-ID:</b></p></td>
<td width="200"><input type="text" name="ID" size="15" maxlength="11"></td>
</tr>
<tr>
<td width="150" align="right"><b>Format:</b></p></td>
<td width="200">
<input type="radio" name="format" value="Handouts">Handouts
<input type="radio" name="format" value="DvD">DVD's</td>
</tr>
<tr>
<td width="150" align="right"><b>Semester:</b></p></td>
<td width="200">
<select size="1" name="Semester">
<option value="Select" Selected>Select Semester
<option value="Semester1"> Semester1
<option value="semester2"> Semester2
<option value="semester3"> Semester3
<option value="semester4"> Semester4
<option value="Semester5"> Semester5
<option value="Semester6"> Semester6
<option value="Semester7"> Semester7
<option value="Semester8"> Semester8 </td>
</tr>
<tr>
<td width="150" align="right"><b>Course:</b></p></td>
<td width="200">
<select size="7" name="Course" multiple>
<option value="CS101"> CS101
<option value="CS201"> Cs201
<option value="CS301"> Cs301
<option value="MGT101"> MGT101
<option value="MGT301"> MGT301
<option value="MGT501"> MGT501 </td>
</tr>
<tr>
<td width="150" align="right"><b>Shipping Address:</b></p></td>
<td><textarea name="address" cols="20" rows="3"></textarea></td>
</tr>
<tr>
<td width="150" align="right"> </td>
<td>
<input type="submit" name="order" value="Submit">
<input type="reset" value="Reset"> </td>
</tr>
</table>
</tr>
</td>
</table>
</td>
</table>
</td>
</table>
</td>
<Tale cellpadding="3" bgcolor="grey" width="900">
<tr valign="bottom">
<td align="Center"> All Rights Reserved | @ Assignment-3 (CS101).com </td>
</tr>
</table>
</table>
</body>
</html>
mileys81:[SIZE="4"][SIZE="3"]....[/SIZE][/SIZE]