project tutorial: https://www.youtube.com/watch?v=yOig-qtBz4w

Sample website: http://mason.gmu.edu/~akitzmil/hello_world_project/

Steps

1. Review your Storyboard document created in Project #2. If you carefully documented the design and navigation details for your Website, it will be a straightforward process to build your Website from the storyboard.
2. Use Adobe Dreamweaver to build your Website. There should be three storyboard pages for the Home page (i.e., desktop, tablet, and mobile) and one storyboard page for every other Web page in your Website.
3. Your Website should meet the following requirements:
   • 8 Web pages minimum.
   • Use of FRAMES is not permitted!
   • Disclaimer statement on the Home page or linked from the Home page. The disclaimer will state that this is a fictitious company and is developed as an education project. If any copyrighted materials are included in accordance to the multimedia fair use guidelines, a notice should be added and states that certain materials are included under the fair use exemption of the U.S. Copyright Law and have been prepared according to the multimedia fair use guidelines and are restricted from further use.
   • The Home page of your Website should be based on a responsive web design (RWD), so the layout and content adjust according to different device and screen sizes, i.e., desktop (769px~1232px), tablet (481px~768px), and mobile (480px and below).
   • Each page should be properly titled both in the body as an <h1> heading AND in the <title> tag.
   • One of the pages of your Website must be a Site Map.
   • Your site should include the logo created in Project #3 (reduced from its original size of 200×200).
   • Your site should include the animation commercial created in Project #4 (at least 20 seconds long, no larger than 800×600).
   • Your site should include some clip arts/images other than the logo.
   • Your site should include an embedded widget or Web element (e.g., Google map, custom search, photo gallery, YouTube video, etc.).
   • Your site should include a navigation bar/menu/tab with rollover buttons/links, which can be graphical, link or CSS-based.
   • Your site should include a custom favicon on the Home page.
   • For accessibility, insert a visible Skip Link on every page.
   • For accessibility, use alt attributes on all images.
   • For accessibility, use title attributes on all non-text objects (e.g., <object> tag, <iframe> tag)
   • For accessibility, at least the Home page passes WAVE (http://wave.webaim.org/), a Web accessibility evaluation tool.
   • At least the Home page passes the W3C markup validator (http://validator.w3.org/). The use of a CSS validator is optional.(only homepage)
   • The Website must adhere to all Copyright and Fair Use guidelines and limitations (Lecture #9). Proper attribution and acknowledgement must be provided for graphic/content sources. Websites that do not adhere to Copyright and Fair Use guidelines will not receive a grade.
   • The content must be suitable for all audiences. Content or images that may be misconstrued to be offensive to ANYONE is not acceptable, and the Website will not receive a grade.

Grading