Homework Assignment 4
Due Monday, October 23
This week you'll continue working on your personal Web site, adding page graphics,
color elements, and an imagemapped navigation element.
- Use background color (using the BGCOLOR attribute) and link and text
color styling on at least one of the pages in your personal site (many of you have already
done this). Apply these techniques for something other than simple visual effect;
make your use of color relate in some way to the meaning or structure of the site.
You may experiment with graphical backgrounds (using the BACKGROUND attribute)
instead of colors if you like.
- Add at least one graphic to each page of your site. Integrate these graphics into the
layout of your page in some sensible and visually attractive way. Be mindful of file sizes.
If you want to include a very large image, for instance, an example of photographic work,
use a thumbnail (as explained in the Course Notes) and link either to the large-format
image or to a page containing that image. All graphics must be stored in a subdirectory
of your personal folder named images.
- Create a navigation graphic for your site. This graphic should offer links to each of
your pages. The example in Lab 6 uses images alone, but you may include type or substitute
type for images -- though in any case you must produce a graphic, not HTML text. Store your
navigation graphic in the images subdirectory of your personal folder.
- Remove the current text links from your pages and substitute an IMG
tag and MAP container for imagemapping. To determine coordinates of hot spots,
use the Information tool in Photoshop or some shareware tool such as MapEdit;
or you could simply work out the coordinates by eye based on the geometry of your image.
|
