Tasks
Look: Both Pages
The developed site utilizes a 100% width web page with centered aligned content
The header layout closely resembles the design comp.
The footer layout closely resembles the design comp.
Colours and sizing of the content in the header is equivalent to the Photoshop design comp
Colours and sizing of the content in the footer is equivalent to the Photoshop design comp.
Look: Home Page
The main layout closely resembles the design comp.
Colours and sizing of the content in the main is equivalent to the Photoshop design comp.
Look: Cart Page
The main layout closely resembles the design comp.
Colours and sizing of the content in the main is equivalent to the Photoshop design comp.
General
The typography of the page is sized with relative units.
The layout of the html is semantically correct while using liquid containers.
Images have been optimized for file type and file size.
Menu
Primary level navigation when hovered will show secondary navigation as specified in psd
Secondary level navigation when hovered will show tertiary navigation as specified in psd
Tertiary navigation layout matches psd
Hover action on primary matches psd
Hover action on secondary matches psd
Hover action on tertiary is appropriate
Assigned 3 tertiary level navigations completed
Form Elements
Page contains three separate forms using proper HTML form markup.
The appropriate HTML 5 form elements are used (5 marks)
Non-optional fields are highlighted as such during form submission.
Form elements are styled using CSS to match wireframe.
Deductions (maximum of 8 marks deducted)
Class framework not used
Validation errors (HTML)
Validation errors (CSS)
The post vDMIT1530 Web Design Fundamentals appeared first on My Assignment Online.