User manual ADOBE GOLIVE CS2

[. . . ] Chapter 1: Copyright User Guide © 2005 Adobe Systems Incorporated. Adobe® GoLive® CS2 User Guide for Windows® and Macintosh® If this guide is distributed with software that includes an end user agreement, this guide, as well as the software described in it, is furnished under license and may be used or copied only in accordance with the terms of such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in a retrieval system, or trans mitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe Systems Incorporated. Please note that the content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement. [. . . ] This default behavior ensures compatibility with the largest number of browsers. To create smaller code, however, you can instead configure GoLive to apply rollover and action code directly to the image element. 1 Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS). 2 In the list on the left, select Images, and then select either Apply To Hyperlink Around <img> Element or Apply To <img> Element. Creating image maps Image maps Image maps consist of clickable hotspots in an image. Image maps are helpful navigational tools, because each hotspot can link to a different destination and have a unique size and shape. GoLive lets you create and edit image maps, and associate them with actions and rollovers. To create an image map 1 Select an image on your web page. 2 In the Smart Image or Image Inspector, click the More tab and select the Use Map option. Note: By default, GoLive assigns a unique ID to the image map and enters the ID in the Name text box. You can replace this ID by typing a name for the image map in the Name text box on the More tab. 3 In the toolbar, select the Rectangular tool , the Circular tool , or the Polygonal tool . 4 Drag in the image to define the hotspot. (If you are using the Polygonal tool, click to define each point of the polygon. ) 5 In the Map Area Inspector, specify a file for the link destination of the selected hotspot. ADOBE GOLIVE CS2 347 User Guide 6 Use the Target text box to specify the target frame in the destination frame set (if any). 7 Type additional information in the Title text box. Some browsers use this information to display tooltips or voice annotations. You can also click an image and use the context menu to create a clickable image map. To customize the appearance of hotspots in image maps 1 Select the hotspot in the image. 2 Use the following tools available in the toolbar: · To move or resize the hotspot by dragging, use the Select Map Area tool . · To display the destination URL in the hotspot. The URL appears in the GoLive Layout Editor for your convenience; it does not appear on the web page. · To edit or turn border and color display on and off, respectively, while editing, click the Frame or Color buttons. · To change the color used for highlighting, click the Color button. · To change the stacking order of multiple overlapping hotspots, use the Bring Region To Front button and the Send Region To Back button in the toolbar. Note: The Bring To Front and Send To Back buttons are also available in the Transform palette. To add actions to image maps 1 Select a hotspot in an image map. 2 In the Actions palette, choose a mouse or key event, and click the New button 3 Choose the desired action from the Action menu. . See also "About actions" on page 608 To associate a rollover with an image map 1 Select a hotspot in the image map. 2 In the Rollovers palette, create and edit rollover states. See also "About rollovers" on page 342 Low source images About low source images A low source image is a low-resolution version of an image that displays until the full-resolution image downloads. Low source images are particularly useful for web audiences with low bandwidth and images with very large file sizes. ADOBE GOLIVE CS2 348 User Guide You can either specify an existing low source image or have GoLive generate one for you. To specify or generate a low source image 1 In the Image Inspector, click the More tab. 2 Select Low, and then do one of the following: · Specify an existing low source image in the text box. · Click Generate to create a low source image in the same folder as the original image. To regenerate the low source image if the original changes, also select Auto-update. To change default settings for low source images 1 Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS). 2 In the list on the left, select Images. 3 Select a default color mode: Color or Black And White. 4 To instruct GoLive to automatically create a low-resolution copy of each image you add to pages, select Auto- Generate By Default. Building a web page using tracing images Tracing images You can design web pages by using tracing images as visual guides. As a design develops, you can cut out parts of a tracing image and convert them into Smart Objects on the final web page. You can import the following formats as tracing images: Illustrator AI, Photoshop PSD, JPG, JP2, GIF, PNG, BMP, TARGA, EPS, PCX, PDF, PICT, PIXAR, SVG, TIFF, and Amiga IFF. See also "Advantages of Smart Objects" on page 358 To add a tracing image to a page 1 Select Window > Tracing Image. 2 In the Tracing Image palette, select Source and specify a file for the tracing image. 3 If the source is a PDF file, rotate the document if desired, and then select a page. 4 Set the opacity of the tracing image in the Tracing Image palette. 5 Do one of the following to position the image in the Layout Editor: · Type pixel values in the Position text boxes. · Click the Move Image tool in the Tracing Image palette, and drag the image in the Layout Editor. When you're finished, click the Move Image tool again to disable the tool. Note: You can quickly resize the window to fit the tracing image by selecting Tracing Image from the Change Window Size pop-up menu in the bottom right corner of the document window. ADOBE GOLIVE CS2 349 User Guide To align, reset, or remove a tracing image Select the image, and then do one of the following: · To align with an object in the document window, choose Align With Selection from the Tracing palette menu. You can align tracing images with objects such as table cells and GoLive layers. · To return a tracing image to the default position, choose Reset Position from the Tracing palette menu. The image returns to the upper left corner of the page. · To remove a tracing image, deselect the Source check box in the Tracing Image palette. To cut out a portion of a tracing image 1 Select the tracing image. 2 In the Tracing Image palette, click the Crop tool . [. . . ] See layers, actions, rollovers internal preview. See live rendering 31 internal stylesheets creating 320 INDEX 703 exporting to external stylesheets 320 importing 320 referencing external stylesheets 338 International Color Consortium (ICC) 654 Internet access, setting up 148, 439 preferences 439 search engines 157, 263 Intersection action 634 Invert Selection command 45 IPTC (IIM, legacy) 54 IPTC Core 54 IPTC information 54 IPTC metadata, editing 55 IsIndex element 165 italic text 299 J Japanese (Shift JIS) encoding 316 Java applets about 356 alternative text or HTML for 357 editing parameters for 357 setting up 356 JavaScript See also JavaScript Editor adding to head sections 165 flattening the Script Library 606 libraries, external 605 shifting code to an external library 605 support for 602 JavaScript Editor about 602 adding JavaScripts 603 building blocks 602 editing JavaScripts 604 navigating to a function 604 previewing JavaScripts 604 using text macros 600 JavaScript icon 603 JPEG file format, optimization settings 369 K key generator elements in forms 418 Key Press action 616 key sets 579 keyboard shortcuts cascading stylesheets 685 customizing 675 DHTML timeline 682 document window 676 images 685 layout grids and layers 681 links 684 for navigation in forms 415 Outline Editor 689 page templates 679 QuickTime editing 687 site Navigation and Links views 678 site window 677 Smart Objects 685 source code editing 688 tables 680 type 683 web settings 690 workspace 676 KeyCompare action 635 keyframes in layer animations 260 keywords 163 keywords, applying to files, in Bridge 58 KillFrame action 616 L Label commands, in Bridge 48 labels, adding to forms 415 language assigning in Bridge 42 languages, spelling rules 307, 308 Last Modified (form) action 621 Last Modified (ID) action 620 Layer Inspector 257 adding color or images to a layer 255 showing and hiding layers 259 Layer tool 30, 253 layered effects. See layers layering items in SMIL presentations 494 layers about 253 actions 611 adding text and images 254 adding to a page 254 animating 260 changing stacking order 257 converting from Photoshop files 377 converting to table-based layout grids 258 hiding 258 locking 258 managing 257 moving or resizing 255, 256 naming 258 overlapping 257 in page layout designs 243, 253 positioning with Layer Grid Settings command 256 preserving in Adobe Acrobat 405 recording animation path 261 selecting 255 Show Hide using mouse event trigger 259 showing 258 timeline-triggered actions 610 user-triggered actions 609 using DHTML Timeline Editor 260 using Show Hide actions 253, 259 viewing hierarchy 258 z-index attribute 257 Layers palette 253, 258 Layout Editor displaying source code pane 26 setting default browser profile 649 using for page layout 243 Layout Grid Inspector 248, 249 Layout Grid module 252 Layout Grid To Table command 252 layout grids See also tables about 247 adding text, images, and objects 249 INDEX 704 adding to a page 248 aligning and distributing objects 251 aligning with document windows 249 converting CSS-based to table based 248 converting from layers 258 converting from tables 276 converting to tables 252 CSS-based 247 distributing objects 251 grouping objects 250 hiding grid lines 249 for page layout designs 243 resizing 248 spacing between lines 249 table-based 247 Layout Preview 26, 264 layout rulers, showing and hiding 27 Layout tab of Inspector 192 Layout Text Box Inspector 249 layout text boxes adding text, images, or objects 249 resizing in browsers 249 spacing images and text 302 Level Inspector 196 level objects in diagrams 196 library files, updating site files dependent on 210 Library palette about 420 preview pane 420 Lightbox command 40 Line Break Inspector 297 line breaks about 297 Line Inspector 271 lines horizontal 271 link actions 614 Link Inspector 185, 186, 194, 324 Link Types command 186 linked files color management considerations 658, 659 in Version Cue 92 linking See also links to anchors in pages 171 images and objects to source files 167 navigational 167 resource 167 text, images, and objects to pages 167 using recently linked files 170 using the Browse button 170 using the pick whip 169 links See also linking adding and editing in diagrams 185 applying site URLs or e-mail addresses 435 default colors for normal, active, or visited 180 deflecting link lines in diagrams 194 displaying in diagrams 192 editing sitewide 232, 233 empty reference 168 fixing for missing files 235 in PDF documents 397 removing 168 titles for 168 updating in submitted diagrams 199 viewing incoming and outgoing 232 visited, active, hover, and focus viewing options 159 Links palette replacing placed files with alternates 94 replacing placed files with previous versions 94 using with Version Cue project files 93 viewing alternates and versions in 93 Links tab 28 links view about 216 changing orientation of 218 peripheral pane 219 showing and hiding 220 liquid layouts 243, 245, 461 list properties for stylesheets 336 lists 297 live rendering about 31 setting options 32 Lock command 451 lock protection, in Version Cue 130, 133 locked files, unlocking 156 locking files on WebDAV servers 451 locking text. See page templates logins creating in Version Cue Administration utility 136 entering in Version Cue Administration utility 124 in GoLive 115 login information 148 privilege levels, in Version Cue 137 logs, in Version Cue 126, 139 looping items in SMIL presentations 490, 491 M macros. [. . . ]