Unit 6. Inserting Images (II)

Inserting Rollover Image.


A rollover is an image that replaces another when it's being pointed at. This kind of image is used on menu's and button's to go through different Pages.

Here, there is an example of a rollover. Point at it to see what happens.

pulsa para visitar aulaclic

If you want to insert a rollover, you need to go to Insert menu, Image objects, and the Rollover Image option . In the new window you need to specify the original image and the sustitution one.

It's preferable that the Preload rollover image be active. If it's active, the rollover image loads when the page loads, so we avoid delay when we're downloading images.

The Alternate Text is the text you see when you place the mouse over an image, or the text that will show up when of the image cannot be shown in the browser.

Alternate text can be assigned to all images, not only to rollovers. You can do this through the field Alt option of the Properties inspector of the selected image.


Flash Buttons

There is another set of special images similar to rollovers that are used to create menus, these are the Flash buttons .

Below we see an example of a flash button. Position the mouse over it to see what happens.

To insert a flash button you need to go to the Insert menu, Media, to Flash Button option, and you will see this dialogue:

Through Style you can select one of the button formats offered.

In this window you need to specify the text that will be shown in the button (Button text:), the name of the text to be saved (Save as:) and the associated link (Link: and Target:).

It's better to save Flash buttons in the same directory of HTML files, instead of the assigned folder for images. If you don't do this it is possible that Dreamweaver does not let you save the button with this link in a different location to the named file.

Remember that buttons will be saved with a SWF extension.

Through the Properties inspector of the flash button, you can edit its attributes again:

The dialog window can be opened by clicking on the Edit button, and through Play button you can check the button status from Dreamweaver whithout it being necessary to open a browser's page.

After testing the flash button status, you need to click again on the Play button (which will have changed for Stop button ) .

To practice you can perform the Step by step exercise on Creating Flash buttons.

  Go to the previous page page Content  Go to the nex page  

Page. 6.2

Legal warning: Authorised on-line use only. It is not allowed the use of these courses in companies or private teaching centres.
aulaClic. All rights reserved. Reproduction in any form whatsoever is prohibited.