Assignment No.

03 Semester Fall 2011 Introduction to Computing-CS101 Total Marks: 25 Due Date: 2612 2011

Objective: To understand HTML tags and their use in designing a web page using HTML. In this assignment you will learn: How to place images on HTML web page? How to use images as background? Use of Anchor tag to open any link in a new window. How to use radio buttons group in HTML web page and how to allow select only one option? How to limit the input characters in text field? 6. How to use image map to make a link on specific area of image? 7. How to use image from cross domain to local or other domain?
1. 2. 3. 4. 5.

Instructions: Please read the following instructions carefully before solving & submitting assignment: Assignment file should be in HTML format and should be in your own wordings (HTML Code) not copied from internet, handouts or books. It should be clear that your assignment will not get any credit if:
o o o o o

The assignment is submitted after due date. The submitted assignment does not open or file is corrupt. The assignment is copied (from other student or copied from handouts or internet). The title of the webpage is other than student VU ID. The assignment file is not in HTML format. For any query about the assignment, contact at cs101@vu.edu.pk GOOD LUCK

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. 1. Your assignment must be a single HTML format file; any other format or screen shots are not acceptable. 2. Use of Style Sheet is not allowed in this assignment. 3. To create HTML file: a. Open notepad, write your code in this new file and save as. b. When it asks for file name, give its name like studentID.html. c. Take care of double quotes, there must be starting and ending double quotes to save file in HTML format. 4. For header image use http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011-assignment3cs101-header.jpg as image source. 5. For background image use this link http://vulms.vu.edu.pk/Courses/CS101/Downloads/fall2011assignment3-cs101-naviBG.jpg as image source.

Clicking on VU logo, it should open http://www.vu.edu.pk link in new window. There must be space between text and edges (top, left and bottom) of box. Clicking on this link, it should open http://www.google.com.pk link in new window. Clicking on this link, it should open http://vulms.vu.edu.pk link in new window.

This box must not allow to type more than 11 characters.

Only one choice should be selectable at a time.

Give eight choices of semesters in this drop down list.

The border of the table must be according to this style.

It should allow selecting multiple choices from this list.

On clicking Reset button, all fields must be set to their initial state.

Follow the instructions 4 and 5 to place cross domain images (images available on any web).

Take care of color scheme and borders

Final output should be look like screen shot given below.

Note:
o Assignment must be in your own code, if found copied from any resource (any student, internet) will get

zero marks.