Week 4: CourseProject Site Layout and Content

Based on the site, page layout, and navigation developed in prior steps, begin to add content to your site. Include appropriate typography, colors, and imagery as per the lecture and iLab assignments. Begin to implement the box model through the use of <div> tags and absolute positioning. Use inline and embedded where appropriate.

Upon completion of this step, zip up all of the files for the site into one single file and submit the file to the Dropbox.

Grading Rubric

Category / Points / % / Description
Content visible on two web pages / 8 / 17 / Content on pages is visible
Appropriate use of colors / 7 / 16 / Colors match theme of site
Appropriate typography (font, size, and color) / 7 / 16 / Typography is appropriate for site
Images visible with alt tags / 7 / 16 / Images render and are appropriate
Box model using <div> tags and positioning / 8 / 17 / Payout layout is implemented per site spec
CSS used for layout and formatting / 8 / 17 / Multiple CSS style rules are implemented
Total / 45 / 100 / A quality project will meet or exceed all of the above requirements

Week 5:CourseProject Implement Site Content and Create a Form

Continue to develop the site content as directed in milestone 4. At this point, at least 3 of the pages for the site should be completed.

Use the knowledge gained in this week's lecture and iLab to create a user feedback form. Include all necessary controls (text boxes, radio buttons, check boxes, text areas, dropdown lists, and buttons) to allow the user to effectively interact with the form. Use CSS to control the layout of the form. Include reset and submit buttons with the form. The reset button should clear the form and the submit button should load a “Your information has been received” page.

Move all site and page level styles to an external CSS file.

Upon completion of this step, zip up all of the files for the site into one single file and submit the file to the Dropbox.

Grading Rubric

Category / Points / % / Description
Content completed on at least three pages / 9 / 20 / Content on pages is visible
Form created and CSS used for the layout of the form / 9 / 20 / As per milestone spec
All necessary form controls used as appropriate / 9 / 20 / Required site evaluation options present
Buttons (submit/reset) included / 9 / 20 / Submit button linked to form action; reset clears form
External CSS file / 9 / 20 / Site managed by an external CSS file
Total / 45 / 100 / A quality project will meet or exceed all of the above requirements