Monday and Tuesday, December 13 and 14
Overview: Design one page using CSS not only to format the text but also to position the elements on the page. Choice of topic is yours. You may even recycle previous material if you choose; just strip all the formatting from the page.
Put your content into 3 (or more) divisions with Ids. Use those Ids to format and position the content in an external style sheet.
Here’s what I’d like to see:
Do you have . . . |
no |
ok |
the best |
1. three divisions, each with a unique ID and real content. (You might have navigation, content, and calendar divisions, as the book does, for example |
0 | 7 | 10 |
2. style rules for each division making the text formatting compatible but unique |
0 | 7 | 10 |
3. a background color on one or more divisions |
0 | 7 | 10 |
4. a border on at least one division |
0 | 7 | 10 |
5. about 10-15 pixels of padding in one or more appropriate divisions |
0 | 7 | 10 |
6. a list somewhere on the page formatted in CSS |
0 | 7 | 10 |
7. the positioning of each division done with CSS. Use CSS to define the size and position of the boxes containing your content |
0 | 7 | 10 |
8. a well-chosen, small, fixed background image (such as a logo) in the lower right-hand corner of the page |
0 | 7 | 10 |
9. in addition to the three divisions above, one more layer which (partly) overlaps another division. For example, you might use a layer to make a headline look drop-shadowed. |
0 | 7 | 10 |
10. a pleasing design |
0 | 7 | 10 |
Bill Evenski
Web Design 1
Wheeler High School, North Stonington, CT
