Graphics Programs Reference
In-Depth Information
5. Next to the Rollover image box, click the Browse button, navigate to the
Tutorial.05\Tutorial folder included with your Data Files, and then double-click
tickets_over.png . A copy of the tickets_over.png graphic is saved in the graphics
folder, as you can see from the path in the Rollover image box.
6. Click the Preload rollover image check box to insert a check mark, if necessary.
Both graphics will load with the Web page.
7. Click in the Alternate text box, and then type Image advertising that tickets
are available and a link to the tickets page.
8. Next to the When clicked, Go to URL box, click the Browse button, and then
double-click tickets.html in the local root folder of the NextBest Fest site. The
tickets.html page is added to the When clicked, Go to URL box.
9. Click the OK button. The Insert Rollover Image dialog box closes, and the rollover
image is added to the home page.
10. Press the Right arrow key to position the insertion point to the right of the roll-
over images, and then click the tickets.png graphic to select the logo rollover.
The only information that identifies this graphic as a rollover is its name, which
appears in the ID box in the Property inspector. See Figure 5-21.
Figure 5-21
Rollover in the home page
rollover insert ed in
the page
The h1 tag surrounds
image creating,
extra space above
and below the im age
name indicates that
the graphic has
rollover behaviors
As a site grows in depth and sophistication, it's common to update elements to make
them better. On the home page, you'll update the tickets div to include a graphic that
draws more attention to the tickets promotion.
Search WWH ::




Custom Search