Republic of the Philippines

Department of Education
Region III
Madapdap Resettlement High School
San Fernando Ave., Dapdap, Mabalacat City 2010, Pampanga

TECHNOLOGY AND LIVELIHOOD EDUCATION

INFORMATION AND COMMUNICATION TECHNOLOGY 10
QUARTER 3 – PERFORMANCE TASK

Student Name: _________________________________________ Date: ________________

Grade and Level: _____________________

General Instruction

Your task is to design a complete and responsive website of Students’ Database using HTML
and CSS. The website should include the following features:

1. A homepage with a title and brief introduction to the students’ database.

2. Navigation links to different sections of the website, such as 'Home', 'Students',
'Grade Level', and 'About'.
3. A 'Students' section displaying a list of students enrolled in the database, including
their names, student IDs, and any other relevant information. Ensure the list is neatly
organized and visually appealing using CSS styling.
4. A 'Grade Level' section showcasing the available specialization, including their names,
and any additional details. Apply CSS to format the specialization information
effectively.
5. An 'About' section providing background information about the student database
project or any other relevant details.
6. Consistent styling and layout across all pages using CSS, including but not limited to
fonts, colors, margins, and padding.
7. Responsive design to ensure the website displays correctly on various devices, such
as desktops, tablets, and mobile phones.
8. Bonus points will be awarded for creativity in design and usability.
9. Once you have completed the website, save all files (HTML, CSS, and any associated
assets) into a single folder and submit it on March 19 during the scheduled time of
your subject."
10. Name your folder following below format:

(PETA_Q3_SECTION_SURNAME, First Name)

PETA_Q3_SAGISAG_AYSON, Jhaydee

Commitment ∙ Collaboration ∙ Excellence

Address: San Fernando Ave., Dapdap, Mabalacat City, Pampanga
Email Address: madapdap.rhs@depedmabalacat.org
 Republic of the Philippines
Department of Education
Region III
Madapdap Resettlement High School
San Fernando Ave., Dapdap, Mabalacat City 2010, Pampanga

RUBRICS – WEBSITE DESIGN USING CSS

STUDENT NAME: DATE:

SECTION: Q3 – PETA - SY 2023-2024

Student Signature: ______________ Parent Signature: _____________ Teacher Signature: ____________

Date: _______________ Date: _______________ Date: _______________

Commitment ∙ Collaboration ∙ Excellence

Address: San Fernando Ave., Dapdap, Mabalacat City, Pampanga
Email Address: madapdap.rhs@depedmabalacat.org