Quantcast
Sign Up For Our Newsletter
Email:

I4C

Dreamweaver Tutorial: Rollover & Flash Buttons

advertisement

Creating Quick Rollovers and Flash Buttons using Dreamweaver

A word of caution!

Some older browsers do not display Flash Text or Flash Buttons. If the audience you are writing for uses mainly older browsers or mobile browsers you might not want to include too many examples of Flash elements at first. Another good idea, would be to provide text links in addition to Flash links. Have fun, but don't go overboard.


Move your mouse pointer to the text below. The text turns purple and your mouse pointer turns to a hand.
The text is not a link, but it could easily be. This page describes how to create such rollovers using Dreamweaver.

Flash Text

The title of this web page ( Using Dreamweaver to Create Quick Rollovers ) was created using Flash Text. Although the text was typed, it behaves as if it is an image.
To create a Flash Text image go to the Insert menu. Choose Interactive Images then Flash Text .

Several options are available to you; text color, rollover color, size and style, font and link or target. The Flash Text image below will be used in this example.

The window below shows that the text was written in Abadi MT Condensed 20 point. The text color selected was black (#000000) with purple (#CC00FF) as the rollover color. The text is a link to Internet4Classrooms home page. If you follow the link, use the back button to come back to this page.
The first few times you do this you might overlook naming the image. A default name will be used with the extension .swf if you do overlook this.

One way to see the results of your work is to save the page and view it in a browser. However, Dreamweaver allows a quicker way to view the results. Select the text you inserted onto your page and look at the properties window. Select the Play button on the bottom right of the Properties window and move your cursor over the Flash Text to observe the color change. When you are finished click the same button, which now says Stop . Flash Buttons Sample buttons available in Dreamweaver

None of these buttons act as links. However, that is only because link information was not entered.

Dreamweaver allows you to quickly create rollover buttons in much the same way that you created Flash Text above. The Insert Flash Button window below, looks quite similar to the Flash Text window at the top of this page.

The button immediately below this text is the one that you may have used to come to this page on Rollover effects in Dreamweaver.

The next step is for you to create your own rollovers with Dreamweaver.

A word of caution! Some older browsers do not display Flash Text or Flash Buttons. If the audience you are writing for uses mainly older browsers you might not want to include too many examples of Flash elements at first. Another good idea, would be to provide text links in addition to Flash links. Have fun, but don't go overboard.

Go To Previous Tutorial: Dreamweaver Links

Go To Next Tutorial: Easy JavaScript with Dreamweaver

Internet4classrooms is a collaborative effort by Susan Brooks and Bill Byles.
 

  

advertisement

advertisement

Use of this Web site constitutes acceptance of our Terms of Service and Privacy Policy

1694708742988164 US 1 desktop not tablet not iPad device-width