|
Hypermedia Production, Fall 1998
Project 3: Style Sheets
Along with the printed version of these instructions you received two pages from a
document produced a few years ago as a condensed reference for students learning HTML.
Translate these pages to HTML, using Cascading Style Sheets to create the most effective
and attractive layout you can devise.
Specifications:
- Every word and element of the document (e.g., headlines, items in boxes) must be
carried over in your layout.
- Your layout does not have to reproduce the current appearance of the document.
Feel free to invent new approaches. However, any changes must make the document
more readable or attractive.
- Use color wherever it seems appropriate.
- If possible, avoid using HTML tables in your design.
- Your HTML version may be either a single, scrolling page or a multi-file page set;
if you go the latter route, include some navigational device (e.g., button bar, frames) to tie the
pages together effectively.
- Since CSS support varies among browsers and platforms, the standard used for
evaluating this project will be Netscape 4.05 running under MacOS. Check your work in
this environment. (Most machines in the Graphics Lab and Hypermedia Room should do.)
For known problems and limitations of support, see Mulder.
Recommendations:
- Begin by analyzing the structural elements of the source document.
What are its parts? What functions do they perform? You will probably want to
tag these elements so that you can associate them with particular styles.
- So that you won't have to retype the text, I've provided a
text-only version
of the source document on the class Web site.
The project is due October 31. We're not meeting that weekend because
I have to be out of town. I'll start grading these projects after my return,
early the following week.
|