PDA

View Full Version : CS101 Introduction to Computing Assignment No. 03 Semester Fall 2011


Vuhelper
12-21-2011, 07:29 PM
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.

http://3.bp.blogspot.com/-doHzyQz8ikY/TvF1bcBOQLI/AAAAAAAAAM0/AzySkfN0AYU/s400/Untitled2.jpg
http://2.bp.blogspot.com/-p2EPjnuoBz8/TvF1Q-FLEhI/AAAAAAAAAMo/m_b4iqS_rps/s400/Untitled3.jpg
http://3.bp.blogspot.com/-bOYKI8fK2d8/TvF1Aw7obfI/AAAAAAAAAMc/FNDiAVsD3Ho/s400/Untitled%2B4.jpg
Vuhelper
12-22-2011, 03:25 PM
<!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(&quot;You are submitting information to
an external page.\nAre you sure?&quot;);">
<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>
Vuhelper
12-23-2011, 06:46 PM
full solution



<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
Vuhelper
12-27-2011, 02:23 AM
<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>