Creating rollovers in Dreamweaver
Step 1
Create two images in Photoshop
and save for Web (Photoshop 5.5) or save as/export (Photoshop 5).You can
use GIF or JPG images. Here I have just changed the colors of two 144x49
GIF files.
Step 2
Using your objects window click
on the icon of a tree to insert your first image. If you do not see a
window you expect to, use the Window pull down menu to bring up any needed
windows.
Step 3
Select your image (notice the
selection handles). Then in the Behaviors window click on the plus sign
and select Swap Image.
Step 4
This will open your Swap Image
window. Here you can Browse for your rollover image.
Step 5
Find your second image and
Select it.
Step 6
Finally save and preview your
work in a browser. Preview is F12 or under the File pull down menu.
Your final rollover in this
example would look like this.
|