0% found this document useful (0 votes)
24 views3 pages

Fall 2023 - CS202 - 2

This document outlines an assignment for a web development class. Students are tasked with creating a webpage displaying student information that dynamically changes the background color and prints text when a button is clicked, replicating sample web pages provided. The assignment provides guidelines, objectives, and instructions for completing the tasks using HTML and JavaScript.

Uploaded by

All Pak Vynx
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
24 views3 pages

Fall 2023 - CS202 - 2

This document outlines an assignment for a web development class. Students are tasked with creating a webpage displaying student information that dynamically changes the background color and prints text when a button is clicked, replicating sample web pages provided. The assignment provides guidelines, objectives, and instructions for completing the tasks using HTML and JavaScript.

Uploaded by

All Pak Vynx
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Assignment No.

02 Total Marks: 20
Semester: Fall 2023 Lectures: 23 to 28 (Topics:
CS202: Fundamentals of Front-End 99 to 122)
Development Due Date: 10-Jan-2024

Instructions:

Please read the following instructions carefully before submitting assignment. It should be clear that your
assignment will not get any credit if:

 The assignment is submitted after due date.


 The submitted assignment does not open or file is corrupt.
 Assignment is copied (partial or full) from any source (websites, forums, students, etc)
Note:

1) You have to just upload .html file, which will have the code of HTML. Assignment in any other format
(extension) will not be accepted and will be awarded zero marks.

2) In case of any issue, if the system does not accept .html file then zip your.html file into a zip folder and upload
it to the LMS.

Objectives:

The objectives of this assignment are:

 To learn how to add dynamic behavior in a static webpage.


 Use of different JavaScript events.
Note:

 This assignment is a Graded Assignment.


 The assignment submitted through email will not be accepted.
 For detail of topics in each lecture, see syllabus file given in download section of this course.
The link of file is: https://vulms.vu.edu.pk/Courses/CS202/Downloads/CS202%20Mid%20Term
%20Syllabus.pdf

Guidelines:

 Code should be properly indented.


 You can use the following tools/software:
o Sublime, Adobe Dreamweaver, Notepad
 You will not use any other software to make .html file

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


Assignment Statement:

Suppose you have been hired as a web developer at ABC University. You have been assigned a task to
add dynamic behavior to a webpage that contains student information. Your web page should be like the
sample web pages given below.

Sample Web Page 1:

Task 1:

You will develop a simple web page with the help of basic HTML tags, <h1>, <h2>, <table>, <p>,
<input>, etc as shown in “Sample Web Page 1”.

Task 2:

When you click on the Print Text button, the background color should be changed to green, and
students’ profile information should be displayed under the Print Text button, as shown in “Sample Web
Page 2”.

Sample Web Page 2:


Solution Instructions:

 Use basic HTML and JavaScript, which you have learned so far, to design your web page as the sample
web page.

 The default background color should be exactly the same as the sample web pages.

BEST OF LUCK!

You might also like