0% found this document useful (0 votes)
898 views1 page

03 Performance Task 1 2

The document provides a performance task objective for students to organize an HTML webpage using CSS positional properties. It requires students to: 1) Create an HTML webpage with four borders using an external style sheet. 2) Classify terms into four categories within each border. 3) Follow conditions for the borders: equal width/padding/margin, different top/bottom colors, and two distinct side styles. 4) Provide structured HTML/CSS code and screenshot for grading.

Uploaded by

Carlos Eugene
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
898 views1 page

03 Performance Task 1 2

The document provides a performance task objective for students to organize an HTML webpage using CSS positional properties. It requires students to: 1) Create an HTML webpage with four borders using an external style sheet. 2) Classify terms into four categories within each border. 3) Follow conditions for the borders: equal width/padding/margin, different top/bottom colors, and two distinct side styles. 4) Provide structured HTML/CSS code and screenshot for grading.

Uploaded by

Carlos Eugene
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

IT2301

Performance Task
Borders
Objective:

At the end of the exercise, the students should be able to:

▪ Organize an HTML webpage using CSS positional properties.

Requirement:

▪ Visual Studio Code

Instructions: (100 points)

1. Create an HTML webpage with four (4) borders. Use an external style sheet.
2. Classify all the terms below into any four (4) categories. Put related terms inside each border.
Mouse March Denmark Jelly
December Jaguar Australia Dog
Almonds Myanmar Marshmallow August
Dragon Fruit Ape January Japan

3. Follow the conditions of the borders below.


• The borders must have equal width, padding, and margin.
• The top and bottom sides of the borders must have different colors.
• The sides of the borders must be in two (2) distinct styles.

4. Provide a structured HTML and CSS code and a screenshot of the output.

GRADING RUBRIC:
Excellent Good Fair Poor
Criteria Score
(4) (3) (2) (1)
The student The student
Completeness The student provided The output is
missed some missed most of /40
(x10) all the requirements. unfinished.
requirements the requirements
The student
The student The student The output has
Design implemented two
implemented three implemented one zero design /40
(x10) design
design conditions. design condition. conditions.
conditions.
The student The student
The student
Structure displayed an displayed a The code has
displayed an /20
(x5) inconsistent confusing no structure.
organized structure.
structure. structure.

03 Performance Task 1 *Property of STI


Page 1 of 1

You might also like