Assignment: Finish Final Project

Here are the things I'll be looking for in your final project web sites:

Code:

  • Be sure to remove any excess code. This means if you've used any of my templates that you remove any CSS rules, comments, etc. that do not apply to your project.
  • Comments in HTML, CSS, and Javascript are encouraged where relevant!
  • I'll be looking for clean, well organized code. Nested tags should be tabbed properly and code should be spaced to make it as readable as possible.
  • Double check to make sure that all of your links work! That includes anchor tags, linked images, css/javascript files...
  • Run your code through the W3C Validator. This will help you with errors as I'll be validating your pages too. If you have a full copy of BBEdit, there's a validator built in under Markup -> Check -> Document Syntax.

Design and Content:

  • Site navigation should be straightforward.
  • Images should be properly compressed and sized for web. In most cases they'll be smaller than 1MB each.
  • Any CSS or jQuery effects should work properly as intended.
  • All of the content included on your site should be complete. For example, if you're creating a portfolio site, you should not include projects or content that is unfinished.
  • If you're building a fully responsive design, be sure to test it on a large screen in addition to smaller sizes.

File Organization:

  • Offline files are in a separate folder from web ready files.
  • No spaces or illegal characters in any file names. Nobody likes %20 links!

You'll present your site during the final exam block. Be prepared with the files on a hard drive, or downloadable from the class Google drive. You may want to test downloading and opening the project on one of the lab computers ahead of time, to make sure it works.

As usual, you will also be turning in your project as an archive of files through the Google drive. Here is roughly what your folders should look like:

final-project/
  offline-files/
    high-res-source-images/
    misc-screenshot.png
  proposal/
    proposal.pdf
  wireframes/
    wireframes.ai
  www/
    index.html
    img/
    style/
    js/

I will do my best to continue to be accessible for help by email. Good luck finishing up!