GOLIVE5.0 Tutorials (65)

Tutorial Step One, drag the rollover icon from the Smart tab of the Objects panel to the document window, see Figure 16.

Figure 16 Drag the rollover icon here

Step two, enter the name of the button in the Name text edit box in the rollover Inspector panel.

In the design and production of Web pages, it is necessary to assign a name to the rollover button through the rollover Inspector panel, which can be very convenient for the presence of multiple rollover buttons. GoLive 5 requires that all image buttons use unique names on the Web page, such as 1, 2, 3, and so on, to begin with a number, but not spaces and special characters.

Figure 17 Selecting the main icon

In step three, see Figure 17, select the main icon in the image area, click the Browse button and open the first image, then select the icon next to the right, and then open the appropriate image.

When you click the Browse button and open the Daoho-1.gif image through the Open dialog box, the image appears as a thumbnail on each icon. In the rollover Inspector panel, the main icon represents an image of the rollover button after the Web browser is mounted, and a over icon next to its right indicates the image displayed when the mouse specifies the needle on top of the rollover button The click icon indicates the image that is displayed when you click the rollover button. For the today.html document to be created in this chapter, the image to be used by the over icon is the Daoho-t-h.gif, and the click icon uses Daoho-t-b.gif, which you can define with reference to the above operation.

After completing the above operation, a rollover button used in the figure 窬 ellipsometry ê  贚 View only see the main icon in the image used.

The next step into the Actions panel is the option to design the mouse button event, which is similar to the operation in DW 3/4, where it is omitted.