You just did plans for this project in Project 14
Due date: Tuesday, 6/18/24
Keeping in mind our discussions of good web design, create a web site. This will be an example of your best work as a web designer. Put all of the skills you have learned and developed this term into this project.
explanation video
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 a carefully-structured layout to organize each page. You can do this with tables, as we have been, but you can use other methods, such as the CSS-only "box model" method.
- 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.
- The site should contain at least 4 pages.
- 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.
- Indent and arrange your html and CSS code so that it is easy to read.
- Indicate on the home page who designed the site.
- Include html code comments and CSS code comments to explain what you are doing in each section of your code.
- Cite all work that you are using that is not yours. For example, you may quote information from another source, but you need to give a citation for that source to give the creator credit. This includes written and visual work. Visit and read the "Citing Sources" links. Here's an example of how I do citations on my own web pages.
Have someone else review your site as you are working on it to see what the audience response may be.
Check the site thoroughly before submitting it to be sure links work, words are spelled correctly, credit is given, etc.
Any questions? Please ask.
Rubric
| Category | minus 15 points | minus 10 points | minus 5 points | Full points |
|---|---|---|---|---|
| Project Requirements | Student follows 6 or 7 of the bulleted instructions, above. | Student follows 8 or 9 of the bulleted instructions, above. | Student follows 10 of the bulleted instructions, above. | Student follows all 11 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) |