1 / 6

Chapter 10 – Rollovers Simple Rollovers

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

hollie
Download Presentation

Chapter 10 – Rollovers Simple Rollovers

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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) 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 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 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) 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. 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) De Anza College

More Related