Transcript Chapter 10 – Rollovers Simple Rollovers Swap images  Stack two images on top of one another  When mouse over an image, another.

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 College
1
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
2
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
3
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
4
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
5
Fireworks & Dreamweaver
 Fireworks is DW’s companion
graphics programs
 Use “Insert Fireworks HTML”
object to insert a simple rollover
from Fireworks. Page(359-361)
Spring Quarter 2002
De Anza College
6