Palettes

Starting your first document

Modifying Text

Inserting an Image

Inserting a Table

Inserting a Horizontal Line

Saving your File

Setting up your Site

FTPing Files

Linking

Linking to another document in your site

Linking from one place to another in the same document

Creating an Email Link

Modifying the Colors of your Links and Page

Importing Word® Documents

Image Maps

Converting Layers to a Table

Part II--Creating your Site

Adding more pages to your site

Adding your Resume in .pdf format

III. Creating your Course Page

Putting your PowerPoint Presentaiton on your Website

 

Image Maps

Dreamweaver® has made making image maps very easy. Image maps are images that have "hotspots" that serve as links. As the viewer scrolls over an image, the cursor will turn into a hand, which signifies that this is a link.

You can do all kinds of creative things with image maps.

1. Draw a new layer.

2. Place an image on the layer by clicking on the image icon in the Common Objects Palette.

You should see that the Properties Palette has changed options.

In the lower left-hand corner, you see a pointer and three shapes with an odd color. These shapes are used to define the hotspot area.

3. Choose one of the shapes and draw over an area on your image. Once you release the mouse, the area will change color.

Once you have your area defined, you need to type in the address of your link. The kind of link can be any of the four links we talked about earlier--internal, external, same document or email.


You can have as many images maps in one document as you choose, but if you have more than one, you need to give each one a name.

Any time you would like to see the HTML code of what you just inserted or changed, all you have to do is go to the Launcher palette, or to the lower right-hand corner of the work area and click on the <> icon.