Latest Activity In Study Groups

Join Your Study Groups

VU Past Papers, MCQs and More

We non-commercial site working hard since 2009 to facilitate learning Read More. We can't keep up without your support. Donate.


 

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: You have to upload .html file which will have code of HTML. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

 

Objective:

 

The objectives of this assignment are:

 

·         To learn and practice the basic HTML tags.

·         Practice of CSS attributes and properties

·         CSS properties: background, styling input elements, padding, margin

Note:

 

·         This assignment is a Graded Assignment.

·         The assignment submitted through email will not be accepted.

·         This assignment is covering Lectures 9 - 15.

·         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%...

 

Guidelines:

 

§  Code should be properly indented.

§  You can use the following tools/software:

o   Sublime, Netbeans, Adobe Dreamweaver , Notepad           

§  You will not use any other software to make .html file

 

For any query about the assignment, contact at cs202@vu.edu.pk.

 

 

 

 

 

Assignment Statement:

 

 

Design the following HTML page given in the screenshot below.

Sample Web Page:

 

Figure 1 Before Alert

 

 

Figure 2 After Alert

Solution Instructions:

 

·         Background image and user image is provided in .zip folder with your assignment. You have to place these image in the same folder in which you are saving your HTML file.

·         Set background image on the screen as shown in the screenshot.

·         Center align the form.

·         Use basic HTML and CSS tags as required, which you have learnt while studying CSS.

·         Use margin and padding to manage the space between the elements.

·         Apply the Styling on input fields button. You can use colors of your own choice.

·         Use JavaScript functions to create the alert box as mentioned in screenshot.

·         On pressing “Click here to view Alert Box”  your name should be displayed in alert box.

 

 

 

 

 

BEST OF LUCK!

Views: 196

Attachments:

Looking For Something? Search Below

VIP Member Badge & Others

How to Get This Badge at Your Profile DP

------------------------------------

Management: Admins ::: Moderators

Other Awards Badges List Moderators Group

Latest Activity

+₳₥₥₳Ɽ₳ ₴₳฿łⱤ+ liked ツβµŕɨeď€ʍʍÖツ's discussion اختیار کے استعمال کا حق تصرّف۔۔۔
26 minutes ago
+₳₥₥₳Ɽ₳ ₴₳฿łⱤ+ liked ❤❤MEHAR ZADI❤❤'s discussion Happy Eid UL Adha! On this blessed occasion of Eid, wishing you and your family joy, happiness, peace and prosperity! Eid Mubarak! May Allah flood your life with happiness on this occasion, your heart
26 minutes ago
❤❤MEHAR ZADI❤❤ replied to ❤❤MEHAR ZADI❤❤'s discussion Happy Eid UL Adha! On this blessed occasion of Eid, wishing you and your family joy, happiness, peace and prosperity! Eid Mubarak! May Allah flood your life with happiness on this occasion, your heart
54 minutes ago
Zohaib Hassan replied to ❤❤MEHAR ZADI❤❤'s discussion Happy Eid UL Adha! On this blessed occasion of Eid, wishing you and your family joy, happiness, peace and prosperity! Eid Mubarak! May Allah flood your life with happiness on this occasion, your heart
1 hour ago
❤❤MEHAR ZADI❤❤ updated their profile
1 hour ago
❤❤MEHAR ZADI❤❤ replied to ❤❤MEHAR ZADI❤❤'s discussion Happy Eid UL Adha! On this blessed occasion of Eid, wishing you and your family joy, happiness, peace and prosperity! Eid Mubarak! May Allah flood your life with happiness on this occasion, your heart
1 hour ago
Zainabmalik is now a member of Virtual University of Pakistan
2 hours ago
+ ! ! ! ! ! !★ "Mannat"★✓ liked Meera ch's discussion Eid mubarak
2 hours ago

© 2021   Created by + M.Tariq Malik.   Powered by

Promote Us  |  Report an Issue  |  Privacy Policy  |  Terms of Service