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