Scribd
Upload
5 views

Spring 2024_CS202_1

This document outlines the assignment for CS202: Fundamentals of Front-End Development, due on April 30, 2024. Students are required to create a web page in HTML for a recipe of Chicken Biryani, incorporating specific elements such as headings, lists, and a table. Strict submission guidelines are provided, including file format requirements and penalties for late or copied submissions.

Uploaded by

Muhammad Asif
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
5 views

Spring 2024_CS202_1

This document outlines the assignment for CS202: Fundamentals of Front-End Development, due on April 30, 2024. Students are required to create a web page in HTML for a recipe of Chicken Biryani, incorporating specific elements such as headings, lists, and a table. Strict submission guidelines are provided, including file format requirements and penalties for late or copied submissions.

Uploaded by

Muhammad Asif
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.

01 Total Marks: 20
Semester: Spring 2024 Lectures: 1 to 8 (Topics: 1 to
CS202: Fundamentals of Front-End 33)
Development Due Date: April-30-2024

Instructions:

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

▪ The assignment is submitted after the due date.


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

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

2) In case of any issue, if the system does not accept a .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 List tags and Table 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 details 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:

You have been hired to develop a web page for a restaurant. Your task is to develop the web page using HTML
that presents a recipe. Restaurant owner asked you to write a recipe for her favorite dish which is “Chicken
Biryani”. Your web page should include detailed instructions, ingredients, cooking time, and a photo of the
dish. It must incorporate paragraphs, images, list, and internal style sheet for presentation and interaction.
Following is the layout of your web page.
1. Add the title at the start of web page. Title should be bold, middle of the page, and in DarkMagenta
color.
Title: Recipe for Chicken Biryani
2. Add introduction paragraph which tells 1-2 lines about chicken biryani. Paragraph should be left
aligned.
Introduction Paragraph: Here's a recipe for Chicken Biryani, a flavorful and aromatic dish that combines
tender chicken with fragrant rice and a blend of spices.
3. Add the list of main ingredients. You will use the <h2> tag to write the heading i.e., List of Ingredients.
4. Then you will use the unordered list and the style of list should be circle. See the screenshot attached for
reference.
5. Add the cooking time heading using <h2> tag.
Cooking Time:
6. Add the following details using an unordered list and style should be square.
Preparation: 20 minutes
Cooking: 40 minutes
Total: 1 hour
7. Add the Recipe using ordered list and style should be square See the screenshot attached for reference.
8. At the end of web page. Add your Student Name and Student ID using the table.
Note:
● Style for <h2> should be: Text color should be Tomato and left aligned.
● Font-family for all text should be Times New Roman and font size should be 20px.
● Table Border should be 1px solid blue and it should be center aligned.

Solution Instructions:
● Use basic HTML, which you have learnt till Lecture 8 to design your web page as a sample
page.
● You also have to use HTML basic tags, HTML List tags, HTML image tags to design sample
web pages.

Solution Output:
BEST OF LUCK!

You might also like