Operation Manual

Rollover Image
1. A rollover image is actually two images in the same place. One image is displayed when the cursor is not
on it and the other displays when the cursor is moved over the image.
2. Click on the Insert Menu and select Rollover Image to insert a rollover image.
3. Name the Image.
4. Click on Browse button to select the original image. This is the image that displays when the cursor is not
on the picture.
5. Click on Browse button to select the rollover image. This is the image that displays when the cursor is on
the picture.
6. Click OK. You will not be able to view the effect in the Dreamweaver, but may press F12 to open a
browser and view the results.
7. Resize the image as appropriate. The cell and table will adjust accordingly.
Apply Color and Style
1. From the Property Inspector you can apply color and style.
2. Click on the Text Color button
in the Property Inspector. Select the color for the text. You will be able
to pick a color from palette or from any color displayed on the screen. As you move the eyedropper over a
color, it is displayed in the palette.
3. While the text is highlighted you may apply style choices to it from the Property Inspector, such as bold,
italics, and alignment options.
Add Links
1. Select the text or image that you wish to be a link.
2. If the properties inspector toolbar is not visible, show the toolbar by selecting Window, Properties or by
pressing CTRL-F3.
3. Click on the folder next to the Link box in the Property Inspector and browse to the desired file. This may
be an image, a document , or another web page. If you are linking to another webpage, be sure you include
the entire URL to the website.
-
University Computing and Information Services Page 6 Dreamweaver 8
UNC Pembroke October 2006