Class 24 Notes are in progress and are subject to change

Class 24 Outline -

Discourse

Minimize Discourse

Agenda:

Copy 24imagemap from Class to your shared folder.

1. We will discuss how to navigate through our website using Navbars and Imagemaps
2. We will make a table navbar
3. We will discuss thumbnails and folder arrangements
4. We will create an imagemap navbar in Photoshop
5. We will use Expression Web and Dreamweaver to make hotspots on images

Hexidecimal color basics for websites

Using SeaMonkey to open a page

A quick look at Google Sites

Using Bridge for Photo Galleries

Tutorial using SeaMonkey

Great Dreamweaver Help Link

Make an imagemap with hotspots - different wsyiwigs

Example

• Expression Web

• Dreamweaver

• Rollover Buttons

Thumbnails as links to larger photos - example Sarah Fulton Photography (a gallery)

Website Guidelines

• Open your pages in ExpWeb - what are the differences?
• Open your pages with Notepad - what's the difference?

• In-class activity using files in 23imagemap folder

<Log Off>