WEB-140 Vicious Cycles Small Business Website Project
- Delivers on the client expectations set by your design brief
- Professional appearance (would your client pay you for what you delivered?)
- 7 pages = home page (index.html) + 6 pages of your choice (remember, the index page can be used a template to build the other pages)
- No use of pre-made templates, page builders, or Javascript: all pages must be coded by you
- File management - all site pages and folders are well organized on the server
- Responsive page layout - all pages must use responsive design, the browser window will be resized when grading
- HTML - all pages must use HTML5 semantic structure elements appropriately; elements used minimally or only when appropriate
- CSS - all styles must be CSS3 compliant for modern browsers
- CSS - all pages must validate with no errors at The W3C CSS Validation Service (opens in a new window)
- Navigation - working links to all internal pages
- Navigation - 2 external links to related pages (must open in a new window)
- Pages - all pages will contain a consistent header w/logo, navigation, body, & footer
- Pages - all pages will contain relevant text & at least one image
- Pages - all pages will meet all General, Layout, and Design requirements
- Home page - compelling, interesting information above the fold
- Home page - delivers on the client expectations set by your design brief
- Form page - the page must meet all requirements outlined in Assignment (L11): Home Page - Instructions
- Form page - one site page must include an (inoperable) HTML form with meaningful purpose
- Form page - HTML form must meet all requirements outlined in Assignment (L12): Form Page - Instructions
- Other - on any page of your choosing: minimum 1 ordered or unordered list (navigation does not count)
- HTML Commenting - All .html files must include HTML commenting CSS Commenting - All .css files must include commenting
- Final submission - cite images used (all should be personal images or available under CC/No attribution license)
- Final submission - your assignment URL must be submitted as a clickable, working hyperlink which points to the home page of your site
- Page - consistent use of CSS-based responsive (fluid) design. Media queries are not required but optional. Note: responsive and fluid are not the same thing.
- Page title - consistent company/organization/site name on every page
- Site header/logo - consistent position, layout, & design on every page
- Navigation - consistent position, layout, & design on every page
- Navigation - clear, consistently labeled, and working links to all pages (links do not open in a new window)
- Navigation - external links open in a new window
- Navigation - meaningful text for all hyperlinks - no "Click Here"
- Site header/logo and navigation area - combined areas take up no more than 1/4 to 1/3 of the top portion of the browser window
- Body - consistent position, layout, & design on every page
- Footer - consistent position, layout, & design on every page
- Footer - includes: copyright, email link, 2 social media images which link to social login pages
- Other - on any page of your choosing: 1 logo (header logo does not count)
- Home page - compelling, interesting information 'above the fold' (before scrolling)
- Scrolling - No horizontal scrolling
- Page design - unity throughout pages obtained by appropriate application of web design principles (balance, proximity, contrast, focus, etc)
- Page design - good use of principles: repetition, contrast, proximity, and alignment
- Page design - text, graphics, and whitespace are balanced
- Page design - consistent margins & padding on every page
- Page design - information is easy to find
- Page design - appeals to the target audience described in the design brief
- Color scheme - consistent across all pages
- Color scheme - reinforces content and site message
- Color scheme - enhances site message rather than distracts
- Color scheme - sufficient contrast and color differentiation between text and background colors/images
- Fonts - consistent across all pages
- Fonts - reinforce content and site message
- Fonts - enhances site message rather than distracts
- Images/graphics - have a clear purpose, enhance the site message rather than distract
- Images/graphics - appropriate alternative text
- Images/graphics - image sized, cropped and optimized for web delivery (no huge pictures which would cause slow page rendering)
- Images/graphics - use CSS for reponsive sizing
- Images/graphics - not copyright protected (free for commercial use with no attribution) and fit the theme