Session Two: Navigation -- Buttons, Links, Menus


As per Joe Galle, all teacher web pages must contain  4 navigation buttons linking to the District Office, DEMS, HS and the HOME pages.  However, I will make them fit your decor.

I. Text links

A. Defaults
B. Normal Links
C. Active Links
D. Hover Links
E. Visited Links
F. Out of Date Links
G. Alt Tags on Text Links -- see an example by putting your mouse pointer on the link below:

II. Rollover image-swap buttons

A.  Uses Javascripts
B.  Needs two images-- one for "off", one for "on"
C.  Needs to be "preloaded"

III. Menus

A. Vertical Navigation
B. Horizontal Navigation
C.  Drop down or Pop out -- requires Javascript
D. Site Maps

IV. Pop-up windows (New windows)

A.  Many sizes
B.  Can add menu bars, toolbars
C.  Escape from Frames Pages
D.  Uses
      1.  Email boxes
      2.  Short informational text pages
      3.  Example  -- Click on "Non-Discrimination Policy"
E.  Considered an "Annoyance"

V. Javascripts

VI. Map your pages using a navigation chart.

VII. Questions and Answers

VIII. Work time

A. Fill out a navigation Chart
B. Experiment with Link Colors

1. Normal Links
2. Hover Color
3. Active Color
4. Visited Link Color

C. Visit Web Sites for Ideas


OVERVIEW | Session 1