• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 17. Creating Rollover Web Visuals > Previewing rollovers to detect probl...

Previewing rollovers to detect problems

Catching errors isn’t the only reason for testing rollovers. Sometimes unanticipated results occur that require additional adjustments, especially when you’re just learning how to work with rollovers.

1.
In the Web Content palette, expand the Exhibits and Members slices in the Menu Buttons slice set so that you can see the rollover states nested below them.

2.
One at a time, select the two Click rollover states and notice the results in the image window. Pay particular attention to the partially transparent, dark halo effect that appears around the Info Panels layer art.

3.
Click a blank area of the Layers palette to deselect all layers and select Normal in the Web Content palette.

4.
In the toolbox, select the Toggle Slices Visibility button () and then the Preview Document button ().

Shadowless slice (preview model)

Shadowed layer (work mode)

5.
Move the pointer over the image window, and click the Exhibit button. Allow the pointer to remain inside that navigation button so that you can examine the information panel that appears. Notice that the shadowy halo around the panel does not appear.

6.
Click the Members button and confirm that the same phenomenon occurs for that information panel.

7.
Click the Toggle Slices Visibility button and Preview Document button again to return to normal work mode.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint