LESSON 16

DREAMWEAVER
EFFECTS
Pages 187 - 196

Prepared by: Teacher Lorie

 Rollover Image Effect in Html
• The user create a rollover by preparing two different graphics – a “before” and “after “ version.
• The roll over image is an image change when the mouse over to the image is happened and it is used
to provide more interactive user experience.
Rollover Image Effect in Html
 Output for Rollover Image Effect in Html

1. The output image while the page loads.

 Output for Rollover Image Effect in Html

2. When user try to mouse over to the image then the image will be changed.
 Output for Rollover Image Effect in Html

3. When user moves the mouse out from the image then it will be roll over to older
image. https://www.wikitechy.com/html/rollover-image-effect-in-html
How to Create a Simple Rollover Image in Dreamweaver
How to Create a Simple Rollover Image in Dreamweaver
How to Create a Simple Rollover Image in Dreamweaver
How to Create a Simple Rollover Image in Dreamweaver
How to Create a Simple Rollover Image in Dreamweaver
 How to Create a Simple Rollover Image in Dreamweaver

https://www.dummies.com/software/adobe/dreamweaver/how-to-create-a-simple-rollover-image-in-dreamweaver.
What Is a Dreamweaver Image Map?

When you add a link tag to an image in Dreamweaver, the entire graphic becomes one
hyperlink to a single destination. Image maps, on the other hand, is the array of invisible
link buttons (hotspot) responsible in creating image maps.

What is a Hotspot?

A hotspot is a physical location where people can access the Internet, typically using
Wi-Fi, via a wireless local area network (WLAN) with a router connected to an
Internet service provider.
What Is a Dreamweaver Image Map?

When you add a link tag to an image in Dreamweaver, the entire graphic becomes one
hyperlink to a single destination. Image maps, on the other hand, is the array of invisible
link buttons (hotspot) responsible in creating image maps.

What is a Hotspot?

A hotspot is a physical location where people can access the Internet, typically using
Wi-Fi, via a wireless local area network (WLAN) with a router connected to an
Internet service provider.
 Creating Hotspots
In Dreamweaver, you can create three different types of hotspots: oval, rectangular, and polygonal. Visit this site for
more information:

https://www.uwec.edu/kb/article/adobe-dreamweaver-cs3-image-maps-working-with-hotspots/

How to Create an Image Map With Dreamweaver

To make an image map using Dreamweaver visit this site:

https://www.lifewire.com/creating-image-map-with-dreamweaver-3464275