On-Line Web Site Production Workshop - Detailed Overview

Educational Activities > On-Line Workshop

Welcome | Background | On-Line Workshop

On-Line Web Site Production Workshop > Detailed Overview > Welcome

Watershed Welcome or Home Page

At this time, please open the “Welcome” or “Home” page from the Upper Sevier site. You should be able to alternately bring this page forward to read this text and bring the Welcome page forward to look at the features being described. If your screen resolution is high enough you may be able to see both of these pages side by side.

This first page is considered to be the “Home” page. The purpose of this page is to provide a short introduction to the watershed project web site and provide main menu links to let the viewer explore the entire site in depth.

The major graphic element on the top of this page is a transparent “welcome banner.” The Upper Sevier River Community Watershed Project text is also a part of this banner. Different fonts and text styles have been used to create this graphic element for the page. A small photograph in the upper left corner, is a separate element and has been prepared with transparency on one side. Because this image is a separate element it could be replaced without requiring any changes in the graphic text. On the right top of the page is a link to the Interactive U.S. Map page.

Below the main banner is the main navigation bar which has links to all of the content on the entire site. As you roll your cursor over each main topic in this menu bar you will notice that the text will change color and the small picture to the left will change and a short descriptive statement will appear to describe what can be found in this section of the web site. The picture you see on the home page is a logo Beth Workman, Zeland Studio, designed for the Upper Sevier River Project. In its original form this logo can be printed in a publication. The logo and the other pictures have been sized and compressed with jpeg to fit in this exact spot on the map. Notice also that there is a slight drop shadow with each of these pictures.

The next part of the page below the navigation bar is an italicized paragraph statement prepared as a graphical element in Photoshop. When this is done, the whole graphic has to be redone in order to change even one word, but it allows the text to be laid on the page precisely where it looks best.

All of the graphic elements described above were prepared with Adobe Illustrator and Photoshop and sized to fit on this page. Adobe GoLive is the program used to lay the graphics out on the page and make the appropriate links. The “Rollover” changes that you see when you move over the navigation bar were created with Image Ready, a companion program to Photoshop.

Below the first black line that goes across the page is another kind of text. Generally referred to as HTML text, the words and paragraphs can be changed easily in the original GoLive page. For example, if someone finds a misspelled word or if the wording needs to be changed, Mountain Visions can take the suggestions from an e-mail or “Word” document and cut and paste it into the original working page. Through GoLive this new page can be sent to the Internet server and within a few seconds the changes are available for viewing.

View near Rim Reservoir.

Lichen covered rocks.

To the right of this HTML text is one small photograph prepared in a size similar to the “rollover picture” size. This is a separate element and can also be changed if a new picture is needed. It takes time to prepare a new image from an original using Photoshop, but once it is finished it can be placed in the original GoLive page and sent to the Internet server for replacement almost as fast as text.

The next element above the second horizontal line is a colored box with an HTML link to a major fire event in the watershed which occurred during the summer of 2002. Eventually this link will probably be removed or replaced with more updated information.

Below the second horizonal line across the page are several pieces of HTML text and a few graphics. One of these on the left is a notice that a web site visitor will want to have the QuickTime Player to view the Panoramas and audio-visual stories available. A link to the QuickTime player download site is provided. Also on the left is a text note dating the last update of this page.

In the center of the page are credit links to the organizations who have been sponsoring the Interactive Watersheds project. Below that is a link to page that describes the Creative Commons rights for people to use the content on the site.

On the right bottom side are credit links to Mountain Visions and credit text to Beth Workman and Vicki Tyler.

Note that other web pages you visit in this detailed overview may have some of the same page elements described above. Generally these will not be described again on each page. To get a good understanding of all of these features it will be imperative to visit all of the pages in this Detailed Overview section.

To continue the overview and analysis of the web site template, please choose from the links below.

Welcome | Background | On-Line Workshop