Scribd Logo
Upload

Welcome to Scribd!

  • 26 views

    Fall 2024 - CS202 - 1

    Uploaded by

    Ann12 Shah
    Vu

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Fall 2024 - CS202 - 1

    Uploaded by

    Ann12 Shah
    26 views3 pages
    Vu

    Original Title

    Fall 2024_CS202_1

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Vu

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    26 views3 pages

    Fall 2024 - CS202 - 1

    Uploaded by

    Ann12 Shah
    Vu

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 3

    Assignment No.

    01 Total Marks: 20
    Semester: Fall 2024 Lectures: 1 to 8 (Topics: 1 to
    CS202: Fundamentals of Front-End 33)
    Development Due Date: November 07,
    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) i.e., word, pdf, txt, or any other format will not be accepted and will be awarded with zero
    marks.

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

    Objectives:
    The objectives of this assignment are:
     To learn and practice the basic HTML tags.
     Use of heading tags and form tags.

    Note:

     This assignment is a Graded Assignment.


     The assignment submitted through email will not be accepted.
     This assignment is covering Lectures 1 – 8 (Topics: 1 to 33).
     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 Notepad or Adobe Dreamweaver
     You will not use any other software to make .html file
    For any query about the assignment, contact at [email protected].
    Assignment Statement:

    The local community is organizing its annual “Youth Empowerment Conference” and has
    requested a simple, attractive web page for attendees to register, learn about the event, and find
    contact information.

    Task

    Design a single-page website with the following sections:

    1. Welcome Section

     Provide a brief introduction to the Youth Empowerment Conference, including the date,
    time, and an overview of what attendees can expect.
     Use an <h2> header and <p> tags for the content, styled to be visually appealing and
    engaging.

    2. Registration Form

     Build a form for visitors to register. Include the following fields:

    o Full Name (text input)


    o Email Address (email input)
    o Contact Number (telephone input)
    o Gender Selection (Use radio buttons labeled Male, Female, and Other.)
    o Areas of Interest (Checkboxes for Options like “Leadership,”
    “Technology,” “Community Service.”)
    o Age Range (Drop-down Menu): Age groups like “Under 18,” “18-24,” “25-
    34,” “35+.”
    o Submit Button Label the button as “Register Now.”

     CSS Requirements:
    Font: Use a modern sans-serif font (e.g., Arial or Open Sans)
    Text Color: Set the text color to a dark shade (e.g., #2d3748)
    Background: Consider a light background color (e.g., #e2e8f0)
    Padding & Centering: Center-align the welcome text and form with padding.

    Solution Instructions:
     Use basic HTML, which you have learnt till Lecture 8 to design your web page as sample page.
     You also have to use HTML basic tags and HTML form tags to design sample web page.

    Solution Output:
    BEST OF LUCK!

    You might also like