Final Website Project – Checklist

Below is the checklist for your final website project. You should be able to answer yes to each of these items before you compress your site folder and submit it to PolyLearn. Most of the items below are covered in the Final Website Project – Video  Playlist videos. Useful theory and technique is covered in Week 7’s Final Website Lecture: Choosing Colors & Fonts.

  • VALIDATION: Does the HTML on your site validate on validator.w3.org with no errors? Note: warnings are ok, but errors are not. Video instructions: Part I: Validating Your Code
  • ACCESSIBILITY: Have you checked your site for accessibility issues (and fixed them if necessary) using the Web Accessibility Evaluation Tool (WAVE)? You will need to install the browser extensions to check your site if you have not yet uploaded it to the university’s servers (instructions forthcoming).
  • FILE STRUCTURE: Does the folder and file structure match the structure outlined in the attached screenshot?
    • All CSS files should be in a folder/subdirectory named “css”
    • All JavaScript files, if you have any, should be in a folder/subdirectory named “js”
    • All image files, if you have any, should be in a folder/subdirectory named “images”
    • All template files should be in a folder/subdirectory named “templates”
    • All HTML files should be in the parent directory named “yourname-site-final”


    screenshot of file structure

  • CUSTOM STYLE: Is your site customized beyond the provided ‘Cal Poly’ and Bootstrap theme  with fonts, colors, and/or images?
  • CONSISTENCY: Is the content grammatically sound? Is the content consistent?
    • For example, if you use hyphens to indicate location, then you should always use hyphens to indicate location as follows:
      • In-n-Out Burger  San Luis Obispo
      • Pita Pit San Luis Obispo
      • The Central Roast (Pismo Beach)
  • CHANGE ME LINKS: Did you update ChangeMe1 and ChangeMe2 in the nav to link to something? The displayed text should accurately describe and reflect where those links point as well so a user knows where they will end up if they click.
    • At least one of the links should lead to a standalone page you create that matches the rest of the site, like calpoly.edu/~brubenst/portfolio.html or calpoly.edu/~brubenst/social-media.html.
    • The other link can point to an external site that features you or is somehow relevant to you. It should be obvious why it is a link in your main navigation.
    • Ensure all of your site’s pages have the same navigation, and that the links point to the correct places.
  • “YOU ARE HERE” ACTIVE PAGE INDICATOR: Did you add a class and style that visually indicates which page the visitor is viewing.
    • The screenshot below is an example that demonstrates one approach to providing a visual indication.

      Active page navigation example

      The navigation at the top provides a visual indication about the active page to the visitor: the yellow background indicates that this is the research page.

  • PUBLISHING: Have you published your website on Cal Poly’s server? If so, it should be accessible over the web by visiting https://calpoly.edu/~username. For example, my site would be accessible at https://calpoly.edu/~brubenst. Video instructions: Part II: Publishing to the Cal Poly Server
  • SUBMISSION FOR GRADING: Did you submit your files to PolyLearn? This is the version of your site that I will grade. Video instructions: Part III: Submitting to PolyLearn for Grading
  • Extra Credit: Did you incorporate something you found on CodePen?
    • This can be a slideshow, tabs, neat effect, etc. Make sure it works with your website; you will have to modify its code to match your website. Explore!

Other posts by

Published 2:36 pm

Print This Page Print This Page