Complete the Project #5 Submission Sheet and submit the document as an attachment. The revised storyboard should be submitted as a separate attachment.
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.
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.
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 heading AND
in the 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.,
tag, 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.
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.
Post your Website on your Mason
server account (e.g., mason.gmu.edu/~username).
Test your Website. For added feedback,
ask someone else to test your posted Website. Note: compatibility across all browsers is not part of the
requirement, however, is encouraged. Mozilla
Firefox will be used to examine your Website at the time of grading.
Complete the Project #5 Submission Sheet
