explanation video
Website Due Date: Friday, 5/31/24
Creating the web site:
General requirements for the site:
It is wise to have all pages in your site share a consistent style.
This means that you will save typing if you make one of the pages nearly complete before starting on the others. Do as much styling as you can, and put the style rules into an external style sheet.
Then you can copy that first page, and use it as a starting point for each of the other pages in the site.
Just change the content.
Since it has a link to the external style sheet, you will continue to get the same style on all the pages.
The starting place for your users is the file named index.html. The others can have any name you choose, although it must end in ".html" and it is best to use underscore rather than spaces, so "page_two.html" is better than "page two.html".
- Use tables to create the layout.
- Create multiple pages.
- Give each page a unique title, in the <title> tag.
- Use an external style sheet to style all pages in the site.
- Be sure all links work.
- Include alternate text for all images.
- Each of the pages must have a link to all of the others. Navigation should be easily accessible and simple to manage. One example and my own, even simpler version.
- Organize your html and CSS code so that it is easy to read.
- Include html code comments and CSS code comments to explain what each section is about.
Rubric
| Category | minus 15 points | minus 10 points | minus 5 points | Full points |
|---|---|---|---|---|
| Project Requirements | Student follows 6 of the bulleted instructions, above. | Student follows 7 of the bulleted instructions, above. | Student follows 8 of the bulleted instructions, above. | Student follows all 9 bulleted instructions, above. |
| Code Quality | Code doesn't run as expected and shows they did not study or understand the learning resources | Code displays somewhat as expected, minimal understanding of learning resources | Uses somewhat appropriate syntax and correct features. Well formatted, basic understanding of learning resources | Easy to understand. Uses appropriate syntax and features to accomplish the task. Shows they studied and understood the learning resources very well |
| Code Style | Code is very hard to read and understand, follows almost no styling guidelines, inconsistent and causes errors | Code is not very readable or consistent, but follows some styling guidelines, some errors | Code is readable and follows proper style, but is not in an external style sheet | Code is in an external style sheet, is readable and follows proper style |
| Creativity | Student does not show basic creative effort (i.e. no addition of content, text/headers/etc) | Student shows minimal creativity from base requirement (i.e adds a couple things but not much) | Student shows some creativity from base requirement (i.e creates some content, text/headings/images/etc. and some nice styling) | Student goes above and beyond base requirement and shows understanding of project (i.e. additional content, styling) |