Scribd
Upload
98 views5 pages

Fall 2011 - CS101 - 3

This document provides instructions for Assignment No. 03 in the Introduction to Computing course (CS101) at VU. It outlines objectives for students to learn HTML tags including how to place images, use images as backgrounds, anchor tags to open links in new windows, radio buttons, text field character limits, image maps, and cross-domain images. Students are instructed to design an HTML page demonstrating these elements, with the page title as their VU ID. The assignment is due on December 26, 2011 and must be submitted as a single HTML file.

Uploaded by

gm84_parvi
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
98 views5 pages

Fall 2011 - CS101 - 3

This document provides instructions for Assignment No. 03 in the Introduction to Computing course (CS101) at VU. It outlines objectives for students to learn HTML tags including how to place images, use images as backgrounds, anchor tags to open links in new windows, radio buttons, text field character limits, image maps, and cross-domain images. Students are instructed to design an HTML page demonstrating these elements, with the page title as their VU ID. The assignment is due on December 26, 2011 and must be submitted as a single HTML file.

Uploaded by

gm84_parvi
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 5

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 [email protected] 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.

You might also like