Four Seasons Website

http://hills.ccsf.edu/~agomez41/four_seasons/index.html


This is my first effort at using Adobe Dreamweaver to create a website. The basic design of the page is a home page with four corresponding pages for each season. I included an image, a haiku and a short video on each season's page.

I wanted my site to be easy to navigate, so I made a horizontal navigation panel by using inline lists of links. I added styling to the links to give them a colored, boxed background.

For each season's page, I found an image of trees from each season on the web. For the home page, I wanted to include all of these images, but they were all different sizes and resolutions. I used Adobe InDesign to resize all the images and combine them into one image. I made an image map around each picture on the home page, so clicking on the image would lead to the corresponding season page.

In each page, I included a haiku about each season. I wanted the poem to appear over the image, so I used div tags to create a transparent box.

I also included a video in each page. I found the original videos at archive.org and used Quicktime 7 to select short clips from each video.