BS-SE / BS-CS Program CS-146 GIFT University Gujranwala

Course: Database Systems (Lab) (Spring 2024)

Resource Person: Warda Tariq LAB ASSIGNMENT-01(HTML,CSS,PHP)

Total Points: 35
Submission Due: Tuesday 25th May 2024

Instructions: Please Read Carefully!

• This is an individual assignment. Everyone is expected to complete the given assignment on
their own, without seeking any help from any website or any other individual. There will be
strict penalties for any work found copied from any source and the university policy on plagiarism
will be strictly enforced.
• This assignment will be labelled as Assignment No. 1 on your times portal as well as Google
Classroom.
• There will be a Lab test assessment(s) in the following week based on this assignment.
• Make sure to create a zip folder of all your work. Folder name should be yourRollnumber-yourName.
• Don’t forget to attach screenshot to your output/results.
• Any assignment submission not following the above directions will not be accepted!
• Late submissions carry a 50% penalty!

Page 1 of 5
BS-SE / BS-CS Program CS-146 GIFT University Gujranwala

Assignment Setup:

Create a new directory (folder) on your computer called “YourRollnumber_yourName”. Place HTML, CSS, PHP
and image files associated with your new website inside of this directory. The home page of your website should be
named “index.html”. Other pages can be named as you like, but should reflect the content of the page. All file and
directory names should be limited to letters, numbers, and dashes and be lowercase, with no spaces.

Submitting your Assignment:

When your website is finished, you will attach the “YourRollnumber_yourName.zip” directory, along with its
contents, and submit me in Google Classroom.

Your Website:

Create three HTML web pages about any topic of your choice relevant to your course or you can do same as en
example given below. Your website must be responsive.

Page-1 Details:

It should be the landing page as shown below. The home page of your website should be named as “ index.html”. It
must contain navbar with three items. First item should be ‘Home’, and other items should be of your own choice
depending on the website you are creating. The pages should link to each other with “relative” URLs. (For example
Clicking on "Book Appointment" should redirect the user to the page where they can schedule an appointment.)

Page 2 of 5
BS-SE / BS-CS Program CS-146 GIFT University Gujranwala

Sample Home Page:

Page-2 Details:

This HTML must contain well defined form with at least 4 labels and inputs. Must apply CSS.

Page 3 of 5
BS-SE / BS-CS Program CS-146 GIFT University Gujranwala

Page-3 Details:

This HTML Page display all the data (in table form) entered in the above form and must apply CSS.

Note: By using PHP.

Each page must have a NAVBAR.

. Your website should reflect your creativity.

Grading:

This assignment is worth 35 points.

• A new website with three pages, two pages carries 20 points (each page carry 10 points) and PHP page
carries 15 marks.
• A complete website should be compressed in zip file and the home page should be an “index.html”.
• Each page should fulfill the above details mentioned.
• Each page should contain heading text, images etc.
• Pages should link to each other with relative URL’s.
• Each page should include at least one image in JPG, PNG, GIF, or SVG format.
• Properly formatted HTML code.

Page 4 of 5
BS-SE / BS-CS Program CS-146 GIFT University Gujranwala

**END OF ASSIGNMENT**

Page 5 of 5