Four Options for HomePage

The Mainstay

I'st we have the mainstay, a imagemap that accesses 8 larger photos on their pages.
Looks cool except that the images are too crowded together. The imagemap is not very easy to modify, compared to single images. The result is a increasing list of text links. More importantly a visually static homepage loses viewers.


Frames

The top imagemap is used to keep the viewer linked to home because here It is in a separate frame. clicking on an image leads the viewer to location of a larger version of the shot with a short description crammed in the lower frame = overkill.

All of these look best on a 640 X480 screen. I have tested them on different screens and browsers. Watch out for the AOL browsers, results vary on them the most. Animated Gif's may not run well on AOL, especially the older versions.


Tables

Here we have rables embedded in tables, so that the text links aligns properly on the side of each thumbnail.
The thumbnails load fast, can be changed easily and there is "white space" between the images. The images spread out too much on large screens, but it fills the page better then the imagemap, that seems to swim on white.
I broke up the site into two indexes, for faster loading and to give Web Design it's own index with the same layout.


CSS layout

I needed practice with Cascading Style Sheets, this was a good opportunity to polish my skills with CSS. The result is the outside edges of the photos align more accurately vertically, both pages can be formatted with one sheet and the overall layout is cleaner. The drawback is that CSS is not fully supported by all browsers. The page looks different on IE then it does on Netscape. I haven't seen it on AOL, if you have problems viewing it let me know the browser and version that you use so that I may try to adapt the code.

Home Photos Form Email
To My Home Page See My Photographs Response Form e-mail NO SPAM