final project – ra

FINAL PROJECT: DESIGN/PRODUCTION, COMPLETION
Technical Requirements:
- Files turned in on time _30_/ 30
- Project folder with: extras, site, and images folders, five html pages (min) _13_/ 13
- First page named “index.html”, not placed in a separate sub-folder _8_/ 8
- Functioning links from all nav items _10_/ 10
- External style sheet linked to at least one page _8_/ 8
- Site Map page with links to the other pages and footer links _8_/ 8
- Animated gif integrated in at least one page __0_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __9_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _15_/15 . . . . – Color and Contrast _13_/ 15
. . – Typography _15_/ 15 . . . . . . . . . . . – Use of Images _13_/ 15
. . – Logo/Title _15_/15
- Html Page, Div Element Structure (no AP divs):
. . – Container Div, centered __10_/ 10 . . . . – Header, Nav, Content, Footer Divs __15_/ 15
. . – Nav Rollover Images __10_/ 10 . . . . – Header and Content images __10_/ 10
. . – Live Footer text __10_/ 10 . . . . . – Different Content – each page __10_/ 10
. . – Page Identification __10_/ 10 . . . . – Body Element BG image/repeat __10_/ 10
. . – Live Content text w/heading and paragraph styles __10_/ 10
- Overall Effectiveness and Accuracy _28_/ 30
TOTAL = _280_/ 300

Comments:
- the overall design is very effective for a design site; alignment relationships and pure typography
- did not find an animated gif though
- overall contrast is clear and strong
- the color scheme could use a bit more color and still not detracting from the content or the subdued look
- composition / whitespace: fills browser window well and allows good space for content
- images could be integrated/utilized more effectively in the design
- typography could be more unified/consistent; size, style, spacing, number of fonts
- good work putting in the live text, and formatting with css styles; use padding-top on the inner div instead of margin-top (services and site map pages)
- project folder is complete and well organized; source psd file has only one layout option in it
- div layout structure and corresponding css styles are complete
- background image is showing a withe edge on the side where it repeats
- links (a href=) are all working; references in the code match file names (including capitalization)
- image source references (img src=) are all correct; the code matches file names “folder/file” (including capitalization)
- page identification well defined in page titles, headings and integrated in the navigation
- great job; a nice accomplishment