Spring Quarter 2002 De Anza College1 Chapter 10 – Rollovers Simple 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 College2 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

Spring Quarter 2002 De Anza College3 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 College4 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 College5 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. Micromedia Exchage.

Spring Quarter 2002 De Anza College6 Fireworks & Dreamweaver  Fireworks is DW’s companion graphics programs  Use “Insert Fireworks HTML” object to insert a simple rollover from Fireworks. Page( )