I’m studying for my Website Design class and don’t understand how to answer this. Can you help me study?
project tutorial: https://www.youtube.com/watch?v=yOig-qtBz4w
Sample website: http://mason.gmu.edu/~akitzmil/hello_world_project/
Steps
- 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 <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
Description |
Points |
|
Website conforms to storyboard |
1-25 |
|
Minimum number of required pages (8) |
1-25 |
|
Disclaimer statement on the Home page or linked from the Home page |
1 |
|
The Home page is based on a responsive web design (RWD), i.e., desktop (769px~1232px), tablet (481px~768px), and mobile (480px and below) |
3 |
|
Each page is properly titled both in the body AND in the <title> tag |
1 |
|
Site Map exists and is a clear representation of the site content |
1.5 |
|
Animation exists and is at least 20 seconds longand no more than 800×600 |
1.5 |
|
Logo exists and is no more than 200×200 |
1 |
|
Widget or Web element exists and is embedded into the page |
1.5 |
|
Navigation bar/menu/tab with rollover buttons/links exists and is graphical, link or CSS-based |
1.5 |
|
Custom favicon exists on the Home page. |
1.5 |
|
Accessibility: Skip links are implemented |
1.5 |
|
Accessibility: alt attributes on all graphics |
1.5 |
|
Accessibility: title attributes on all non-text objects (e.g., <object>, <iframe>) |
1 |
|
Accessibility: Home page passes WAVE |
1.5 |
|
Proper attribution and acknowledgement are provided for graphic/content sources |
1.5 |
|
Validation: Home page passes the W3C markup validator |
1.5 |
|
Aesthetics: color and contrast is appealing; Professional appearance; Adhere to Design Principles; Clip arts/images (other than the logo) are used |
1 |
|
Content and Website design shows effort; Website text is clearly written and free of spelling and grammatical errors. |
1 |
|
Navigation is intuitive and consistent; No broken links, buttons, or graphics |
1 |
TOTA |
25 |
