Scribd
Upload
45 views3 pages

Rubric For Multi-Page Website Project

Uploaded by

In Seong Park
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
45 views3 pages

Rubric For Multi-Page Website Project

Uploaded by

In Seong Park
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/ 3

Rubric for Multi-Page Website Project

Criteria Advanced (10 Proficient (8 Basic (6 points) Needs


points) points) Improvement
(4 points)

1. HTML - Well-structured - Organized - HTML structure - Poor HTML


Structure and organized HTML code with is present but structure.
HTML code, no minor errors. contains errors. - No use of
errors. - Some use of - Limited or no comments.
- Use of comments comments. comments. - Multiple errors
to explain sections - Use of basic - Pages are in the code.
of the code. elements like connected, but - Broken or
- Proper use of headings and some links might missing links.
elements such as paragraphs. be broken.
headings, - Most links work.
paragraphs, lists,
and links.
- All pages
connected properly
with working links.

2. CSS - Consistent and - Good design - Design is basic - Very basic or


Styling & attractive design with some with limited no CSS styling
Layout using CSS. inconsistencies. styling. applied.
- Layout is - Some effort - No - Inconsistent
responsive and towards responsiveness; design.
adapts to different responsiveness. works only on - No attention to
screen sizes. - Basic CSS one screen size. layout or
- Advanced styling properties like - Minimal use of responsiveness.
techniques like colors, margins, CSS.
Flexbox or grid are and fonts are
applied. applied.

3. - Effective use of - You have - Limited use of - Little to no use


Interactivity and form of interactivity (e.g., Interactivity with of any form of
Interactivity for simple functions simple Interactivity.
dynamic interaction or event functionality like - JavaScript is
(e.g., form handling). alerts or button non-functional
validation, simple - Code is mostly clicks. or contains
animations, or functional with - Some errors in many errors.
navigation menus). minor errors. the code.
- Well-written,
error-free code.

4. Website - Clear and - Navigation is - Navigation is - Poor


Navigation easy-to-use clear, with minor present but not navigation,
navigation across usability issues. intuitive. making the site
all pages. - Most links work. - Some broken hard to use.
- All links work - Basic attention links. - Many broken
correctly. to user - Little thought or missing links.
- User experience is experience. given to user - No
well thought out. experience. consideration of
user experience.

5. Creativity - Creative use of - Use of some - Limited - Minimal


& HTML tags such as: special HTML creativity and creativity, with
Originality lists (<ul>, <ol>), tags such as use of special very basic
forms (<form>), lists, forms, or HTML tags. HTML tags and
tables (<table>), tables. - Basic design design.
- Some creative following - Lacks
media embedding
design elements common originality or
(<img>, <video>),
and content. templates. unique features.
links (<a>), input - Meets basic - Meets minimum - Project
fields (<input>), requirements project appears rushed
and semantic tags with minor requirements. or incomplete.
(<article>, enhancements.
<nav>).
- Advanced content
or structure, going
beyond basic
requirements.
- Original design
and unique ideas
used throughout the
site.

Explanation of Criteria

1. HTML Structure: Focuses on the organization and quality of the HTML code, including
the use of comments for clarity, and ensuring all pages are properly linked.
2. CSS Styling & Layout: Evaluates the design quality, consistency, and responsiveness,
along with the use of advanced CSS features like Flexbox or Grid.
3. JavaScript Interactivity: Assesses the use of JavaScript for interactive features like
form validation, animations, or dynamic navigation, ensuring functional, error-free code.
4. Website Navigation: Measures the ease of use in navigating the website, ensuring
proper link functionality and a good user experience.
5. Creativity & Originality: Encourages the use of advanced HTML tags such as lists,
forms, tables, media embedding (<img>, <video>), links, input fields, and semantic
tags like <article> and <nav>. Also assesses originality in design and structure.

You might also like