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. [. . . ] · Drag the Image icon from the Basic set in the objects toolbox into the document window, or double-click the icon in the palette. In the Image Inspector, specify an image file in the Source text box. ADOBE GOLIVE CS2 341 User Guide Resizing pre-optimized images You can resize pre-optimized images to change the design of a page. Before doing so, however, note the following considerations: · If you shrink a pre-optimized image, your page still references the unnecessarily large image file, resulting in inefficient use of bandwidth. · If you enlarge a pre-optimized image, it will appear pixelated. When you change the size of an image, GoLive displays a resize warning icon on top of the image to warn you that the image may have an unnecessarily large file size and is not displayed at its optimum resolution. You can restore the image to its original proportions by clicking the Set To Original Size button in the Image Inspector. If you often resize images, use Smart Objects for maximum flexibility. See also "Resizing Smart Objects" on page 363 To resize an image disproportionately 1 Select the image in the Layout Editor. 2 In the Image Inspector, click the Basic tab. 3 From the Width and Height menus, choose Pixel or Percent, and then enter new values. To resize an image and constrain proportions 1 In the Layout Editor, select the image, and position the pointer over a corner handle; the pointer becomes a double-arrow . 2 Hold down Shift, and drag. Setting basic image options To add alternative text for images Alternative text replaces images in browsers that are configured to omit images; it is also read aloud by software for the visually impaired. Even in browsers that display images, however, alternative text can be useful. For example, in an image-based menu, alternative text appears while the images download. 1 Select the image or Smart Object on your web page. 2 In the Basic tab of the Image Inspector, type text in the Alt Text text box. See also "Creating resource and navigational links" on page 167 ADOBE GOLIVE CS2 342 User Guide To create image borders You can create image borders to highlight images on a page. Borders around linked and nonlinked images appear in the default colors for links and text, respectively. 1 Select the image, and then select Border in the More tab of the Image Inspector. 2 Type in the desired border width in pixels, and press Enter (Windows) or Return (Mac OS). See also "To set default colors for text or links on the page" on page 180 Creating rollovers About rollovers Rollovers respond to a viewer's mouse movements and clicks, providing interactivity on a web page. To aid navigation, you can use rollovers to highlight hyperlinked images. To further enhance interactivity, you can combine rollovers with actions. Rollovers require separate images for each rollover state: Normal, Over, Down, Click, Up, and Out. The Normal state appears when the mouse is over another part of the page. The remaining states appear when the viewer moves or clicks the mouse over a rollover object. Note: Normally, images for all states of a rollover have identical dimensions. If a rollover has an image with different dimensions, you can either resize it in a graphic editor, or choose Image from the Width or Height menu in the Image Inspector. C A B Rollovers palette A. Palette menu button To create self rollovers With self rollovers, the most common rollover type, mouse actions over an image cause changes in that image alone. 1 In the Layout Editor, select the desired image. 2 In the Rollovers palette, select the desired rollover state, and then click the New Rollover Image button 3 In the URL text box, specify an image for the state. 4 To force browsers to fully download the image before enabling the rollover, click Preload. . ADOBE GOLIVE CS2 343 User Guide Note: Don't select Preload for a state that contains an animated GIF file. Some browsers will immediately play the animation after preloading the file. Identifying a self rollover in the Layout Editor To create remote rollovers While self rollovers change trigger images, remote rollovers change images located elsewhere on the page. Because these changes occur elsewhere, trigger objects for remote rollovers can include paragraphs, table cells, or any other HTML element. Only trigger images, however, can combine remote rollovers with self rollovers. 1 In the Layout Editor, select the trigger object. [. . . ] See individual Inspector names installation, software 1 interactive file browsing in forms 417 interactivity. 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. [. . . ]