Home / All Edu Topics / CS101 Introduction to Computing Assignment# 2

CS101 Introduction to Computing Assignment# 2

CS101 Introduction to Computing Assignment# 2

CS101 Introduction to Computing Assignment# 2 Fall 2016

Assignment No. 02(Graded)
SEMESTER Fall 2016
CS101- Introduction to Computing
Total Marks: 20

Due Date: 01/12/2016

 

Instructions

Please read the following instructions carefully before solving & submitting assignment:

It should be clear that your assignment will not get any credit (zero marks) if:

  • The assignment is submitted after due date.
  • The submitted assignment is other than .html.
  • The submitted assignment does NOT open or file is corrupted.
  • The assignment is copied (from other student or ditto copy from handouts or internet).

 

Uploading instructions

  • For clarity and simplicity, you are required to Upload/Submit only .html file.

 

Objective

The objective of this assignment is:

  • To understand the basics of html tables and how to create tables in html
  • To understand how to include the image in an html file
  • To understand the concept of onMouseOver event of JavaScript

 

For any query about the assignment, contact at [email protected]

Note:

No assignment will be accepted after the due date via email in any case (whether it is the case of load shedding or internet malfunctioning etc.). Hence refrain from uploading assignment in the last hour of deadline. It is recommended to upload solution file at least two days before its closing date.

 

Suppose ABC organization is interested to develop a webpage and you are selected as a programmer to build a webpage. You are required to develop the following webpage by using html and JavaScript.

hhh

Step-1:

When user moves the mouse on the cell containing virtual university logo, then row number 3 colour will be changed and student ID will be displayed, such as:

hhh

Step-2:

When user moves the mouse over the logo picture, then logo will zoom in, such as:

hhh

Step-3:

When user moves the cursor from the cell no.4 (contains logo picture), then picture will be zoom out and the contents of third row will also disappeared, such as:

hhh

Important points

 

hhhThe title of your webpage should be your own student id.

hhhHere you will provide your own student id and name.

 

hhhIn the table, your own name should be display.

 

hhhHere your own student id must be displayed.

Note: Student id “BC123456789” is provided just as an example, in the solution file every student must include his/her own id. If a student id is missing or incorrect, then he/she may be awarded zero marks.

 

Solution guidelines:

  • Use different functions for image zoom in and zoom out.
  • Use different functions for highlighting and de-highlighting row no.3.
  • Store the VU logo image in the directory “Y:\Fall 2016\CS101\Assignments\2”.
  • VU logo image must be named as “myImage”.
  • VU logo image must be in .gif format.
  • Lectures covered in the second assignment are: 6, 9, 12, and 15.
  • Logo picture is here, you can use it in your code.
  • A video demo of the webpage is available on the given link:

http://vulms.vu.edu.pk/Courses/CS101/Downloads/Assignment%20no.2%20demo.mp4

 

Note: Use only Notepad to write html and JavaScript code. If any other tool is used, then zero marks will be awarded.

 

GOOD LUCK

About admin

Check Also

ENGLISH CODE 386 AIOU SOLVED ASSIGNMENT 1 SPRING 2017

English code 386 aiou solved assignment 1 spring 2017 will be upload now. The assignment …

Leave a Reply

%d bloggers like this: