Contents
Basic CSS Site
Rubric:
Use the following chart for self-assessment of your project (it shows how I’m going to grade it):
| Possible Points | ||
| 1 | Three HTML pages in the project | 1 |
| 2 | The website has a unique design and does not use any of the files from the class demo. The design and content of the site address a specific topic. | 1 |
| 3 | Container DIV is centered in the browser window | 1 |
| 4 | Each page includes at least one image displayed in the main content area, along with a paragraph of related text (at least 150 words); each page uses different text and a different image. | 2 |
| 5 | Horizontal Navigation is created using an unordered list (as shown in tutorial) and links have the appearance of buttons | 2 |
| 6 | <head> of each page includes the <meta> viewport element | 1 |
| 7 | All CSS rules are in external, shared style sheet(s); Reset CSS rules load first. | 1 |
| 8 | Some text on the homepage is styled using a <span> | 1 |
| Total Possible Points | 10 |
Common Issues:
- Project not found on website (grade entered for this project=0 points)
- Debug the site; click through ALL pages to look for broken links and other issues
- Refine layout (align screen elements, don’t crowd content, etc.)
- Improve the contrast between background and foreground elements
- Use more compatible colors
- Make fonts more legible
- Proofread for spelling errors