Final Project

Read everything before doing anything

The final project for this course will be a “mini-web site.” Choose a topic that interests you: something that excites you, something you want to tell the whole world about. If you don’t care about the subject, your readers won’t either.

I want you to concentrate on the HTML, not on finding content, so do not choose a topic that requires lots of research. For example, unless are an expert about the subject, a web site about the kings of Sweden will need much time-consuming research. On the other hand, a web site about your family or your favorite hobby won’t take much research at all.

Here are further requirements for the assignment:

  1. Your project must contain a minimum of eight ten original HTML5 pages (files) that you have written. A single HTML5 file with links to nine pages written by other people is not acceptable. You may not simply link to pages that you have already written for this class. Your material must all be original.

  2. Diagram showing links among an index page and three content pages
    Sample linkage diagram

    You must draw a diagram showing how your pages link together, and the linkage must make sense. If you are not sure if your pages are linked together in a reasonable manner, ask the instructor. Send the diagram to the instructor. If you prefer to make your diagram by hand rather than using software, either scan it or take a digital photo of the diagram and send that to the instructor, or put it in his mailbox at the college.

    Note: A linkage diagram is not the same as a diagram showing where the files go in a folder. Rather, it is a diagram showing how someone would navigate through your site. At the right is an example for a small site.

  3. When you upload your files to the server, all the files (HTML, images, etc.) for your project must go in a directory named project. You may create subdirectories if you wish.

  4. The project directory must be inside the public_html directory. It may not be inside the assignments directory.

  5. Your project must have a main page, and it must be named index.html.

  6. You must use at least four <img> elements, and each alt attribute must be descriptive.

  7. You must link to at least two external sites that are related to the content of your site.

  8. You must use an external stylesheet to control the appearance of all your pages.

  9. You may use embedded stylesheets to add extra presentation information to a page.

  10. You may not use the <font> or <center> elements!

  11. Your pages must validate as HTML5.

  12. You must have at least one <form>.

  13. You must have at least two <table>s. At least one of these must be used to present tabular data.

  14. Grammar and spelling will count as 10% of the grade. (I will take off 2% for each grammar or spelling error to a maximum of 10% percent.)

  15. Your pages must have some visual design “theme” to them. They should not look like ten different pages by ten different people. 5% of the grade will come from how “clean” the site is. (Yes, I realize this is subjective.) A clean layout does not have to be fancy or artistic. Look at these web sites:

    None of these sites, especially the last one, will win a design contest, but they are readable and reasonably well laid out. On the other hand, this horrible site, well, it’s just horrible.

  16. You may use multimedia (sound, movie, flash), but are not required to do so.

  17. You may use imagemaps, but are not required to use them.