Spring Quarter 2002 De Anza College 1

Chapter 10 – RolloversSimple Rollovers

Swap images

Stack two images on top of one another When mouse over an image, another image

appears Images need to be same size, remember to keep

file size small A java script action – A programming language

most web browsers use to add interactivity to a Web page, more on chapter 14 – Behaviors (DW’s prewritten JavaScript programs)

Spring Quarter 2002 De Anza College 2

Navigation Bar Rollover

A set of interactive buttons let visitors jump to different pages, horizontally or vertically

Up – default appearance of the button Over – when user passes the mouse pointer over it Down – when user clicks the mouse button Over while down – when mouse pointer moves over it More complex Navigation Bar Rollover can be done with

Behaviors (see Chapter 14) Do page 350-57

Spring Quarter 2002 De Anza College 3

Multiple Event Rollover

Must name each image More than two pieces of images

swap from original image using behavior panel swap image.

Do page 335 – 339

Spring Quarter 2002 De Anza College 4

Flash Text

A Text-only Flash movie on the Web page maintain the shape and quality of any true type font

Vector based image, small file size, loads quickly, can be resized easily without degrading the quality

Easily edited by double-click the flash text. Flash plug-in required (must have a Flash capable

browser)

Spring Quarter 2002 De Anza College 5

Flash Buttons

Predesigned buttons with preset styles and visual effects. – small file size, crisp graphics, interactive effects

When flash button added, DW creates and inserts a Flash movie end with .swf

Flash plug-in required (must have a Flash capable browser)

Additional Flash button templates available from Micromedia Exchage.

Spring Quarter 2002 De Anza College 6

Fireworks & Dreamweaver

Fireworks is DW’s companion graphics programs

Use “Insert Fireworks HTML” object to insert a simple rollover from Fireworks. Page(359-361)