Site Links
Student Scene
Student Activities

Student Links
Lesson 1
Intro to HTML
Lesson 2
Fonts and Links
Lesson 3
Tables
Lesson 4
Table Layout
Lesson 5
Color Theory
Lesson 6
Layout & Design
Lesson 7
Final Project
Homework

Other Activities
Dreamweaver
Fireworks

Resource Links
HTML Guide
Glossary

Dreamweaver Activities

Introduction | Tables | Site in an Hour | Rollover Images | Jump Menu

Rollover Images

To make a rollover image like this one

1. Save these two images into an image folder in your web portfolio.

download image zip file

2. In Dreamweaver, click on the insert rollover button or
go to the Insert menu item > Interactive images > Rollover image.

3. From the rollover menu, browse for imageup.jpg and imagedown.jpg

Enter the Alternate text to be whatever you want it to be and the complete url you want the button to take you to.

4. Click OK and your rollover image is inserted on your web page. To preview the image, press F12 on your keyboard to open the page in a web browser and put your cursor over the image.