User Guide

Podstrony

[ Pobierz całość w formacie PDF ]
.)When you create a rollover state, you select a" Down to define the rollover state when the Webmouse action which activates the state (except forviewer presses the mouse button on the slice orthe first state in a rollover, which is always theimage map area.(This state appears as long as theNormal state).viewer keeps the mouse button pressed down onthe area.)To create a rollover state:1 Select the slice or image map area to which you " Click to define the rollover state when thewant to add the rollover.Web viewer clicks the mouse on the slice or imagemap area.(This state appears after the viewerNote: When creating a slice or image map area for aclicks the mouse and remains until the viewerrollover, use a layer-based slice or a layer-basedactivates another rollover state.)image map area.This is recommended because thedimensions of a layer s content may change in the " Out to define the rollover state when thecourse of creating a rollover.Web viewer rolls the mouse out of the slice orimage map area.(The Normal state usually serves2 In the Rollover palette, create a new state:this purpose.)" Click the New State button ( ) at the bottom of" Up to define the rollover state when thethe palette.Web viewer releases the mouse button over the" Choose New State from the Rolloverslice or image map area.(The Over state usuallypalette menu.serves this purpose.)The new rollover state is identical to the stateNote: Different Web browsers, or different versions ofimmediately preceding it, until you make modifi-a browser, may process clicks and double-clickscations to the image using the Layers palette.differently.For example, some browsers leave theslice in the Click state after a click, and in theUp state after a double-click; other browsers use theUp state only as a transition into the Click state,regardless of single- or double-clicking.To ensureyour Web page will function correctly, be sure topreview rollovers in various Web browsers.ADOBE PHOTOSHOP 6.0 295User Guide" Custom to define a new rollover state.(You must 2 In the document window, perform the actioncreate JavaScript code and add it to the HTML file that activates the rollover state.For example,for the Web page in order for the Custom rollover position the mouse over the rollover slice or imageoption to function.See a JavaScript manual for map area to preview the Over state.Then click themore information.) slice or image map area to preview the Click state." None to preserve the current state of the imageTo exit rollover preview mode:for later use as a rollover state.(A state designatedSelect any tool in the toolbox (including theas None will not be displayed on the Web page.)Rollover Preview button), or click the Play buttonThe Rollover States pop-up menu displays onlyin the Rollover palette.the rollover states that have not yet been used forthe selected slice or image map area (with theexception of the None and Custom states, which Adding animation to rollover statesare always available and can be used repeatedly).You use the Animation palette, in conjunctionYou can redefine rollover states as you workwith the Rollover palette, to add an animation to a(with the exception of the Normal state).rollover state.4 Modify the image for the rollover state using theWhen working with a layer-based slice or aLayers palette.layer-based image map area, moving the layer inthe Normal state repositions the layer in everyrollover state.However, moving the layer in aPreviewing rollover statesrollover state other than the Normal stateYou can preview rollover states directly in therepositions the layer only in the current state.ImageReady document window by switching torollover preview mode.This preview is consistentTo add an animation to a rollover state:with Internet Explorer 5.0 for Windows.To1 In the Rollover palette, create a new rolloverpreview the rollover effect in your computer sstate or select the thumbnail for a rollover state indefault Web browser, click the Preview in Defaultwhich you want to display an animation.Browser button in the toolbox.(See Previewingan image in a browser on page 84.)2 In the Animation palette, create frames for theanimation.(See Creating animations onTo use rollover preview mode:page 301.)1 Click the Rollover Preview button ( ) in theNote: Adding an animation to the Normal state willtoolbox, or click the Play button ( ) in thecause the animation to appear when the image isRollover palette.loaded in a Web browser.CHAPTER 10296Designing Web PagesApplying and creating rollover styles The new rollover style appears in the Styles palette.The thumbnail preview displays the effects in theRollover styles simplify rollover creation byNormal state.allowing you to turn a layer into a rollover effectwith a single click.A rollover style includes all theattributes of a rollover, including its states andMatching layers across rollover stateslayer effects.When you apply a rollover style to aWhen you use Layers palette commands to createlayer, the layer becomes a layer-based slice.effects for a rollover state, the changes apply onlyto the active state.However, you can use theTo apply a rollover style to a layer:Rollover palette to apply layer changes to all states1 Select a layer in the Layers palette.in a rollover or all rollover states associated with animage.For more information about working with2 Choose Window > Show Styles, or click thelayers when creating rollovers, see Using layers toStyles palette tab, to display the Styles palette.edit frames on page 306.3 Click the thumbnail for the rollover style youwant to apply.Rollover style thumbnails have aTo match layer changes across rollover states:triangle in the upper left corner.1 In the Layers palette, select the layer containingthe element you want to match across states.To create a rollover style:2 In the Rollover palette, choose an option from1 Create or select a layer-based slice.the palette menu:(See Creating layer-based slices on page 273.)" Match Layer Across States to apply layerNote: You must use a layer-based slice in order toattributes for the selected state to all states in thecreate a rollover style.current rollover.2 In the Rollover palette, create the desired" Match Layer Across All Rollovers to apply layerrollover states.Apply the effects to each state usingattributes for the selected state to all states in allpredefined styles in the Styles palette or byrollovers associated with the current image.manually setting layer effects in the Layers palette [ Pobierz całość w formacie PDF ]

zanotowane.pl

doc.pisz.pl

pdf.pisz.pl

bezglutenowo.pev.pl