Unit Fourteen
Setting Up Pages 2 and 3 of a Five Page Structure
Special Note:
When you have finished your website, please send an email to the entire class with the address of your site.
It is a lot of fun to see what others have done. Last semester this was one of the most popular parts of the entire course.
This Unit:
This unit we will continue work on the Final Project. In particular, this is the unit to work on the 2nd and 3rd pages of your project website.
Also, you will demonstrate Absolute and Fixed Positioning.
The Assignment this unit is worth 20 pts.
Reading Assignment, Discussion, and Quiz:
None this unit.
Assignment:
Using the template that you picked from Freecsstemplates.org, or from some other source, set up the 2nd and 3rd pages of your Final Project. The 2nd and 3rd pages must meet these criteria:
- Each page must validate in the W3C HTML Validator as XHTML 1.0 Strict. Each must display the XHTML 1.0 placard or a styled hotlink at the bottom of the page. The placard or hotlink must hotlink to W3C and check the page automatically. This criteria is mandatory to earn any points.
- The Style Sheet (or sheets) for each page must validate in the W3C CSS Validator as valid CSS 2.1. This criteria is mandatory to earn any points.
- Each page must have a valid XHTML 1.0 Strict Doctype.
- Each page must be in a website organization and must use folders (i.e., directories). The website must have at least one directory to hold the css styles, and another to hold images. (This will also demonstrate you know how to use paths.)
- The website must provide a way to navigate smoothly between all the pages using some sort of menu system. Therefore, each page must have the menu system in place with the names of the other pages displayed in the menu system. No java-script should be used to make the menu system work. It must be entirely based upon XHTML and CSS. As of this unit you should be able to move back and forth between the Home Page, the 2nd Page, and the 3rd Page.
- Each page must refer to at least one external style sheet and must use an external sheet sheet or sheets for all styles applied to the page (except very minimal and infrequent use of <em> and <strong> around words that you want to emphasize or strongly emphasize). Do not place styles in the <style> element inside the <head> element. Use an external style sheet instead.
- The each page must contain <img> elements, and use the appropriate src, width, height, and alt attributes.
- Use class and id attributes correctly.
- Use padding, borders, and margins correctly.
- Demonstrate some variety of 2 or 3 column layout. (Almost any template at Freecsstemplates.org will meet this requirement.
- New This Unit: ONE (or more) of this unit's pages must demonstrate some form of absolute positioning. Tell me which page does this in the comments section of the assignment turn in page.
- New This Unit: ONE (or more) of this unit's pages must demonstrate some form of fixed positioning. Tell me which page does this in the comments section of the assignment turn in page.
- Demonstrate some variety of 2 or 3 column layout. (Almost any template at Freecsstemplates.org or at http://www.oswt.co.uk/xhtml_css_layouts will meet this requirement.)
Post this unit's webpages at the same location you used last unit for the Home page and its attached stylesheet.
However, I still need you to give my the the exact web address in the comments section of the assignment tool in WebCT for Unit 14.
Don't forget to tell me which pages meet the requirements of Items K. and L. above.
Alternative Assignment:
If you want to start from scratch and make your own design, totally on your own, that is fine with me. Just make sure your page meets all the requirements listed above in items A. through L.
...Bill