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

Comments:
- the design and production both are somewhat incomplete; looking for a bit more effort; a number of aspects not correct but am glad that you did get this turned in
- composition: a bit boxed in, needs more content to feel finished
- header animation works well; use of space could be more compact
- photo images a bit small and not well integrated to the layout
- good work putting in the live text, and formatting with css styles
- project folder is not complete and not properly organized; missing site folder and extras folder; first page was to be named “index.html”
- div layout structure and corresponding css styles are almost complete; some error with the location of the closing head tag and missing closing container div tag on some pages
- background image for the body element is not set but is set for some div elements
- many links (a href=) are not working; references in the code match file names (including capitalization); no links from the home page are working; several others to about and contact not working from other pages
- most image source references (img src=) are correct; the code matches file names “folder/file” (including capitalization); fixed the problem that was in your assign #4 files
- page identification defined in page titles and integrated in the navigation
- missing footer on the home page
- good effort but missed a few things

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 _6_/ 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 __8_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __15_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _15_/15 . . . . – Color and Contrast _15_/ 15
. . – Typography _15_/ 15 . . . . . . . . . . . – Use of Images _15_/ 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 _30_/ 30
TOTAL = _298_/ 300

Comments:
- the overall design has a lot of interest and energy; really creates a distinctive identity in the typography and color; strong header/animation
- overall contrast is clear and strong; the use of stroke on the type creates very graphic look and enhances contrast
- the color scheme is distinctive and consistent; good balance of interest and clarity; very good harmony of color temperature
- composition fills browser window very well and allows good space for content
- effective use of images in the header, content and background areas
- good work putting in the live text, and formatting with css styles
- project folder is complete and well organized; all items in proper places; have to make one small deduction for the main page file name, should be “index.html”
- div layout structure and corresponding css styles are complete
- page layout is extending too wide due an issue in the css code for the footer div; with width=900px and padding-left=250px, the footer occupies an overall width of 1150px; if you change the width value to “auto” then it will not extend past the contianer width of 900px
- 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)
- set border attribute to zero on linked images – so the browser (firefox, ie) won’t display the default 2px blue border; on the gallery page you can see default link image borders (in firefox)
- page identification well defined in page titles and integrated in the navigation
- very cool to see the extra items that you included; flash audio player, video and lightbox gallery
- excellent effort and result

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 __8_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __15_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _15_/15 . . . . – Color and Contrast _15_/ 15
. . – Typography _15_/ 15 . . . . . . . . . . . – Use of Images _15_/ 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 _30_/ 30
TOTAL = _300_/ 300

Comments:
- the overall design is organized and consistent; the very dark background is cool and mysterious; could go a bit lighter with the bg images and still retain clear contrast; with just a bit more light bright elements (white) would pop more
- overall contrast is clear; could be wider range
- composition is well organized with very compact header
- effective use of images in the header, content and background areas
- logo/title is pretty good, straight forward; but ‘recordings’ could be smaller relatively
- typography is unified/consistent; size, style, spacing, number of fonts
- very good work putting in the live text, and formatting with css styles throughout
- project folder is complete and well organized; all in the right places
- div layout structure and corresponding css styles are complete
- 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 and integrated in the navigation
- excellent effort and result

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 _5_/ 8
- Functioning links from all nav items _10_/ 10
- External style sheet linked to at least one page _2_/ 8
- Site Map page with links to the other pages and footer links _8_/ 8
- Animated gif integrated in at least one page __6_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __10_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _13_/15 . . . . – Color and Contrast _12_/ 15
. . – Typography _12_/ 15 . . . . . . . . . . . – Use of Images _15_/ 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 __5_/ 10 . . . . – Body Element BG image/repeat __10_/ 10
. . – Live Content text w/heading and paragraph styles __6_/ 10
- Overall Effectiveness and Accuracy _24_/ 30
TOTAL = _261_/ 300

Comments:
- the header design has an interesting font; sets up a bit of an expectation that the theme is more earthy, weathered; but rest of the theme is a different (clean) idea; like the dots background but could work on it so that it repeats seamlessly
- overall contrast is okay but could be much stronger; some darker shadow values would help; a bit too much midtone overall; the samples and blog pages are more dynamic
- composition is effective fills browser window well and allows good space for content
- could have more coordinated typography following one theme; black content text against the gray background is not clear enough; need lighter background in that area
- typography could be more unified/consistent; size, style, spacing, number of fonts
- live text is included in the footer and in the content; heading and paragraph styles not present
- project folder is complete and well organized; the main html file needs to be named exactly: “index.html”
- div layout structure and corresponding css styles are complete
- 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 not well defined; in page titles but not in headings nor integrated in the navigation
- page titles should include the “site name” and the “page name”; header says: “Rey” but titles say: “Rex”
- looks like a copy was taken of the code from my demo file; can still see text saying my name in the last list item in the sitemap
- style sheet file has no styles in it and is not linked to any html page
- your animation frames should be set to “no delay” which is zero seconds delay; the first 15 frames are set to a 0.5 second delay which explains why it plays so slow
- good effort

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 _0_/ 8
- Site Map page with links to the other pages and footer links _0_/ 8
- Animated gif integrated in at least one page __8_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __13_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _15_/15 . . . . – Color and Contrast _15_/ 15
. . – Typography _15_/ 15 . . . . . . . . . . . – Use of Images _15_/ 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 __0_/ 10 . . . . . – Different Content – each page __10_/ 10
. . – Page Identification __5_/ 10 . . . . – Body Element BG image/repeat __5_/ 10
. . – Live Content text w/heading and paragraph styles __5_/ 10
- Overall Effectiveness and Accuracy _26_/ 30
TOTAL = _255_/ 300

Comments:
- the overall design is very clean but a bit plain, generic; needs something more for identity, uniqueness
- small signature at lower right identifies but is in a very secondary or tertiary location; leaves the header feeling a bit incomplete
- good organization and consistency
- good work putting in the secondary nav text; but missing heading and paragraph text formatted with corresponding css styles
- live text is not included in the footer
- project folder is complete and organized; missing sitemap page
- div layout structure and corresponding css styles are complete
- background image used in div element but not in the body element
- 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 defined in page titles, but not in headings nor integrated in the navigation
- good work but missed a few things

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 _0_/ 8
- Site Map page with links to the other pages and footer links _8_/ 8
- Animated gif integrated in at least one page __8_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __15_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _15_/15 . . . . – Color and Contrast _15_/ 15
. . – Typography _15_/ 15 . . . . . . . . . . . – Use of Images _15_/ 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 __5_/ 10
. . – Live Content text w/heading and paragraph styles __10_/ 10
- Overall Effectiveness and Accuracy _30_/ 30
TOTAL = _287_/ 300

Comments:
- very nice overall design; cool that you integrated the wow slider; well organized composition; great font choice
- composition / whitespace: fills browser window okay but would like to see some solid area of gray or charcoal to contrast and reduce the white background
- good work putting in the live text, and formatting with css styles
- project folder is complete and well organized; external css file not present
- div layout structure and corresponding css styles are complete
- did not find body element background image but did find it in other elements
- 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)
- set border attribute to zero on linked images – so the browser (firefox, ie) won’t display the default 2px blue border
- page identification well defined in page titles, headings and integrated in the navigation
- excellent effort and result

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) _11_/ 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 _0_/ 8
- Site Map page with links to the other pages and footer links _8_/ 8
- Animated gif integrated in at least one page __8_/ 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 _15_/ 15
. . – Typography _13_/ 15 . . . . . . . . . . . – Use of Images _15_/ 15
. . – Logo/Title _13_/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 __7_/ 10 . . . . – Body Element BG image/repeat __10_/ 10
. . – Live Content text w/heading and paragraph styles __5_/ 10
- Overall Effectiveness and Accuracy _25_/ 30
TOTAL = _267_/ 300

Comments:
- the overall design looks good; like the art paper background and creative use of the animated gif for the content image slideshow; would look much better with the nivo slider slideshow that is in my sample projects folder (when you are ready for that)
- overall contrast is clear and bg image works well
- composition / whitespace: fills browser window well and allows good space for content
- logo/title could be more developed to help carry the interest
- typography could be more unified/consistent; size, style, spacing, number of fonts
- live text is included in the footer and in the content only on the sitemap page; did not find separate heading and paragraph styles; but did find styles for links and the inner content div
- project folder is complete; not fully organized correctly in that the actual save for web images were in a ‘images’ folder outside of the site folder
- div layout structure and corresponding css styles are complete
- 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)
- did not find external stylesheet or links to it
- page identification defined partially in page titles, headings and integrated in the navigation
- page titles should include the “site name” and the “page name”
- the refresh from index to home worked out as a good workaround solution
- good work but missed a few things

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) _9_/ 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 _0_/ 8
- Site Map page with links to the other pages and footer links _0_/ 8
- Animated gif integrated in at least one page __8_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __5_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _15_/15 . . . . – Color and Contrast _15_/ 15
. . – Typography _13_/ 15 . . . . . . . . . . . – Use of Images _12_/ 15
. . – Logo/Title _11_/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 __4_/ 10 . . . . – Body Element BG image/repeat __10_/ 10
. . – Live Content text w/heading and paragraph styles __5_/ 10
- Overall Effectiveness and Accuracy _24_/ 30
TOTAL = _244_/ 300

Comments:
- the overall background is interesting with high contrast black in front; need a more interesting logo title and navigation; like the idea of the bold geometric shapes; could follow that theme more fully with geometric style font such as futura medium or gill sans
- overall contrast is clear but the background is more interesting than the foreground elements on some of the pages
- large bg image fills browser window well; like the about page best with the large area of black
- the ideas could be refined and coordinated more
- images could be integrated/utilized more effectively
- logo/title could be more developed/distinctive; needs to identify clearly
- typography could be more unified/consistent; sans serif font would be better; try gill sans light italic
- good work putting in the live text, and formatting with css styles
- live text is not included in the footer or in the content
- project folder is not quite complete and organized; research to go in extras; should have a site folder with the images and html inside it
- div layout structure and corresponding css styles are complete
- 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)
- did not find actual heading and paragraph elements with corresponding styles; did find div elements with styles for this purpose
- page identification is not defined in page titles, headings but patially integrated in the navigation
- page titles should include the “site name” and the “page name”
- good work but missed a few things

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) _12_/ 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 _6_/ 8
- Site Map page with links to the other pages and footer links _6_/ 8
- Animated gif integrated in at least one page __8_/ 8
- Source Psd file(s) w/Design, Slicing and Animation:
. . – Three layouts including: 3 logo/titles, navigation and content __15_/ 15
- Selected Design, Concept, Visual Interest:
. . – Layout and Composition _13_/15 . . . . – Color and Contrast _15_/ 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 __7_/ 10
- Overall Effectiveness and Accuracy _26_/ 30
TOTAL = _284_/ 300

Comments:
- the overall design is good but might be stronger if there were more black to define solidy; seeing it on a 24 inch screen, you see the black bg color at sides and bottom which looks great; what if there was a black band across top or else the entire lower portion
- what if the portrait photo was also high contrast black and white not gray
- the color scheme is distinctive with just the right amount of color as an accent
- like the typographic logo title design alot; what if ‘drew’ was much smaller so ‘polk’ stands out more
- overall is cool but think you could refine and develop the content a bit more
- images could be integrated/utilized more effectively
- good work putting in the live text, and formatting with css styles
- live text is included in the footer but only partially in the content
- project folder is complete and well organized
- div layout structure and corresponding css styles are complete
- 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
- site map links supposed to be in the footer
- css files is not inside of the site folder; found link to the stylesheet on sitemap page but not in effect due to mis-located file
- great job

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