| WebSys Fall 2006 Lecture Notes |
| WebSys Home | Course Syllabus |
Start with the 3-column example referenced in the lecture notes: 3col.html. Note that you can save this file to your computer by right-clicking on the link and selecting "save link as", or you can "view source" when viewing the page in your browser (and cut and paste).
Make the page look better by:
Add background images for individual sections. Photographs (or artwork) depicting scenery tend to work best when used as a background for entire sections of a document in which the user is expected to be able to actually read the text sitting over the background...
Remember that with CSS, you specify the value of the
background-image property with something like:
background-image:url(http://neutrino.kek.jp/~melissa/Images/background/ocean.jpg)
Change the sizes of the left and right sections, add borders, change the content, etc.
Change the fonts so that the page looks more interesting (try different fonts for different parts of the page).
Here is a nice list of fonts and the machines that tend to have them installed:
http://www.codestyle.org/css/font-family/Anything else you can think of