Final Capstone Site Requirements

[Main Class Page] [Assignments] [Exams]

Main Requirements

  1. Designed around a Professional Theme approved by instructor
  2. 12 or more pages (ie different file names that end in .html or equivalent if using PHP etc., .css pages and such DO NOT count towards the 12)
  3. Do not use flash (especially not for menus and content other than video/animations) and you must primarily code your site/site template by hand. You can not use the drag/drop built in templates from programs such as Dreamweaver.
  4. Use of CSS style sheets to give your site a central visual theme. Pages will be broken up into regions using <div> tags (though some may be replaced with <article> and <main>. Attributes (bgcolor="red") and deprecated tags (font) are NOT to be used
  5. Use of the majority of tags discussed in class
  6. Each page will have the main items from the basic HTML 5 template, though you can skip the description/keywords meta tags.
  7. Each page will validate (and must have the working validator link) for HTML 5 and CSS2/3 (with minor pre approved/necessary exceptions only)
  8. One Form, should have a second supplementary css file in ADDITION to your main css file, properly laid out with fieldsets, labels, css and some of the new input types (email etc)
  9. One Javascript script
  10. One use of <video> or <audio> tags, making sure you use BOTH formats (mp4 and webm(ogg is not used as much) for video) or (mp3 and ogg for audio)
  11. Graphics will be kept in a subdirectory (called pictures or graphics or something similar)
  12. CSS files will be kept in a subdirectory (called css or something similar)
  13. Tables, Lists, clickable images
  14. One example use of PHP (provided in class)
  15. Your entire "site" will be either directly in public_html or in a subdirectory (finalsite?) (having it's own picture/graphics and css subdirectories/folders) with the homepage being index.html (or index.php) NO OTHER HOMEPAGE NAMES WORK RIGHT, so that is not negotiable. This way you do not have to redo your main index.html file if you already have one inside public_html (if not, go ahead and use public_html)
  16. You will have a favicon.ico file in this final project directory
  17. You will set up a simple rss feed file and a <link> to that rss feed
  18. Tables and forms will use the additional attributes to deal with accessibility issues
  19. You will use the "media" option to have a special "print" stylesheet for one page (using the media options)
  20. Where appropriate, you will use the semantic tags (section, article, header, footer, aside, nav), but not as replacements for <div> layout.
  21. At least one example of a CSS animation, and a CSS transition
  22. Use of some of the more advanced CSS Selectors
  23. You are allowed one "stuff phil made me do" page!

For Final Presentation

  1. You will link your page in the appropriate discussion board
  2. You will dress professionally, as if this were a presentation to get a job.
  3. You will attend ALL sessions that students give. (odds are this may only be one day for some classes) If you go the first day, but skip the next without excuse, your capstone project will get half credit.
  4. You will answer questions from the audience, then be prepared to answer questions from the instructor. Keep calm, I'm not out for blood, I just want to see how much you know, and that you can explain the tags you have used.
  5. Take a bow, sit down and try not to go "whew!" too loudly. :)
W3C Button to test XHTML validation