This assignment has two parts. You'll present a demo of your work to the class on Monday, March 6.
You will each be assigned a CSS property; your task is to figure out something to do with it, and to create a webpage illustrating how the property can be used.
Give a realistic use of the property—e.g., “This would be really useful in heading elements”. Feel free to mention more than one use—for many of these, there are probably multiple uses that will easily occur to you.
Hint: usually the textbook will give an example you can adapt. Alternatively, try Google—there's a web subculture of CSS aficionados who like to figure out how to do things with CSS and then post web pages explaining what they've done.
Examine your page in the “big four” browsers and include a table indicating the extent to which the property is implemented by each.
For this part of the assignment, you're going to implement a navigation element for a website. You should provide a main page that explains how the CSS effect works, and you should also create a series of dummy pages through which you can navigate using your navigation element. (Your navigation element should contain five links.)
I've given you each a link to a website explaining how to construct your navigation element. Thus, you'll have CSS code to work with; make sure you examine it carefully so that you understand what's going on. Explain how it works on your main page (and include a link to the source). (Note: The CSS code isn't always perfect, so test it out and make changes if necessary.)
Examine your navigation system in the “big four” browsers and include a table indicating the extent to which the CSS effect you're striving for is implemented by each.
[ Return to the CPSCI 107 homepage ]
Brian J. Rosmaita <contact me>