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.

    (Added 1 Dec 2014): You should draw this diagram before you do your pages, not afterwards. The diagram is your plan for the web site. You wouldn’t think of building a house without a blueprint, or even building a book cabinet without some sort of drawing of the finished product. The same goes for a web site.

    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.

    If you have many pages that are all linked to each other, just draw a line that connects them all and label it with words like “all linked to each other” rather than trying to draw dozens of lines with arrows on them.

  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. If you did not create the images yourself, you must give proper credit to the people who did make them. (You can put the credits on a separate page, though it does not count as one of your ten pages.)

  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. The <title> elements of your pages must be descriptive. (In other words, you can’t have all your pages saying <title>My Project</title>)

  16. 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 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.

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

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