tag for a layer.
340 Chapter 14: Adding images and multimedia Pre-optimized images Choosing between pre-optimized images and Smart Objects GoLive offers two primary methods for adding images. You can add pre-optimized images, which you optimize for the web in another application. Or, for maximum control and versatility, you can add Smart Objects, which you optimize in GoLive. Pre-optimized images and Smart Objects share many features, such as rollovers and image maps.
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.
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).
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.
ADOBE GOLIVE CS2 344 User Guide Importing rollovers from ImageReady To import ImageReady rollovers, use Smart Photoshop objects. If you change an original ImageReady PSD file, GoLive can automatically update related Smart Objects. For standard ImageReady rollovers, GoLive displays all states, but you can edit only remote states. For Selected State rollovers, GoLive doesn’t display states.
ADOBE GOLIVE CS2 345 User Guide To display all rollover states ❖ From the Rollovers palette menu , select Expert Mode. When Expert Mode is enabled, GoLive displays a warning icon in the Rollovers palette. See also “About hidden rollover states” on page 344 Assigning rollover images automatically Detecting rollover images The Detect Rollover Images feature automatically assigns images to rollover states.
ADOBE GOLIVE CS2 346 User Guide Using actions with rollovers Attaching actions to a rollover The Actions palette lets you attach scripted actions to a rollover—for example, an action that changes the background color of the page. You can even attach actions to a sliced Smart Object containing rollovers. If you edit the source file in Photoshop or Illustrator, GoLive automatically reoptimizes target files and retains attached actions.
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.
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.
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.
ADOBE GOLIVE CS2 350 User Guide GoLive offers the generic Plug-in object that you configure, as well as the predefined SWF object , the , the Real object , the SVG object , and the Windows Media object . You can also QuickTime object associate other file types with plug-ins. To add multimedia objects to pages 1 From the Basic set of the Object palette, drag the desired plug-in object to the document window. 2 In the Basic tab of the Plug-in Inspector, specify a file for your plug-in.
ADOBE GOLIVE CS2 351 User Guide 7 Enter a value in the VSpace text box to set the vertical space between the multimedia element and the surrounding text (padding above and below). 8 Select Is Hidden to hide the plug-in on the page. You might want to hide the plug-in if you want to play an audio clip as soon as the page is loaded (without any controls being displayed on the page).
ADOBE GOLIVE CS2 352 User Guide SWF Detect plug-in options When you select an SWF object, the Detect tab of the Plug-in Inspector offers the following options: Type Specifies how the SWF object relates to the containing web page. Select one of the following, and then set related suboptions: • Detect Page Displays the SWF file in a separate web page, or displays an alternate web page if the browser doesn’t have a compatible Flash plug-in.
ADOBE GOLIVE CS2 353 User Guide Cache Enables caching through the browser when the movie is played back. Volume Sets the audio volume. Enter a value from 0 (mute) to 100 (full volume). Autoplay Plays the movie automatically when the page opens. Scale Resizes the movie. Enter one of the following values: • Tofit Scales the movie to the size of the embedded player window. • Aspect Scales the movie to the size of the embedded window but maintains aspect ratio.
ADOBE GOLIVE CS2 354 User Guide QTSrc Forces browsers to use the QuickTime plug-in for the specified file, regardless of MIME type. Specify data rate in the Speed text box, and choose one of the following caching options from the Use Browser menu: • Default Uses the browser’s caching setting. • True Prevents browser caching. • False Allows browser caching. URL Substitute Replaces every instance of the specified string with the specified URL Substitute. Time Specifies start and end frames for the movie.
ADOBE GOLIVE CS2 355 User Guide Note: You must have one Real object for each control. For example, Play and Pause buttons require two separate Real objects. For more information, see “To add RealPlayer controls to presentations” on page 512. Console Groups multiple controls using an option you choose from the Console menu. For example, you can place different controls, such as a Play button and a Volume slider, in different HTML table cells.
ADOBE GOLIVE CS2 356 User Guide • Mini Reveals media files, the status bar, and play, pause, stop, mute, and volume controls. • Full Reveals all media files and controls. Play Rate options Play Rate Determines playback speed. Default value is 1; values such as .5 and 2 equal half-speed and double-speed, respectively. (WMV and ASF files also support negative values, which cause reverse playback.) Balance Determines audio balance between left and right speakers.
ADOBE GOLIVE CS2 357 User Guide To set up W3C object controls 1 Drag the Object icon from the Basic tab in the objects toolbox to the Layout Editor, or double-click the icon in the objects toolbox. 2 In the Object Inspector, do one of the following: • (Windows) Click Select to open a list of installed ActiveX objects. Select an object to insert, and click OK. • (Mac OS) Specify an object in the Base box. To view W3C object contents while resizing, Ctrl-drag a corner handle.
358 Chapter 15: Working with Smart Objects Understanding Smart Objects Advantages of Smart Objects Smart Objects eliminate the need to preoptimize images outside of GoLive. With Smart Objects, you can import source files in formats such as native Photoshop and Illustrator, and then use GoLive’s Save For Web feature to create web-optimized images. Smart Objects let you automate many common image-related tasks.
ADOBE GOLIVE CS2 359 User Guide A B C Smart Object source and target files A. Source file added to GoLive B. GoLive generates web-optimized target file source and target files C. Smart Object in Layout Editor maintains link between Storing Smart Object files When working with Smart Objects, store source and target files in two different places in the site window. Store source files in the Smart Objects folder in the Extras tab, and store target files in the Files tab.
ADOBE GOLIVE CS2 360 User Guide Adding and copying Smart Objects Adding Smart Objects To optimize images for standard web graphics, add Smart Photoshop , Smart Illustrator , Smart PDF , or Smart Generic objects. The Smart Generic object supports source files in the following formats: BMP, PCX, Pixar, Amiga IFF, TIFF, TARGA, PDF, EPS, JPEG, JPEG 2000, PNG, and PICT (Mac OS only). To optimize images for a browser’s Favorites or Bookmarks menu, use the Smart Favorite icon section elements” on page 164.) .
ADOBE GOLIVE CS2 361 User Guide See also “To optimize and save web graphics” on page 365 “Storing Smart Object files” on page 359 “To update site files that are dependent on site extras” on page 210 To copy Smart Objects When you copy a Smart Object to a different location, the copy uses the same source and target files as the original. If you want to independently resize and optimize a copy, you can later create a unique target file. 1 Copy a Smart Object to a different location.
ADOBE GOLIVE CS2 362 User Guide To edit a Smart Object source file 1 Double-click the Smart Object in the Layout Editor or the source file in the site window. 2 In the native application, edit and resave the file. Note: In Windows, an SVG file opens in the default browser. To change this behavior, use the Web Settings dialog box to map a different application to SVG files.
ADOBE GOLIVE CS2 363 User Guide To convert Smart Objects to regular image objects You can convert a Smart Object to a regular image object to unlink the source and target files. When these files are unlinked, changes to the source do not affect the target. 1 Right-click (Windows) or Control-click (Mac OS) a Smart Object. 2 Do one of the following: • If your Smart Object is a bitmap image, choose Convert To Regular Image.
ADOBE GOLIVE CS2 364 User Guide Resizing a Smart Object To resize a Smart Object ❖ In the Layout Editor, select the object, and then do one of the following: • To change width or height, drag a side handle. • To change both dimensions, drag a corner handle. (To resize proportionately, hold down Shift while dragging or click the Constrain Proportions button in the Smart Image Inspector.
ADOBE GOLIVE CS2 365 User Guide 5 To refine the size of crop boundaries, do one of the following: • In the Layout Editor, place the cursor over a corner or side handle, and drag. • In the toolbar, enter pixel dimensions in the Width and Height text boxes. 6 To place crop boundaries at opaque image edges, click one of the following buttons in the toolbar: • Crop Left Transparent Pixels . • Crop Right Transparent Pixels . • Crop Top Transparent Pixels .
ADOBE GOLIVE CS2 366 User Guide 4 Fine-tune the optimization settings until you are satisfied with the balance of image quality and file size. If your artwork contains multiple slices, be sure to optimize all the slices. To reset optimization settings to the last saved version, press Alt (Windows) or Option (Mac OS), and click Reset. 5 Click Save. 6 Enter a file name, select a location, and then click Save. Note: When you optimize a PSD file with slices or rollovers, GoLive saves the containing .
ADOBE GOLIVE CS2 367 User Guide To resize web graphics You can use the Image Size palette in the Save For Web dialog box to change the pixel dimensions of web graphics. 1 Click the Image Size tab in the Save For Web dialog box. 2 Enter new pixel dimensions or specify a percentage by which to resize the image. 3 Set any of the following options, and click Apply: Constrain Proportions Maintains the current proportions of pixel width to pixel height.
ADOBE GOLIVE CS2 368 User Guide See also “To optimize and save web graphics” on page 365 “Comparing web graphics formats” on page 369 Working with slices during optimization Using slices If your Photoshop PSD or Illustrator SVG file contains slices, you can specify unique optimization settings for each slice. You can also share optimization settings between slices by linking slices together.
ADOBE GOLIVE CS2 369 User Guide Web graphics formats and options Comparing web graphics formats Web graphics formats fall into two categories: bitmap and vector. The bitmap formats—GIF, JPEG, PNG, and WBMP—describe artwork as a series of colored dots called pixels. Each pixel in a bitmap image has a fixed size and is therefore resolution-dependent, meaning that dimensions of the image depend on the resolution of the monitor on which it is viewed.
ADOBE GOLIVE CS2 370 User Guide SWF The Macromedia® Flash™ (SWF) file format is a vector-based graphics file format for the creation of scalable, compact graphics for the web. Since the file format is vector-based, the artwork maintains its image quality at any resolution and is ideal for the creation of animation frames. (See “Setting optimization options for SVG and SWF files” on page 382.) SVG SVG is a vector format that describes images as shapes, paths, text, and filter effects.
ADOBE GOLIVE CS2 371 User Guide • Restrictive (Web) Uses the standard 216-color color table common to the Windows and Mac OS 8-bit (256-color) palettes. This option ensures that no browser dither is applied to colors when the image is displayed using 8-bit color. Using the web palette can create larger files and is recommended only for audiences using older 256-color monitors.
ADOBE GOLIVE CS2 372 User Guide To customize the color table for GIF and PNG-8 images You use the Color Table palette in the Save For Web dialog box to customize the colors in optimized GIF and PNG 8 images. With a maximum of 256 colors, you can add and delete colors in the color table, shift selected colors to web-safe colors, and lock selected colors to prevent them from being dropped from the palette. • To add new colors to the color table, select the Eyedropper tool, and click a color in the image.
ADOBE GOLIVE CS2 373 User Guide Optimization options for JPEG format A B Optimization settings for JPEG A. File format menu B. Compression Quality menu Quality Determines the level of compression. The higher the Quality setting, the more detail the compression algorithm preserves. However, using a high Quality setting results in a larger file size than using a low Quality setting. View the optimized image at several quality settings to determine the best balance of quality and file size.
ADOBE GOLIVE CS2 374 User Guide Optimization options for PNG-24 format Transparency and Matte Determines how transparent pixels in the image are optimized: • To save an image with multilevel transparency, select Transparency. • To fill fully transparent pixels with a color and blend partially transparent pixels with the same color, deselect Transparency and select a matte color. • To select a matte color, click the Matte color swatch and select a color in the color picker.
ADOBE GOLIVE CS2 375 User Guide Output settings for web graphics Output settings for web graphics Output settings control how slices and files are named and formatted when you save an optimized image. To view (to the right of the Settings menu) in the output settings, select Edit Output Settings from the Optimize menu Save For Web dialog box. The Output Settings dialog box contains two sets of options: Slices and Saving Files. To switch to a different set of options, use the menu below the Settings menu.
ADOBE GOLIVE CS2 376 User Guide Saving Files output settings You set the following options in the Saving Files set of the Output Settings dialog box: File Naming Choose elements from the pop-up menus or enter text into the boxes to be combined into the default names for all files. Elements include document name, slice name, rollover state, trigger slice, file creation date, slice number, punctuation, and file extension. Some options are relevant only if the file contains slices or rollover states.
377 Chapter 16: Adding content from Adobe applications Adding Adobe Photoshop images Adding sliced Photoshop images To add a sliced Photoshop image to a page, use the Smart Photoshop object . After you specify the source Photoshop file and optimize each slice in the Save For Web dialog box, GoLive automatically creates a table to contain the sliced image. GoLive adds the optimized target file for each slice to an image_name.data folder.
ADOBE GOLIVE CS2 378 User Guide A B C Import > Photoshop Layers command A. A layered PSD file brought into GoLive using the Import > Photoshop Layers command. B. Save For Web generates separate target files from each layer of the PSD file. C. Target files appear in the Layout Editor in separate layers. See also “About GoLive layers” on page 253 “Advantages of Smart Objects” on page 358 To import a layered Photoshop image 1 Choose File > Import > Photoshop Layers.
ADOBE GOLIVE CS2 379 User Guide A B C Creating different versions of an image using variables A. Source file B. Variables palette in Photoshop C. Different optimized versions in separate target files, each with different variable settings The power of variables is that you can create more than one target file, each with different images and text created by assigning different variable settings.
ADOBE GOLIVE CS2 380 User Guide Converting text to an image You can convert HTML text into an image using the Convert Text To Banner command. This command replaces the HTML text with a Smart Object and requires a Photoshop PSD file with variables. A C B Converting text to an image A. HTML text selected in Layout Editor B. Source file with text variable C.
ADOBE GOLIVE CS2 381 User Guide See also “About Smart Object source and target files” on page 358 Choosing a format for Illustrator target files From an Illustrator AI source file, you can create target files in either the bitmap GIF, JPEG, PNG, or WBMP formats; or the vector SVG, SVGZ, or SWF formats. From an Illustrator SVG source file, you can create target files only in the bitmap formats. When you specify an AI source file, you must choose between the bitmap and vector optimized formats.
ADOBE GOLIVE CS2 382 User Guide It’s useful to click the External tab in the site window so you can view any redirected external links. Setting optimization options for SVG and SWF files When you optimize a Smart Illustrator object in SVG or SWF format, GoLive opens Illustrator so you can access several advanced optimization options. In an SVG file, for example, you can store subsets of fonts and preserve Illustrator-specific data.
ADOBE GOLIVE CS2 383 User Guide Images Location Determines whether images are embedded or linked. If your AI file contains a rasterized image, select Embed Images, not Link For Images. Embedding images increases file size but ensures that rasterized images will always be available for viewing by the user. Preserve Illustrator Editing Capabilities Preserves Illustrator-specific data in the SVG file.
ADOBE GOLIVE CS2 384 User Guide Optimization options for SWF format The Macromedia Flash (SWF) Format Options dialog box opens when you add a Smart Illustrator object to the Layout Editor and save it in SWF format. Since SWF is a vector-based format, the artwork maintains its image quality at different resolutions and is ideal for the creation of animation frames. Although the SWF format uses vector data, it also uses bitmap data when appropriate.
ADOBE GOLIVE CS2 385 User Guide Animate Blends Specifies whether or not to animate blended objects. Selecting this option produces the same results as manually releasing blended objects to layers before you export. If you select Animate Blends, select a method for exporting the blend: • In Sequence Exports each object in the blend to a separate frame in the animation. • In Build Builds up a cumulative sequence of objects in the animation frames.
ADOBE GOLIVE CS2 386 User Guide A B InDesign packages imported into a site A. Package of one InDesign document B. Package of InDesign book with multiple documents See also “To update site files that are dependent on site extras” on page 210 To import a package into a site When you import a package, GoLive adds it to the InDesignPackages folder in the Extras tab of the site window. From that location, you can automatically update package assets throughout a site (Choose Site > Update > Refresh All).
ADOBE GOLIVE CS2 387 User Guide See also “Importing InDesign packages” on page 385 Using the InDesign package window To add a package asset to a web page ❖ Drag the asset from the package window to the document window. If you can’t drag an asset from the InDesign Layout tab, ensure that its layer is visible in the Layers palette.
ADOBE GOLIVE CS2 388 User Guide Used On Web Page Indicates assets that are already used in the site. Page Shows an asset’s location in the package. To see precisely where an asset appears on a page, right-click it, and select Reveal In InDesign Layout. To view assets as alphabetized thumbnails 1 In the package window, click the Assets tab. 2 In the lower left of the window, click the View Thumbnail button .
ADOBE GOLIVE CS2 389 User Guide Adding graphics and images from InDesign packages Adding graphics from InDesign packages When you add graphic objects created in InDesign, such as polygons and rectangles, GoLive automatically converts them into Smart PDF objects. You can fine-tune optimization settings for these objects in the Smart PDF Image Inspector.
ADOBE GOLIVE CS2 390 User Guide Adding text and tables from InDesign packages Adding text and tables from InDesign From InDesign packages, you can add text frames and tables as HTML text, Smart Components, or Smart PDF objects. You can quickly edit HTML text on web pages, but it ignores formatting and automatic updates from InDesign. To apply those features, use Smart Components or Smart PDF objects.
ADOBE GOLIVE CS2 391 User Guide See also “Adding text and tables from InDesign” on page 390 “To crop text in a component” on page 428 To edit the default stylesheet for a package ❖ From the package window menu , choose Package CSS > Edit, and then edit styles in the CSS Editor. (To revert to the original default stylesheet, choose Package CSS > Reset from the package window menu.
ADOBE GOLIVE CS2 392 User Guide Changing layout scaling to adjust the relative proportions of text and image layers See also “About GoLive layers” on page 253 “Page templates” on page 420 To export a package to HTML 1 In the package window, click the HTML Preview tab. 2 Specify which assets to export: • To exclude a text or image asset, right-click it, and select Export As HTML > Exclude From HTML Export. • To include a graphic asset, right-click it, and select Export As HTML > Include For HTML Export.
ADOBE GOLIVE CS2 393 User Guide 6 (Optional) To edit and preview CSS for text assets, click Edit CSS in the Inspector. 7 Click the Export As HTML button in the toolbar, and specify the page range. (If you select All Pages or Page Selection, enter a file name prefix in the Name field.) 8 To apply a template to the exported file, select Use Template, and specify a file in the Reference box. The default template adds Previous and Next links to exported pages.
394 Chapter 17: Working with PDF documents Displaying and navigating PDF documents To display a PDF document ❖ Do either of the following: • Open a web page, and click the PDF Preview tab in the document window. • Open an existing PDF file.
ADOBE GOLIVE CS2 395 User Guide A B Smoothing text, line art, and images A. Smooth options deselected B. Smooth All selected To navigate to a specific page or set of pages ❖ Do one of the following in the status bar of the document window: • Type the page number in the Page Number text box, and then press Enter or Return. • Click the First Page button , the Last Page button , the Next button , or the Previous button .
ADOBE GOLIVE CS2 396 User Guide Visually locating and selecting a page Viewing saved page setup and security settings When you view an existing PDF file, the status bar of the document window displays the file’s page setup and security settings, including editing and printing restrictions. GoLive honors these settings but doesn’t let you change them. For example, if a PDF file has a printing restriction, you can’t print the file in GoLive—even if you enter the master password to open the file.
ADOBE GOLIVE CS2 397 User Guide 3 In the PDF Preview, do either of the following: • Select an existing comment. • Click to create a new comment. 4 In the text box of the PDF Commenting Inspector, view or edit the comment. To quickly view a comment, simply place the pointer over it. To hide PDF comments ❖ In the View palette, deselect Show Annotations to hide all comments or Show Text Annotations to hide only text comments.
ADOBE GOLIVE CS2 398 User Guide To create a new PDF link region 1 Open an existing PDF file, and click the PDF Link Editing tab in the document window. 2 In the toolbar, click the Add New Link button . 3 In the document window, drag across the area you want to link. 4 In the URL text box of the PDF Link Inspector, specify the destination file or anchor.
ADOBE GOLIVE CS2 399 User Guide See also “Using anchors for links” on page 171 “Editing PDF link regions” on page 397 Exporting web pages to PDF Exporting pages to PDF You can export web pages to PDF while retaining formatting and features such as links, form elements, and QuickTime movies. You can use this powerful functionality to quickly e-mail PDF versions of web pages or create documents such as interactive PDF forms. GoLive provides two ways to export PDF files, and each has unique advantages.
ADOBE GOLIVE CS2 400 User Guide To export an open web page to PDF 1 In the document window, click the PDF Preview tab. 2 In the PDF Creation Inspector, set options as desired. The Inspector displays only common options. To set additional options, click the Edit Adobe PDF Preset icon .
ADOBE GOLIVE CS2 401 User Guide The Remove Background option produces a PDF file that prints more clearly on black-and-white printers. Refresh PDF Preview Regenerates the PDF preview to reflect new PDF Creation settings.
ADOBE GOLIVE CS2 402 User Guide Setting global options for PDF documents To change PDF preferences GoLive lets you change several conversion, display, and security preferences for PDF documents. If you regularly use certain settings to create PDF files, changing the preferences can help you work more efficiently. 1 Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS).
ADOBE GOLIVE CS2 403 User Guide See also “General options for Adobe PDF files” on page 403 To customize Adobe PDF presets In GoLive, you can create, edit, and load Adobe PDF presets. Saved preset files use the .joboptions extension. You can transfer these files to a different computer or Adobe Creative Suite application. In GoLive, however, you can’t use . CMYK presets, which appear with a warning icon You can create a new preset while exporting to PDF from the site window.
ADOBE GOLIVE CS2 404 User Guide Acrobat 4 (PDF 1.3) Acrobat 5 (PDF 1.4) Acrobat 6 (PDF 1.5) Acrobat 7 (PDF 1.6) PDF files can be opened with Acrobat 3.0 and Acro bat Reader 3.0 and later. PDF files can be opened with Acrobat 3.0 and Acro bat Reader 3.0 and later. However, fea tures specific to later ver sions may be lost or not viewable. Most PDF files can be opened with Acrobat 4.0 and Acrobat Reader 4.0 and later. However, fea tures specific to later ver sions may be lost or not viewable.
ADOBE GOLIVE CS2 405 User Guide Preset Name>].” Embed Page Thumbnails Creates a thumbnail preview for each page being exported. Adding thumbnails increases the PDF file size. Optimize For Fast Web View Reduces PDF file size, and optimizes the PDF file for faster viewing in a web browser by restructuring the file for page-at-a-time downloading (byte serving).
ADOBE GOLIVE CS2 406 User Guide Compression options for Adobe PDF files When you export to PDF or edit a PDF preset, you can set the following compression options for images. You may want to experiment with these options to find an appropriate balance between file size and image quality. Downsampling To downsample color, grayscale, or monochrome images, GoLive combines pixels in a sample area to make one larger pixel.
ADOBE GOLIVE CS2 407 User Guide Compress Text And Line Art Applies Flate compression to all text and line art in the document, without loss of detail or quality. Crop Image Data To Frames May reduce file size by exporting only image data that falls within the visible portion of the frame. Do not select this option if postprocessors might require the additional information (for repositioning or bleeding an image, for example).
ADOBE GOLIVE CS2 408 User Guide See also “To change PDF preferences” on page 402 “Exporting pages to PDF” on page 399 “PDF Creation options for open web pages” on page 400 Site Creation options for Adobe PDF files When you export to PDF from the site window, you can set the following Site Creation options: Create A Single PDF From All Files Selected Exports a single PDF file from all selected web pages. Create A Separate PDF For Each File Selected Exports a unique PDF file for each selected web page.
ADOBE GOLIVE CS2 409 User Guide Security options for Adobe PDF files When you export to PDF, you can set the following Security options: Compatibility Sets the type of encryption for opening a password-protected document. The Acrobat 4 (PDF 1.3) option uses a low encryption level (40-bit RC4), while the other options use a high encryption level (128-bit RC4). Acrobat 6 (PDF 1.5) or later lets you enable metadata for searching.
ADOBE GOLIVE CS2 410 User Guide Enable Text Access Of Screen Reader Devices For The Visually Impaired Allows users to access content using software tools for the visually impaired. This option is only available for high (128-bit RC4) encryption. Enable Plaintext Metadata Allows users to copy and extract content from the PDF. This option is only available when Compatibility is set to Acrobat 6 or later.
411 Chapter 18: Forms Creating forms About web forms A web form allows viewers to send information to a web server or e-mail address. You can design forms to let viewers sign up for a newsletter, make purchases, and complete a questionnaire. You can use text fields, buttons, lists, and images in your form. You can also add actions and events to your form. The appearance of your form may vary between computer platforms and web browsers.
ADOBE GOLIVE CS2 412 User Guide To set up the form element The form element tells the browser where and how to return form information for processing. If you are using a table to organize the form elements, be sure to put the table inside the form element’s box. 1 Drag the Form icon from the Forms set in the objects toolbox to the document window.
ADOBE GOLIVE CS2 413 User Guide To create a Submit or Reset button 1 Drag the Submit Button icon or the Reset Button icon from the Forms set in the objects toolbox to within your form. 2 To change the label that appears on the face of the button, select Label in the button’s Inspector and type a label. To create a custom button 1 Drag the Button icon from the Forms set in the objects toolbox to your form. 2 Enter a unique button name in the Form Button Inspector.
ADOBE GOLIVE CS2 414 User Guide To create a single-line text field or a password field in a form Text and password fields let viewers enter a single line of text, or a required password. Text area fields let viewers enter multiple lines of text. When a viewer clicks the Submit button, the form passes the text to the web server script. 1 Drag the Text Field icon or the Password icon from the Forms set in the objects toolbox to your form.
ADOBE GOLIVE CS2 415 User Guide • To edit the field’s labels and value, select an item in the Label/Value list box, and enter a new label and appropriate value. • To add, duplicate, or delete an item, select the item in the list, and click the appropriate button at the bottom of the Inspector. • To move an item in the list, select the item and click either the Up button or the Down button .
ADOBE GOLIVE CS2 416 User Guide In an HTML form, each element must receive focus from the viewer to become active and perform its task. In addition to clicking a specific form element, you can use either of these methods for navigating a form using the keyboard: • Define a tabbing chain, and then type text or press Enter to trigger some form-specific action. • Provide a platform-specific access key combination, and then type text or press Enter to trigger some form specific action.
ADOBE GOLIVE CS2 417 User Guide Note: Some form element types don’t support access keys. Form elements that support these keys have the Key option in their Inspector. 1 Select the form element. 2 In the Key box of the Inspector, type any alphanumeric character. 3 Provide the user with instructions next to the element in the document window—for example, drag a Label next to the element or enter text that gives the key combination. 4 Repeat steps 1-3 for the next form element.
ADOBE GOLIVE CS2 418 User Guide “To add alternative text for images” on page 341 “To create image borders” on page 342 “Setting up inactive form elements in a form” on page 418 To set up a hidden tag, key generator, or file browser 1 Drag the Hidden, Key Generator, or File Browser icon from the Forms set in the objects toolbox to your form. 2 In the form element’s Inspector, enter a unique name in the Name box. 3 Enter a value: • For a Hidden tag, type a default value in the Value box.
ADOBE GOLIVE CS2 419 User Guide To set up an inactive form element 1 Select the form element. 2 Select Disabled in the Inspector. 3 Write a script that dynamically enables the item, and attach the script to the page or to another button.
420 Chapter 19: Site assets Understanding site assets About site assets Site assets help you maintain a consistency throughout all the pages in your site. They include templates for pages and sites, as well as custom sets of files, text, objects, colors, fonts, and URLs that you can collect and use on any page in your site. You collect and store site assets in the site window, in your site’s web-data folder, and as objects in the Library palette.
ADOBE GOLIVE CS2 421 User Guide You use color highlighting to show the difference between locked and editable regions. New pages based on a template are automatically updated whenever you make changes to the template (content in the editable regions is not affected). Note: You can use co-author templates to design a site that others can update using a simple, streamlined story editor. For more information, see “The Co-Author feature” on page 453.
ADOBE GOLIVE CS2 422 User Guide Note: By default, names of new regions are based on the first few characters in a text selection or its object type. To automatically name new regions Region 1, Region 2, Region 3, and so on, deselect Selection Defines Region Name by choosing it from the Template Regions palette menu. 4 Repeat steps 1-3 for every region you want to mark as editable.
ADOBE GOLIVE CS2 423 User Guide A B Toggle the button for borders or fills. A. Highlights background fill of locked regions. B. Highlights borders of locked regions. To create a new page using a page template You can use a variety of methods to create new pages from a page template. Depending on the method you use, GoLive may open the new page in an untitled.html document window or name the file based on the name of the template (for example, New from Template1.html).
ADOBE GOLIVE CS2 424 User Guide To create nested page templates 1 Create a main template with locked and editable regions and save it in the Templates folder of the site. See “To create a page template” on page 421. 2 Double-click the template in the Extras tab of the site window and click Create. 3 In the editable regions of the page based on the main template, enter static content and define new editable regions. 4 Choose Save As > Template from the document's palette menu.
ADOBE GOLIVE CS2 425 User Guide To apply a page template to an existing page 1 Choose Special > Template > Apply Template. Then select the template and click Open. If all editable region names in the page match region names in the template, GoLive moves the page content into the regions defined in the template. The Select Editable Region dialog box appears if there is content on the page that is unmarked or marked with nonmatching region names.
ADOBE GOLIVE CS2 426 User Guide To detach a page from a page template ❖ Right-click (Windows) or Control-click (Mac OS) in the page and choose Template > Detach from Template from the context menu. Stationery Stationery Stationery files can be used as templates for creating new pages. Unlike page templates, stationery has no dynamic link with the pages created from it. Changes you make to a stationery file do not affect pages already created from that file.
ADOBE GOLIVE CS2 427 User Guide Components Components You use GoLive components in your pages to reference one or more elements stored in a single HTML source file. Components are useful for buttons, logos, headers, mastheads, or other common navigation elements that you want to use throughout your site. When you add a component to a page, the component remains linked to its source file until you detach it. You can double-click components on the page to open their source files and edit the files.
ADOBE GOLIVE CS2 428 User Guide Adding a component to a page To crop text in a component You can crop text in components you’ve added to web pages, removing characters, words, or paragraphs. If you use one component on multiple pages, you can crop each instance uniquely, creating text content specific to each page design. 1 In the Layout Editor, select a component. 2 In the Component Inspector, click the Crop Text button .
ADOBE GOLIVE CS2 429 User Guide Snippets Snippets You can copy portions of source code, text, images, and other objects from pages in GoLive or documents in other applications and add them as snippets, or single objects, to pages. Snippets are similar to components except that snippets do not remain linked to their source files when you add them to a page. Collecting and organizing snippets You collect snippets in the Snippets tab of the Library palette.
ADOBE GOLIVE CS2 430 User Guide Using snippets on your pages You can add snippets directly from the Snippets tab of the Library palette to the Layout Editor in the same way that you add other objects from the objects toolbox. You can use the In & Out Links palette to display snippets containing placeholders for other files (such as image files). The In & Out Links palette shows the resource links to the files. If the source file is moved, GoLive displays a dialog box so you can update the link.
ADOBE GOLIVE CS2 431 User Guide To add site colors 1 Do one of the following: • Select colored text in the document window and drag it to the Colors tab in the site window. If you select text with multiple colors assigned to it, each color is added to the list of site colors. • Select a site color in the Colors tab of another site window and drag it to the Colors tab in the site window.
ADOBE GOLIVE CS2 432 User Guide Font sets Collecting font sets for a site You can collect and name font sets for specific sites, and share them with others working on the same site project on different computers. A font set applied to text provides the web browser with a choice of fonts to use for displaying the text. Site font sets remain linked to the pages on which they’re used, so you can change a font set and update any page that uses it.
ADOBE GOLIVE CS2 433 User Guide To use a site font set 1 Select the text on the page. 2 Drag the font set from the Font Sets tab to the selected text. Note: When you apply site font sets, GoLive inserts the face attribute inside the font element. Because the font element can cause problems with web browsers, you may want to apply fonts using CSS styles instead of site fonts. To change a site font set and update pages that use it 1 Select the font set in the Font Sets tab in the site window.
ADOBE GOLIVE CS2 434 User Guide Note: By default, GoLive treats URLs containing the “@” symbol as e-mail addresses and adds “mailto:” to the URL text box in the Inspector. To avoid this behavior, deselect the Auto Add “Mailto:” To Addresses option in the URL Handling section of the Site Settings or Preferences dialog box.
ADOBE GOLIVE CS2 435 User Guide To rename or edit a site URL or e-mail address 1 Select the site URL or e-mail address in the External tab. 2 Do any of the following: • Type a new name in the External tab in the site window or the Name box in the External Inspector. • Type a new value for the URL or e-mail address in the URL box of the External Inspector. • Click Edit in the External Inspector, enter a new URL or e-mail address, and click OK.
ADOBE GOLIVE CS2 436 User Guide Files in collections are bound to their originals in the Files or Extras tab. If you delete a file in a collection, GoLive asks if you want to delete the collection file, or the collection file and the original. To create a static collection by dragging files 1 Open a site. 2 In the Collections tab, do one of the following: • Choose Site > New > Collection. • Click the Create New Collection button in the Site toolbar.
ADOBE GOLIVE CS2 437 User Guide To move or delete collection files ❖ Select the collection file and do one of the following: • To move the file, drag or copy it to another folder in the Collections tab. • To delete the file, click the Delete Selected Item button on the toolbar, then click Remove Linked Item to remove only the collection file, or click Remove Both to remove both the collection file and its original. To create a dynamic collection 1 Open a site.
ADOBE GOLIVE CS2 438 User Guide To create a custom site sample 1 Create a blank site or copy an existing site, including the project folder, the site file, the site’s web-content, web data, and web-settings folders, and the folder contents. 2 Place the site in one of the subfolders in the Adobe GoLive CS2/Settings/DocumentStore/Sites folder. 3 Open the site. 4 Choose Site > Settings, or click the Site Settings button on the toolbar.
439 Chapter 20: Publishing websites Preparing to publish a site Publishing a site For the public to view your website, you must first upload, or publish it to an FTP or HTTP (if you’re using WebDAV) server that hosts your site files. You can publish your site directly from Adobe GoLive using either of two built-in publish server clients: the Publish Server tab in the site window or the file browser. Before you publish your site, make sure that it is clean and free of errors.
ADOBE GOLIVE CS2 440 User Guide Note: If you need to connect in passive mode, be sure to select Use Passive Mode in the Advanced FTP Options dialog box when you set up an FTP publish server. For more information about setting up a publish server, see “To set up access to a publish server” on page 440. • To specify how long GoLive will try to connect to a publish server before cancelling the connection, enter values in the FTP Timeout and HTTP Timeout boxes.
ADOBE GOLIVE CS2 441 User Guide 4 Choose a protocol from the Protocol menu: File Publishes files to folders on your local file system or on your network. FTP Transfers files via FTP to a publish server. HTTP Transfers WebDAV files to a WebDAV server. 5 If you chose File from the Protocol menu, browse or type the path to the directory to which you want to transfer files, and then click OK.
ADOBE GOLIVE CS2 442 User Guide To have GoLive display status messages while you’re connecting to a publish server, select Status Messages in the Log preferences. To connect to a publish server Use the Publish Server tab to transfer entire sites or to synchronize local files with published files. 1 Open a site. 2 Click the Connect To Publish Server button on the toolbar, or choose Site > Publish Server > Connect. The site window automatically opens the Publish Server tab once you connect to a server.
ADOBE GOLIVE CS2 443 User Guide When transferring files, you might receive an FTP reply code that indicates the state of the server you’re connecting to. Search the Internet to learn more about FTP reply codes. See also “Synchronizing files without transferring data” on page 446 To upload site files to a publish server You can upload selected files, upload all files, or use the modified-item method for both first-time uploads and subse quent updates. 1 Open the site and connect to the server.
ADOBE GOLIVE CS2 444 User Guide • To exclude a synchronization action, deselect it in the Perform Actions section of the Synchronize dialog box. For example, deselect Trash to prevent GoLive from deleting any files during the synchronization. • To view detailed information on a file, select the file in the Synchronize dialog box. The two text areas at the bottom of the dialog box display local and server information on the file. 4 Confirm the synchronization actions assigned to individual files.
ADOBE GOLIVE CS2 445 User Guide To set upload options Uploads are carried out according to options that you can change as necessary. 1 Do one of the following: • To select options for the active site only, click the Site Settings button on the toolbar or choose Site > Settings, then click Upload/Export and then select Site Specific Settings. • To select options for all sites, choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS), expand Site and click Upload/Export.
ADOBE GOLIVE CS2 446 User Guide Note: If you remove GoLive tags and attributes from files by selecting Strip GoLive Data From Media Files or Strip HTML Code For Adobe GoLive Elements when you set upload options, upload the files to a server, and then download them to your local site, GoLive overwrites your local files with the versions that don’t contain GoLive tags and attributes. This may cause unexpected results. Use care when replacing local files with files from the server.
ADOBE GOLIVE CS2 447 User Guide The page is downloaded to a location you specify, and its media are placed in a folder alongside the page. This folder structure might not reflect the relative locations of the files on the original website. Media files or media referenced by scripting languages like JavaScript are not downloaded. (For example, rollover images are not downloaded.
ADOBE GOLIVE CS2 448 User Guide Exporting sites Exporting a site Exporting a site is adapting its folder structure and other details to a particular publish server—the one you plan to upload it to. Exporting is distinct from uploading; you export to a local drive as a separate step before uploading. Note: Few web servers require that GoLive sites be exported. Consult your server administrator for information before beginning the export process.
ADOBE GOLIVE CS2 449 User Guide See also “Flattening the script library” on page 606 “Assigning publish states to files and folders” on page 240 To export a site to a local drive 1 Open the site. 2 Choose File > Export > Site. 3 If the Export Site Options dialog box appears, review the options and make changes as needed. The changes you make apply to the current export only. 4 Click Export.
ADOBE GOLIVE CS2 450 User Guide To set up a distributed website 1 Create a separate site document for each server. 2 Keep index.html as the file name for home page of the site that is the entry point of your distributed site. 3 Rename the home page file name for all the other subsites. Renaming avoids duplicate file names in your distributed site. 4 Add pages and links for all the subsites, linking between subsites as you would if you were linking to another local site.
ADOBE GOLIVE CS2 451 User Guide To use WebDAV, you must have connection to a server with WebDAV capability, which can be any of the following: • Adobe Version Cue Workspace (a feature of the Adobe Creative Suite) • Mac OS X and Mac OS X Server (with mod_dav installed) • Microsoft IIS 5 (included with Windows 2000) and Microsoft IIS 6 • Microsoft Exchange Server • Apache (with mod_dav module installed) • Novell NetWare 6.
ADOBE GOLIVE CS2 452 User Guide The context menu also lets you refresh the current view, select all files, and create a new folder, as well as set locks and synchronize a site. You can copy and move files using the standard desktop commands for your computer platform. To obtain information about files 1 Select the file in the Publish Server tab of the site window. 2 If the Publish Server Inspector is not showing, choose Window > Inspector.
453 Chapter 21: Building and updating CoAuthor sections Understanding co-authoring The Co-Author feature Sometimes, the person best suited to update content in certain sections of a website isn’t a web designer, but another employee, who may or may not be web savvy. For example, imagine the News section of a corporate site, which contains articles relevant to the company and needs weekly updating.
ADOBE GOLIVE CS2 454 User Guide 1. Consider how to integrate the dynamic content (web designer). Decide which content needs regular updating, and then design the site structure and page layouts appropriate for the content. Use the GoLive Diagram feature to help you conceive your site (see “About diagrams” on page 181 for more information). 2. Define Co-Author sections (web designer).
ADOBE GOLIVE CS2 455 User Guide You then link a section to one or more templates, which specify the layout of the items on the page. Each item is placed into an editable region of the template. A single item can be used in multiple templates. When you create a section, a section folder appears in the site window. This folder contains a section.aglsec file, which is used to manage the items and link to the preview page. The folder also contains separate pages, stories, and templates folders.
ADOBE GOLIVE CS2 456 User Guide Use the GoLive CS2 SDK Programmer’s Guide to configure Co-Author to import data from additional external data sources. (To access the SDK, open the GoLive CS2/Adobe GoLive SDK folder on your hard disk.) 1 Do one of the following: • If you plan to use a CSV file as a data source, make sure that the first row of the file contains the items you wish to use as item names.
ADOBE GOLIVE CS2 457 User Guide To create a page or list template 1 Open a new page, and then choose Window > Site > Co-Author. The Co-Author palette opens. 2 Choose File > Save As and save the template file to the section’s Templates folder. Saving the file to the Templates folder lets you assign editable regions to it. 3 In the Layout window, select the contents of the first editable region you want to create. 4 In the Co-Author palette, select the corresponding item from the Apply Region menu.
ADOBE GOLIVE CS2 458 User Guide Creating the initial co-author stories The web designer may want to create the initial stories (and resulting web pages) to provide examples for the co author, and to preview and test the site. To create co-author stories, see “To create or edit a co-author story” on page 459. Generating and previewing co-author web pages Typically, the co-author adds and edits stories, and then generates the updated web pages.
ADOBE GOLIVE CS2 459 User Guide See also “Co-Author sections” on page 454 “To create or edit a co-author story” on page 459 “To generate or publish co-author web pages” on page 460 Updating co-author web pages Use Adobe Co-Author to update pages and create new ones. The update process is as follows: 1 Open or download the site. 2 Edit or create stories (content) for the web pages. 3 Generate and publish new pages.
ADOBE GOLIVE CS2 460 User Guide Editing a story in Adobe Co-Author To preview a co-author web page 1 In the Stories column of Adobe Co-Author, select the story for the page you want to preview. 2 Click the Preview tab. Note: Links are disabled in the Preview tab. To generate or publish co-author web pages As the co-author, after you have created and edited the stories, you can generate the web pages and publish them.
461 Chapter 22: Authoring mobile content Authoring for mobile devices Designing for mobile devices On mobile telephones and personal digital assistants, viewers can access a variety of mobile web content. Many users pay additional fees for web browsing on their mobile telephones and handheld computers, so developing a successful mobile website requires working within special constraints. You need to optimize text, images and navigation for small screens, and file size for minimal download times.
ADOBE GOLIVE CS2 462 User Guide See also “About CSS layout objects” on page 245 “Setting view options for page layout” on page 159 “To create an @media, @font-face, or @page rule” on page 329 “To reference an external stylesheet from web pages” on page 323 Formats for mobile content In GoLive, you can create content for mobile devices by using the following formats: Multimedia Messaging Services (MMS) A multimedia standard in SMIL format, which is XML-based. 2.5G and 3G devices support MMS.
ADOBE GOLIVE CS2 463 User Guide MMS messages consist of slides, and each slide can contain one text, image, audio, and video file. You edit this content in the document window and MMS Inspector. In addition to message content, you can attach files that the mobile viewer must open separately. A B Workspace for MMS messages A. Edit duration in Timeline area C B. Edit contents in Slide area C.
ADOBE GOLIVE CS2 464 User Guide 7 To set the message’s file size, choose one of the following from the Max Size menu: • “None” to set no maximum size. • A preset kilobyte value. • “Automatic” to optimize the size for the current preview device. • “Custom” to enter a kilobyte value that isn’t listed in the menu. Note: If the source files exceed the size you’ve specified, GoLive displays a warning icon Click the icon to downsample images; GoLive can’t reduce the size of other file types.
ADOBE GOLIVE CS2 465 User Guide To optimize messages for multiple devices When you create or edit an MMS message, you can optimize it for a single phone chosen from the Recipient’s Device menu. To optimize messages for multiple devices, however, you must use the MMS Optimizer dialog box. 1 Do either of the following: • To optimize an open MMS message, choose Multiple Devices from the Recipient’s Device menu in the toolbar, and then skip to step 5.
ADOBE GOLIVE CS2 466 User Guide Creating SVG Tiny files About SVG Tiny format GoLive creates SVG Tiny files, which are optimized for mobile devices. SVG Tiny normally doesn’t support scripting, but many mobile browsers have added JavaScript support for interactivity. To quickly add commonly supported JavaScript, you can use SVG actions that GoLive provides. You can also add custom JavaScript to integrate with server-side code, such as JSP or PHP.
ADOBE GOLIVE CS2 467 User Guide A B C Editing SVG in the document window A. Play button and timeline for animations B. Selected object in preview, layer view, and code C. Show/Hide Split Source Button SVG actions When you select an SVG object in the document window, you can use the Action Inspector to apply the following actions to mouse events: Scale Shape Sets scaling and offset position in pixels, and duration in milliseconds. Set Attribute Sets values for XML attributes.
ADOBE GOLIVE CS2 468 User Guide XHTML Basic and Mobile To create a new XHTML Basic or Mobile page When you create a new XHTML Basic or Mobile page, GoLive automatically uses Mobile View in the Layout Editor and disables unsupported options in the Type menu. However, you must manually configure the objects toolbox so that it provides only compatible items. ❖ Choose File > New, and then select Mobile > Pages > XHTML Basic Page or XHTML-MP Page. A B XHTML workspace A. Mobile View in the Layout Editor B.
ADOBE GOLIVE CS2 469 User Guide See also “Designing for mobile devices” on page 461 “To convert the doctype of a document from HTML to XHTML” on page 162 “To configure the objects toolbox for XHTML Basic or Mobile” on page 469 “To preview a page in a phone emulator” on page 483 To copy HTML pages to XHTML Mobile 1 Open a page, or select pages in the site window.
ADOBE GOLIVE CS2 470 User Guide i-mode HTML About i-mode HTML i-mode HTML (also called cHTML) is most widely used in Japan for the popular i-mode mobile phone service. In GoLive, you can easily develop i-mode sites for both Roman alphabets and double-byte (Asian) languages. To efficiently develop an i-mode site, set up an i-mode template page that uses a DoCoMo layout profile, which simulates the page and type size of a phone browser.
ADOBE GOLIVE CS2 471 User Guide Note: Scrolling marquees are available only for i-mode HTML 2.0-5.0 pages. Also, when you change the doctype, GoLive automatically disables unsupported text formatting options in menus.
ADOBE GOLIVE CS2 472 User Guide Note: To view emoji characters on a computer, the emoji font must be installed. To set default emoji encoding and appearance 1 Choose Special > i-mode Emoji Settings. 2 Select a default encoding method and emoji appearance, and then click OK. Note: If the emoji characters appear as a question mark in the Layout window, make sure that the Default Method setting for emoji is set correctly.
ADOBE GOLIVE CS2 473 User Guide As you add form elements to i-mode pages, keep the following tips in mind: • Set the visible attribute of text fields to fit within the phone’s screen. Usually it’s safe to set the visible attribute to 15. • For form text fields, add the i-style attribute to specify the allowed input type, rather than relying on your users to change it on their phones.
ADOBE GOLIVE CS2 474 User Guide To change the DTD version ❖ From the document window menu , choose a version from the Doctype submenu. Publishing WML pages Publishing WML pages requires a Wireless Application Protocol (WAP) gateway. See your wireless site service provider for more information. To transfer your site to the server, you can use GoLive’s standard site publishing features.
ADOBE GOLIVE CS2 475 User Guide To add a template to a deck A WML template contains events that apply to all the cards in a deck. The template element must be the first element in a deck. ❖ Drag the Template icon from the WML Elements set in the objects toolbox into the document window. Release the mouse button when the pointer is over the colored area of the WML element. If necessary, drag the template element to the top position in the deck.
ADOBE GOLIVE CS2 476 User Guide See also “To enable the WML module” on page 473 To add an element to a deck 1 Drag an element icon from the WML Elements set in the objects toolbox into the document window. Release the mouse button when the pointer is over the colored area of the parent element. Note: If you drop an element in a location where it is not allowed by the content model, a warning appears and a red border is displayed around the element.
ADOBE GOLIVE CS2 477 User Guide To specify image attributes 1 Select an img element in the document window. 2 In the Img Inspector, set the following attributes: alt Specifies alternative text for the image. A WML browser displays alternative text when it does not support images or when the image file cannot be found. src Specifies a URL for the image file. 3 Set the following optional attributes in the Img Inspector: localsrc Specifies an image file that is local to (saved on) the wireless device.
ADOBE GOLIVE CS2 478 User Guide The following elements let you bind a task to an event: onevent Specifies a task to be executed when an intrinsic event occurs. An intrinsic event is generated when a user interacts with an element in the WML deck. For example, a user entering a card via the go element is an intrinsic event. do Specifies a task to be executed when an extrinsic event occurs. An extrinsic event is generated when a user presses a key on the device.
ADOBE GOLIVE CS2 479 User Guide To add a go element 1 Drag the Go icon from the WML Elements set in the objects toolbox into the document window. Release the mouse button when the pointer is over the colored area of a do, onevent, or anchor element. 2 In the Inspector, enter the URL of the card to display in the href text box. 3 Set the following optional attributes in the Go Inspector: method Specifies a method for submitting data to a server, either get or post.
ADOBE GOLIVE CS2 480 User Guide maxlength Specifies the maximum number of characters that a user can enter in the input area. To allow an unlimited number of characters, leave this attribute blank. tabindex Specifies the position of the element in the tabbing order (the order in which elements are activated when a user presses the Tab key). Enter 1 if you want the element to be first in the tabbing order. Some browsers may ignore this attribute.
ADOBE GOLIVE CS2 481 User Guide xml:lang Specifies the language of the element or its attributes. ivalue Specifies a default index value to be used if the variable specified in the iname attribute is not set when the element is displayed. See also “To set variables or postfield elements in a WML deck” on page 477 To add individual options to a selection list 1 Drag the Option icon from the WML Elements set in the Objects toolbox into the document window.
ADOBE GOLIVE CS2 482 User Guide 4 Set the following optional attributes in the Inspector: title Specifies a title for the element. accesskey Specifies a key that a user can press to activate the link. The availability of keys depends on the wireless device. For example, phones have 1 through 9 keys and a pound key. Some browsers may ignore this attribute. xml:lang Specifies the language of the element or its attributes. 5 If you added an anchor element, add a go, prev, or element task to it.
ADOBE GOLIVE CS2 483 User Guide To preview a page in a phone emulator 1 Do one of the following: • To preview in the default emulator, click the Preview In Browser button on the toolbar. • To preview in another emulator, choose it from the Preview In Browser menu on the toolbar. Or, choose it from the File > Preview In submenu. 2 (Optional) After the emulator is open, use the Launcher window to choose any of the listed phones to emulate.
484 Chapter 23: Authoring SMIL presentations Understanding SMIL About SMIL SMIL (Synchronized Multimedia Integration Language) is an XML-compliant markup language that lets you lay out and synchronize the playing of multiple streaming and static media items in a multimedia presentation. For example, you can create a SMIL presentation that plays streaming video, streaming audio, images, and streaming text at the times and in the sizes and positions you specify.
ADOBE GOLIVE CS2 485 User Guide You’ll perform different tasks in different interface elements: SMIL window Use the Layout tab in the SMIL window to visually arrange the content of the SMIL presentation. You can also use the Source and Outline Editor tabs as necessary. In Windows, you can use the Preview tab. Timeline Editor Use the Timeline Editor to set the timing of your media files for SMIL presentations and to group items together.
ADOBE GOLIVE CS2 486 User Guide A B C D E F G H SMIL Timeline Editor A. Item list area B. Time cursor C. Time ruler D. Item content area E. Mouse pointer position in item content area F. Expands and collapses containers and switch statements G. Playback controls H. Time scale slider Item list area Displays a list of the items in the presentation. Each item’s timeline bar is identified by its default name (such as
ADOBE GOLIVE CS2 487 User Guide Creating SMIL presentations To create a new SMIL presentation You begin creating a SMIL presentation by creating a new SMIL document. The SMIL document contains the SMIL source code that player applications use to play the presentation. Note: You must have RealPlayer installed on your computer to use GoLive to preview SMIL presentations. For infor mation on installing RealPlayer, see the Real Networks website (www.realnetworks.com).
ADOBE GOLIVE CS2 488 User Guide You can specify RealPlayer in the GoLive Browser preferences to access it more quickly. Adding, grouping, and repeating media items Media items Media items are a presentation’s basic unit of media content, and each type of item contains references to a particular kind of information. For example, a video item contains pointers to the presentation’s video content, and an audio item points to sound content.
ADOBE GOLIVE CS2 489 User Guide To add media items to a presentation 1 Drag a Media Item icon from the SMIL set of the objects toolbox into the item content area of the Timeline Editor. (To display the name of each icon, place the pointer over the icon.) A B C Adding an image item to a Parallel Container A. Parallel Container B. Item list area C. Item content area Note: By default, the Snap feature is turned on. 2 Name the item by typing a name in the Title box in the Basic tab of the Media Inspector.
ADOBE GOLIVE CS2 490 User Guide To specify presentation information You can also specify information, such as title, author, and copyright, that is displayed if a viewer chooses the Help > About This Presentation command in RealPlayer. ❖ Select an Information icon from the Header section of the Layout tab, and enter the appropriate information using the Inspector.
ADOBE GOLIVE CS2 491 User Guide 2 Name the container by typing a name in the Title box in the Basic tab of the container’s Inspector. Or, double-click the container name in the item list area in the Timeline Editor and type a name in the box. 3 Identify the container by entering a value in the ID box in the Basic tab of the container’s Inspector.
ADOBE GOLIVE CS2 492 User Guide Laying out SMIL presentations About the Layout tab The Layout tab of the SMIL window lets you visually change the sizes and physical positions of items in a presen tation. You can also use the Media Inspector, the Align palette, and the Transform palette to resize, reposition, and align items. A B C D E Use the Layout tab of the SMIL window to lay out a SMIL presentation. A. Streaming animation item (SWF) B. Static image item used as a background region E.
ADOBE GOLIVE CS2 493 User Guide To reposition or resize an item using precise values • To reposition an item by using the Transform palette, select the item and enter a pixel offset from the upper left corner of the root-layout region in the Position boxes. • To resize an item by using the Transform palette, select the item and enter pixel values in the Size boxes.
ADOBE GOLIVE CS2 494 User Guide Meet Positions the source file at the item region’s upper-left corner, and uses the source file’s height and width proportions to scale the source file. The player application scales the source file so that one of the source file’s dimensions is equal to one of the region’s dimensions, and the other dimension is within the region’s boundaries. The player application uses the item’s background color to fill the blank space.
ADOBE GOLIVE CS2 495 User Guide To set the layering order of overlapping items Note: You don’t have to set z-index values for items that don’t overlap in position or time. 1 Select the item in the Timeline Editor. 2 In the Layout tab of the Media Inspector, select the Z-Index option, and then enter a value in the box next to the option.
ADOBE GOLIVE CS2 496 User Guide Note: The Inspector values for begin and end times reflect the global presentation time; GoLive calculates the actual values before encoding them. 3 Set the container’s end time by doing one of the following: • Choose None to end the element at its position in the timeline. • Choose At Time from the menu next to the End box, and then enter a time in the End box to stop the element at a specific time.
ADOBE GOLIVE CS2 497 User Guide You can stop all items in a container by setting an End time for the container, regardless of their internal timelines or whether they have started or finished playing. For example, suppose all items in Container_A finish playing in 45 seconds. If you set an End time of 50 seconds for Container_A, the next container or item in the presentation begins playing 5 seconds after the end of the last item in Container_A.
ADOBE GOLIVE CS2 498 User Guide To use the Timeline Editor to set the timing of a container • To change both start and end times for a container (preserving the container’s duration), position the pointer on the container timeline bar so that you see a pointing finger cursor, and then drag the timeline bar to the new start time.
ADOBE GOLIVE CS2 499 User Guide To remove or freeze the last frame of an item If you set an end time that is beyond the end time of the item’s internal timeline, you can either remove the item from the presentation or freeze the last frame after it finishes playing, or at the specified clip-end time. 1 Select the item in the Layout tab of the SMIL window or Timeline Editor. 2 In the Time tab of the Media Inspector, choose Remove or Freeze.
ADOBE GOLIVE CS2 500 User Guide To specify a current presentation’s behavior By default, when a viewer clicks a presentation link, the current presentation pauses and the destination presentation begins playing in the same player application or browser window. You can, however, override this default. 1 Select the container or item.
ADOBE GOLIVE CS2 501 User Guide A B Using anchors to create hotspots in a SMIL presentation A. Anchor is linked to an alternate video item. B. Anchor is linked to a website. To add hotspots to a presentation You can add hotspots to a presentation by laying them out in the Layout tab of the SMIL window. SMIL hotspots are always associated with an item and not a container, and they cannot be added as an independent element; hotspots are always child elements of an item element.
ADOBE GOLIVE CS2 502 User Guide Changing the display or position of hotspots To display anchor URLs in the Layout tab of the SMIL window ❖ Click the Display URLs button on the toolbar. To set the layering order of overlapping hotspots 1 With the Layout tab active, select the hotspot you want to the bring to front or send to the back. 2 In the toolbar, click one of the following buttons: Bring Hotspot To Front Brings the selected anchor to the top of the layering order.
ADOBE GOLIVE CS2 503 User Guide To resize or reposition a hotspot using the Transform palette ❖ With the Layout tab active, select the hotspot, and then do one of the following in the Transform palette: • To resize the hotspot, enter pixel values in the Size boxes. • To reposition the hotspot, enter an offset from the upper left corner of the item’s region (in pixels) in the Position boxes.
ADOBE GOLIVE CS2 504 User Guide To use the Hotspot Inspector to set the timing of a hotspot 1 Select the hotspot in the Layout tab of the SMIL window or in the Timeline Editor. 2 In the Basic tab of the Area Inspector, set the item’s begin time by choosing Normal Play Time from the Begin menu, and then enter a time in the Begin box. 3 Set the container’s end time by choosing Normal Play Time from the End menu, and then enter a time in the End box.
ADOBE GOLIVE CS2 505 User Guide By Specifies whether to animate using pixels or percent. Values Specifies the values to use as attribute keyframes for the animation. Enter the values to use, separated by a semicolon (;). For example, to animate the width attribute between three sizes, enter: 10;30;90. Time tab options Begin Specifies the beginning trigger for the animation: • At Time Specifies a specific time. Enter the time in the Begin field.
ADOBE GOLIVE CS2 506 User Guide Transition Inspector options Type Specifies the transition type you want to use. Subtype Specifies the subtype of transition. The choices available depend on the type of transition chosen. Direction Specifies the direction. Direction choices vary depending on the type of transition chosen. Duration Specifies the duration for the transition. Start Progress Specifies how far to progress into the transition before displaying it.
ADOBE GOLIVE CS2 507 User Guide A B C D E Using a Switch Statement and cases to match a presentation to a viewer’s language preference A. Switch statement contains cases for testing and selecting language. B. Cases in Switch Statement language E. This German video item plays if the German language test above it is true. C. Default case D. Test for German To add a Switch Statement You can add one or more Switch Statements to a presentation. 1 Drag a Switch Statement icon area of the Timeline Editor.
ADOBE GOLIVE CS2 508 User Guide Test options in the System Attributes Inspector The System Attributes Inspector contains the following options that you can select as the tests for a case: Bitrate Tests the actual bandwidth (not modem speed) that is available to the viewer’s system. From the Bitrate menu, choose a predefined bandwidth (expressed in bits per second), or choose Custom and then enter an integer value greater than zero in the Bitrate box.
ADOBE GOLIVE CS2 509 User Guide About the default root layout region When you create a new SMIL document, GoLive automatically creates a default root-layout region. This root-layout region defines the size of the overall SMIL presentation that plays within the player application window (default size is 320 x 240 pixels). All of the items in your presentation must fit within the root-layout region—any portion of an item outside the root-layout region is clipped when played in the player application window.
ADOBE GOLIVE CS2 510 User Guide 3 In the Region ID box, change the region’s default ID, if necessary. 4 In the Layout tab, set the region’s position, size, and other layout properties. See also “To reposition or resize an item using precise values” on page 493 To assign a region to an item After adding regions, use the Media Inspector to manually assign a region to an item. 1 Select the item and display the Layout tab of the Media Inspector. 2 Choose the region from the menu next to the Region ID box.
ADOBE GOLIVE CS2 511 User Guide To create a Ram file A Ram file is a text file that contains a URL to the SMIL presentation. If you want to use a link to play a SMIL presen tation in a separate RealPlayer application window, the link must reference a Ram text file. When a viewer clicks on the link, the web browser starts RealPlayer, which then opens the Ram file to locate and play the SMIL presentation. 1 Use a text editor to create a text file.
ADOBE GOLIVE CS2 512 User Guide To embed a SMIL presentation in a web page 1 Open the web page, and then drag the RealMedia icon from the Basic set tab. in the objects toolbox to the Layout 2 In the Basic tab of the Plug-in Inspector, select File, and then enter one of the following in the URL box: • Enter the URL to a SMIL document. (For example, http://www.adobe.com/mypresentation.smil) • Enter the URL to a Ram file that has an “.rpm” extension. (For example, http://www.adobe.com/mypresen- tation.
ADOBE GOLIVE CS2 513 User Guide Play Button Displays a Play/Pause button. Play Only Button Displays a Play button. Pause Button Displays a Pause button. Stop Button Displays a Stop button. Fast Forward Control Displays a Fast Forward button. Rewind control Displays a Rewind button. Mute Control Displays a Mute button. Mute Volume Displays a Mute button and Volume slider. Volume Slider Displays a Volume slider. Position Slider Displays an Item Position slider.
ADOBE GOLIVE CS2 514 User Guide To add content to the Media pane You can add any type of RealMedia content (.rm, .rp, .ram) to the Media pane by entering a URL to the desired media. After you add the content, use the Media Pane Inspector to set its properties. 1 In the RealPlayer Editor, click the Media pane. 2 In the Media Pane Inspector, set the options on the Media tab: URL Specifies the URL of the media file you want to appear. Enter the URL or use the pick whip to link to the RealMedia file.
ADOBE GOLIVE CS2 515 User Guide To add content to the Browser pane Use the Browser pane to display HTML pages that further explore the content of the Media pane. You can display the Media pane as part of the RealPlayer window, or as its own browser window. 1 In the RealPlayer Editor, click the Browser pane. 2 In the Browser Pane Inspector, set the options as desired: URL Specifies the URL of the HTML page you want to display.
ADOBE GOLIVE CS2 516 User Guide About the images in a RealPix presentation You must use an application such as Adobe Photoshop® to create and prepare your images before you begin using the RealPix Editor to create the presentation. You can use the following types of images in a RealPix presentation: GIF87a, GIF89a, and animated GIF (.gif) Although you can use either interlaced or noninterlaced GIFs, noninter laced GIFs are recommended because RealPix doesn’t use the interlaced GIF features. JPEG (.
ADOBE GOLIVE CS2 517 User Guide A B C D E F G H I J The RealPix Editor A. Images currently in the presentation’s image library B. Image library area C. View area D. Time cursor E. Time ruler area G. Playback controls H. Current time position I. Time scale slider J. Buttons for adding and deleting effects. F. Timeline Image library area Displays a list of the images that are available for you to use in the presentation. Each image is identified by its handle ID in parenthesis and its file name.
ADOBE GOLIVE CS2 518 User Guide To set up a RealPix presentation 1 Click the Main Settings button . 2 In the Main Settings Inspector, set the appropriate global options for the RealPix presentation, such as the size of the overall RealPix presentation display window. The default presentation size is 240 x 240 pixels.
ADOBE GOLIVE CS2 519 User Guide to manually set a lower maximum fps rate to distribute the load on the viewer’s CPU among multiple RealPix presen tations that play simultaneously in a SMIL presentation. (You can override this global setting and use a different maximum fps setting on individual effects.) Title, Author, and Copyright Specifies the title, author, and copyright information for your RealPix presentation.
ADOBE GOLIVE CS2 520 User Guide Using effects in a RealPix presentation Adding effects to a RealPix presentation After adding images to a presentation’s image library, you can add transition effects to the presentation and associate an image with each effect. When you create a new RealPix document, GoLive automatically adds a default fill effect at the beginning of the presentation. The default Fill effect displays a black rectangle in the presentation display window before any other images appear.
ADOBE GOLIVE CS2 521 User Guide 5 Select the effect in the timeline area. 6 Do one of the following in the Transition Inspector: • To associate and display an image with the effect, choose the image from the Image menu. • To set the color of a Fill or Fade-out effect, click the color field, and then select a color in the Color palette. • To set the direction of a Wipe effect, choose a direction from the Wipe Direction menu.
ADOBE GOLIVE CS2 522 User Guide To change the start time of an effect ❖ Do one of the following: • In the timeline area, drag the effect. • Click the Preview button , the Destination View button , or the Source View button . Then, in the timeline area, select the effect that you want to change and specify the start time in the Transition Inspector. To change the duration of an effect • In the timeline area, drag the effect’s right edge.
ADOBE GOLIVE CS2 523 User Guide A B Cropping an image with the Source Rectangle A. Use the Source Rectangle in the Source view to crop an image. B. The cropped image is resized according to the dimensions of the Desti nation Rectangle in the Destination view. To crop an image using precise coordinates 1 In the Preview, Destination view, or Source view, position the time cursor on the right edge of the image that you want to crop.
ADOBE GOLIVE CS2 524 User Guide A B Resizing and repositioning an image with the Destination Rectangle A. Use the Destination Rectangle in the Destination view to resize and reposition an image and repositioning them in the Destination view. B. You can display two images together by resizing To resize and reposition an image using precise coordinates 1 In the Preview, Destination, or Source view, position the time cursor on the right edge of the image that you want to resize or reposition.
525 Chapter 24: Editing QuickTime movies QuickTime in GoLive About editing QuickTime movies In GoLive, the main tools you use to edit movies include the movie viewer window, the Timeline Editor, the QuickTime set of the objects toolbox, and the Inspector. The movie viewer contains a Preview tab for previewing a movie, and a Layout tab for editing the spatial attributes of a movie visually (for example, size and position).
ADOBE GOLIVE CS2 526 User Guide Creating and opening QuickTime movies To create a new movie 1 Choose File > New. 2 Select Web > Multimedia > QuickTime Movie, select Show Options, and then do one of the following: • Choose a movie size from the Sizes menu. • Enter pixel values in the Width and Height boxes. 3 (Optional) Select a new background color. The color you select becomes the default for the color track, which you can change at any time. 4 Click OK.
ADOBE GOLIVE CS2 527 User Guide To reposition a track or group of tracks ❖ Drag the tracks in the Layout tab, or enter precise values in the horizontal or vertical Position boxes in the Transform palette. To align tracks • To align tracks in relation to the movie window, select the track or tracks; then click a horizontal or vertical alignment button under Align To Parent in the Align palette.
ADOBE GOLIVE CS2 528 User Guide See also “To wire a movie track with actions” on page 540 To annotate a movie ❖ Click the Annotation tab in the Movie Inspector and fill in any or all of the text boxes. Editing movies in the Timeline Editor About the Timeline Editor You use the Timeline Editor to add tracks, effects, and interactivity to QuickTime movies. A B C D E F G H I J K L M The Timeline Editor A. Sample editing tools B. Track list area C. Marker menu D. Time ruler E. Time cursor F.
ADOBE GOLIVE CS2 529 User Guide Track information Displays information about the tracks. Show or hide track information by clicking the Show/Hide Track Info button . The columns display the following information: • V Shows whether a track is visible or a sound or MIDI track is audible. Click the Eye icon to show or hide visible tracks, or to turn muting or Mute on and off for audible tracks. In general, hidden tracks can affect the bound aries of a movie. • L Shows whether a track is locked.
ADOBE GOLIVE CS2 530 User Guide In addition to defining attributes, a sample takes effect at a specific time and for a specific duration. For example, in one text track, you can add three text samples, each of which contains three different phrases that appear in the movie at three different times for different periods of time. You can also add samples in a filter track to use different effects at different times.
ADOBE GOLIVE CS2 531 User Guide Delete Sample tool Deletes a sample (or sprite keyframe). After selecting the Delete Sample tool, click the sample you want to delete. Swap Sample tool Swaps two adjacent samples. For example, you can change the order of images in a picture track by swapping its picture samples. After you select the Swap Sample tool, drag the sample you want to swap toward the adjacent sample. Move Sample tool Moves multiple samples at a time.
ADOBE GOLIVE CS2 532 User Guide Streaming track Adds streaming video and audio to a movie. Folder track Organizes other tracks into groups. Default layout tracks When you first create a new movie, GoLive automatically adds a default layout track to the movie. Though it isn’t visible in the Timeline Editor, this layout track specifies the size and background color for the movie. (If GoLive didn’t add a layout track, the movie would have a size of zero width and height.
ADOBE GOLIVE CS2 533 User Guide To remove the default layout track After you add tracks that contain visible content to the movie (such as video tracks), you can delete the default layout track. The movie then resizes to the resulting boundary of the tracks you added. ❖ Choose Movie > Remove Layout Track. Note: To change the size or background color of a flattened movie created outside of GoLive, you first need to add a layout track to the movie.
ADOBE GOLIVE CS2 534 User Guide To align the timing of tracks and samples ❖ Select multiple tracks or samples and click one of the following buttons in either the Multiple Track Inspector or Multiple Sample Inspector: Align To Tracks’/Samples’ Most Left Start Time Aligns the selected tracks or samples to the start time of the leftmost item. If you don’t select the Adjust Track/Sample Duration option before clicking this button, GoLive aligns the items without changing their durations.
ADOBE GOLIVE CS2 535 User Guide Displays a menu that lists the Normalize Track and Set Track Dimension commands. If you changed the dimensions of the selected track, you can use Normalize Track to reset the track to its original size and position. Or, you can use Set Track Dimension to change the track’s original size and position to the current dimensions and position. Normalize Track/ Set Track Dimension Constrain Proportion Resizes the video track proportionally.
ADOBE GOLIVE CS2 536 User Guide Animating tracks Animating tracks with keyframes You can animate tracks by using keyframes in the Timeline Editor. For tracks with visual content, you can animate position, scale, skew, rotation, spin, and blending mode. For tracks with sound and MIDI content, you can animate volume and speaker balance. GoLive animates tracks by interpolating transition frames between keyframes.
ADOBE GOLIVE CS2 537 User Guide To navigate through keyframes ❖ To quickly evaluate each keyframe for a property, locate the Keyframe Navigator click the Forward or Backward button. for the property, and To move a keyframe You can move existing keyframes to vary the speed of animation changes. ❖ Drag the keyframe to a new timeline position. Note: When you drag a track time bar to a new timeline position, GoLive moves all keyframes on the track and maintains their temporal relationships.
ADOBE GOLIVE CS2 538 User Guide Drag an audio keyframe up or down in the Timeline Editor to set the volume and balance. Property settings For tracks with visual content, you can specify the following property settings: Position Specifies pixel coordinates on the x and y axes. Scale Specifies percentage on the x and y axes. Skew Specifies angle on the x and y axes. Rotation Specifies the rotation in degrees. Spin Defines the number of rotations between keyframes and an initial rotation.
ADOBE GOLIVE CS2 539 User Guide You add a movie track to your movie by dragging a Movie Track icon from the QuickTime set of the objects toolbox to the track list area of the Timeline Editor. After you add the movie track, specify the URL for the embedded file in the URL tab of the Movie Track Inspector. You can then set additional options in the Movie Track Inspector.
ADOBE GOLIVE CS2 540 User Guide More options for movie tracks In the More tab of the Movie Track Inspector, you can select the following options: Slave Time Restricts the embedded file from playing until the root movie time reaches the file’s start time. The timeline of the root movie controls the embedded file—it plays like any other nonmovie track.
ADOBE GOLIVE CS2 541 User Guide About video tracks A video track consists of a number of sequential pixel images that play back at a certain speed (called the frame rate and expressed in frames per second) to give the viewer the visual impression of motion. You add a video track to your movie by dragging a Video Track icon from the QuickTime set of the objects toolbox to the track list area of the Timeline Editor.
ADOBE GOLIVE CS2 542 User Guide See also “To add or remove tracks” on page 532 Setting picture properties and importing picture track images After you add the picture track, you set picture properties, and then import your picture images. Each image you import becomes a picture sample. When you first add the picture track, GoLive automatically creates the first picture sample as a default image that contains a simple white color and has a duration equivalent to the movie’s duration.
ADOBE GOLIVE CS2 543 User Guide To replace multiple images in a picture track 1 Select the picture track in the Timeline Editor, and then display the Slideshow tab of the Picture Track Inspector. 2 In the Slideshow tab, change options, if necessary, before importing the images. For example, to change the durations of the new images only, set the Slideshow Time Interval. 3 In the Timeline Editor, position the time cursor at the start time of the first image you want to replace.
ADOBE GOLIVE CS2 544 User Guide Like a video track, a sprite track consists of a sequence of frames that play back at a certain frame rate. Unlike a video track, which is a continuous stream of pixel images, a sprite track relies on a pool of images that are stored with its first keyframe. The advantage of a sprite track is that subsequent frames need not contain the pixel image itself, but simply a reference to an item in the image pool.
ADOBE GOLIVE CS2 545 User Guide See also “Importing Photoshop layers as sprites” on page 548 To import images into the sprite track image pool 1 Select the sprite track in the track list, and then display the Images tab of the Sprite Track Inspector. 2 If you are importing a Photoshop file and you want to import each layer as an individual image, select Import Multiple Layers. If this option is not selected, GoLive imports all of the layers as one composite image.
ADOBE GOLIVE CS2 546 User Guide Setting sprite appearance and behaviors After you add a sprite, you’re ready to set its appearance and behavior. You set its appearance by specifying whether the sprite is visible or invisible in the movie, and how the sprite overlays or interacts with other sprites in the movie. From the image pool, you also select images that you want displayed when the movie runs, and when the viewer moves the mouse pointer over the sprite or clicks inside or outside the sprite.
ADOBE GOLIVE CS2 547 User Guide 4 With the Main behavior box selected, assign an image to the keyframe for the sprite by selecting an image from the Image menu. After you select the image, its thumbnail appears in the Main behavior box. QuickTime displays the image assigned to the Main behavior box when the movie with the sprite begins running.
ADOBE GOLIVE CS2 548 User Guide You can wire the sprite with additional events and actions. For example, you can combine any of the mouse-click events with one of the two mouse-over events to make the sprite respond not only when the viewer clicks the sprite, but also when the viewer moves the mouse pointer over it.
ADOBE GOLIVE CS2 549 User Guide To import a Photoshop file and automatically create sprites 1 Select the sprite track in the track list in the Timeline Editor. 2 Display the Sprites tab of the Sprite Track Inspector and do any of the following: • To import the background layer from the Photoshop file and create a sprite that displays the background, select Import Background Layer. • To resize the sprite track to the dimensions of the imported images, select Resize Sprite Track.
ADOBE GOLIVE CS2 550 User Guide SWF tracks SWF tracks After you create SWF files in an SWF-authoring application and set the correct frame rate, you can use GoLive to integrate SWF tracks into QuickTime movies. With an SWF track, you can use GoLive to attach wired actions to SWF buttons and jump directly to predefined SWF labels at specific points in time.
ADOBE GOLIVE CS2 551 User Guide To wire an SWF button with actions 1 Select the SWF track in the Timeline Editor, and then display the Actions tab of the SWF Track Inspector. 2 From the Button menu, choose the button you want to wire with actions. Any text you defined in the SWF for the button by using the FSCommand’s arguments appears below the Button menu.
ADOBE GOLIVE CS2 552 User Guide Note: For more information on preparing movies for streaming, see Apple’s QuickTime documentation. HTTP and RTSP streaming HTTP streaming is the standard way of viewing QuickTime movies stored on an HTTP server. The GoLive streaming track is for RTSP streaming movies only. GoLive also lets you export movies as RTSP streaming movies for use with the RTSP streaming servers.
ADOBE GOLIVE CS2 553 User Guide 3D and MPEG tracks To add a 3D track If you have QuickDraw 3D files, you can import them in a 3D track in Windows only. (Mac OS X does not support 3D tracks.) 1 Drag a 3D Track icon from the QuickTime set Editor. of the objects toolbox to the track list area of the Timeline 2 (Optional) Set basic properties.
ADOBE GOLIVE CS2 554 User Guide Instrument tracks Use an instrument track to play a note when a movie track has loaded, or to play sounds when a particular event occurs. For example, you can have a sound play when the viewer clicks in a movie. GoLive obtains the instrument track sounds from a MIDI sound library that is installed with QuickTime. The instrument track options define the synthesizer used to play the instrument, the instrument category, and the instrument played.
ADOBE GOLIVE CS2 555 User Guide 3 To organize tracks in folders, drag an existing track in the Timeline Editor, or a Track icon from the objects toolbox into the folder track. 4 Click the triangle next to the folder track to expand or collapse it and display the tracks within the folder track. 5 Select a track within the folder track to display its corresponding Inspector. 6 Add as many folders as necessary to organize all of your tracks.
ADOBE GOLIVE CS2 556 User Guide A B Using a text track in a movie A. Text links B. Scrolling text To add a text track and text to a movie 1 Drag a Text Track icon from the QuickTime set of the objects toolbox to the track list area of the Timeline Editor. 2 Select the text sample in the track content area of the Timeline Editor, and then display the Text tab of the Text Sample Inspector. (If necessary, expand the text track to display the text samples.
ADOBE GOLIVE CS2 557 User Guide 5 From the pop-up menu below the Events and Actions lists, choose an action, and then set its properties as necessary below the pop-up menu. For more information on the actions in the pop-up menu, see “Actions for setting movie properties” on page 566. 6 Click Apply. You can wire the text link with additional events and actions. 7 To create other text links in the movie, enter the text in the text box and repeat the preceding steps to assign an action to the selected text.
ADOBE GOLIVE CS2 558 User Guide HREF tracks You can use an HREF track to embed URLs on an additional text track in a QuickTime movie. A web browser jumps to a URL destination on the web—either automatically or when a viewer clicks the movie display area. You can also use an HREF track in a web page with HTML frames, where the movie plays back in one frame and a second frame displays the alternative URL destinations during movie playback.
ADOBE GOLIVE CS2 559 User Guide To add and apply generic filter tracks Before you add a generic filter track, add the video track or picture track to which you want to apply the generic filter. 1 Drag a Generic Filter Track icon from the QuickTime set of the objects toolbox to the bottom of the track list area of the Timeline Editor. 2 Select the generic filter sample in the track content area of the Timeline Editor. (If necessary, expand the text track to display the samples.
ADOBE GOLIVE CS2 560 User Guide 7 Click OK. GoLive labels the one source filter sample bar in the Timeline Editor with the name of the effect. 8 To add other one-source filters that appear at different times in the movie, use the Create Sample tool new one source filter samples.
ADOBE GOLIVE CS2 561 User Guide To add and apply three-source filter tracks Before you add a three-source filter track, add the three video tracks that you want to use as sources for the filter track. 1 Drag a Three-Source Filter Track icon from the QuickTime set of the objects toolbox to the bottom of the track list area of the Timeline Editor. Note: You must position the filter track at the bottom of the track list in the Timeline Editor to assign it to the top of the layering order (layer 1).
ADOBE GOLIVE CS2 562 User Guide Brightness and Contrast Adjusts the brightness and contrast of the track. The default value is 0. Values between 100 and 0 decrease the brightness and contrast; values between 0 and 100 increase the brightness and contrast. Color Style Lets you apply two color change effects to a single track. Both effects process the red, green, and blue components of each pixel independently.
ADOBE GOLIVE CS2 563 User Guide • Scratch Density Controls the number of scratches that are drawn on each frame and the frequency with which they appear. • Scratch Duration Specifies the maximum number of frames in which each scratch appears. • Scratch Width Specifies the maximum width, in pixels, of a scratch. General Convolution Applies a general-purpose convolution effect to a single track. The effect that results is deter mined by the values of the kernel parameters of the effect.
ADOBE GOLIVE CS2 564 User Guide QuickTime transition effects for two-source filters When you set transition effects for two-source filters, you can set the following alpha-channel-based effects in the Select Effect dialog box: Alpha Compositor Combines two images using the alpha channels of the images to control the blending. It provides for the standard alpha blending options, and can handle pre-multiplying by any color, although white and black are the most common and often run faster.
ADOBE GOLIVE CS2 565 User Guide Push Replaces one source image with another, while both tracks move at the same time. For example, track A would typically occupy the entire screen, and then track B would slide in from the left, while track A slides out to the right at the same time. The Push effect has two parameters: • Percentage Specifies the degree of visibility of either source during the blend. • Push From Controls the direction from which track B replaces track A.
ADOBE GOLIVE CS2 566 User Guide Using actions to control tracks Actions for setting movie properties Use the following actions to set movie properties: Movie Set Volume Sets the audio volume of the movie. You can set the volume level between 0 (minimum) and 255 (maximum). Movie Set Rate Sets the movie’s playback speed: 1 for normal speed, 2 for double speed, 0 to stop, -1 or -2 and less to play the movie backward.
ADOBE GOLIVE CS2 567 User Guide Actions for setting track properties Use the following actions to set track properties: Track Set Enabled Enables or disables a track, regardless of its type. You can use it, for example, to switch between two different sound tracks. Track Set Layer Sets the current track’s layer number, specifying its front-to-back order relative to the other tracks. Choose the track from the Track menu. The Layer box displays the selected track layer number.
ADOBE GOLIVE CS2 568 User Guide See also “To wire a movie track with actions” on page 540 “To wire an SWF button with actions” on page 551 “To add text links with actions” on page 556 Actions for setting text properties Use the following actions to set text properties for a targeted text track: Text Replace Replaces text with text you enter in the Text box. In the Start and End boxes, specify the zero-based range of characters to replace.
ADOBE GOLIVE CS2 569 User Guide QTVR Set Field Of View Sets the current field of view of a QuickTime VR movie. QTVR Go To Default View Sets the current default view of a QuickTime VR movie. See also “To wire a movie track with actions” on page 540 “To wire an SWF button with actions” on page 551 “To add text links with actions” on page 556 Actions for setting SWF properties Use the following actions to set SWF properties: SWF Track Set Pan Sets the current pan percentages for the target SWF track.
ADOBE GOLIVE CS2 570 User Guide Actions for setting XML properties Use the following actions to set XML properties: Set XML Specifies an XML list at a parent path. Replace XML Replaces a specified parent path with an XML-formatted string. Add XML Element Adds an XML element at a specified parent path and index. Set XML Element Sets an element value for an element path. Remove XML Element Removes a specified range of elements.
ADOBE GOLIVE CS2 571 User Guide Custom functions in QuickTime scripts QuickTime Wired Action Programming Language lets you create true custom functions, complete with custom arguments and result values.
ADOBE GOLIVE CS2 572 User Guide To create and edit QuickTime scripts You can use the QuickTime script window to create or edit scripts. When working with scripts, you can use the GoLive code completion and syntax highlighting capabilities to simplify script creation. 1 Do one of the following: • To create a new script, choose File > New, and then select Scripting > Scripts > QuickTime Script. • To open an existing script, choose File > Open.
ADOBE GOLIVE CS2 573 User Guide To add a QuickTime script as a wired action You can add a QuickTime script as an action to four types of tracks: sprite, text, movie, and Flash tracks. The event triggers for the action, such as mouse over or mouse click, and the actions vary depending on the track type. 1 In GoLive, do one of the following: • To create a new movie, choose File > New, and then select Web > Multimedia > QuickTime Movie. • To open an existing movie, choose File > Open.
ADOBE GOLIVE CS2 574 User Guide 3 From the QuickTime set in the objects toolbox, drag the Sprite Track icon to the Timeline Editor window to add it to the movie. 4 With the sprite selected, click the Sprites tab of the Sprite Track Inspector. 5 Click Import, select the desired PSD file, and then click Open. 6 Choose Movie > Radio Button Behavior or Movie > Toggle Button Behavior. 7 If you’re creating button behaviors, click the Create New Item icon to add a radio group.
ADOBE GOLIVE CS2 575 User Guide Note: In GoLive, the XML List Movie’s functionality only reads source tags and the information tags from the database of the movie. You can add other functionality to the movie, such as interactive sprites, by using QuickTime Scripting. Outline tab of XML window shows source and information data. See also “About QuickTime scripting” on page 570 To create an XML List Movie After you’ve created an XML list, you can apply it to a movie.
ADOBE GOLIVE CS2 576 User Guide Saving and exporting movies Saving movies After you finish editing a movie, you can save it in a QuickTime movie format that you can then add to a web page. The first time you save a movie, GoLive automatically flattens the movie to copy all referenced data into the movie and make it self-contained. Before GoLive flattens the movie, tracks contain only references to data, not the actual data.
ADOBE GOLIVE CS2 577 User Guide See also “Streaming tracks” on page 551 To create a QuickTime media skin With QuickTime media skins, you can completely customize the appearance of the QuickTime player window. In GoLive, you can quickly create a media skin by importing a three-layer Photoshop file. Each layer of the file defines a different part of the media skin. 1 In Photoshop, create a three-layer file with the following layer contents and structure: • Background layer with a graphic of the media skin.
578 Chapter 25: Editing source code Source code editors and preferences GoLive source code editors When you work in the Layout Editor, GoLive writes all of the source code for you. If you want to work directly with HTML or JavaScript source code, you can use several different source code editors. Changes you make in the document window are immediately reflected in all source code editors, and vice versa.
ADOBE GOLIVE CS2 579 User Guide to control how HTML tags are displayed in the Source Code Editor. For example, you can create a key set that displays the table tag in a certain color, face, and size. Syntax preferences Enable you to turn on context-sensitive code completion options in the Source Code and JavaS cript Editors. To set general Source preferences 1 Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS), and then click the Source icon.
ADOBE GOLIVE CS2 580 User Guide 5 Choose Edit > Preferences (Windows) or GoLive > preferences (Mac OS), and then select Themes under Source Preferences. 6 Choose HTML Syntax from the Syntax menu. 7 Select the key set (from step 4) in the list beneath the Syntax menu. 8 Specify color, face, and size for the key set. GoLive displays the HTML element represented by the key set with these attributes in the Source Code Editor.
ADOBE GOLIVE CS2 581 User Guide The Source Code palette The Source Code palette lets you work in the Layout Editor, Frame Editor, or Outline Editor and see the underlying source code at same time. If you use two monitors, you can view a document in the Layout Editor on one monitor, and view the underlying source code in the Source Code palette on the second monitor. Changes you make in the Layout Editor are reflected in the Source Code palette, and vice versa, after you click in the Layout Editor again.
ADOBE GOLIVE CS2 582 User Guide Adding an element with the Visual Tag Editor 1 In the Layout Editor, place the cursor where you want to insert source code. Be careful to avoid selecting existing text or elements, which would open the Visual Tag Editor in Edit mode. 2 Choose Special > Visual Tag Editor. 3 To insert an element with the Visual Tag Editor, do one of the following: • Type the element’s tag in the upper panel displaying the empty tag. • Double-click the tag in the list box.
ADOBE GOLIVE CS2 583 User Guide To add a tag around a selection using the Visual Tag Editor 1 In the Layout Editor, select a range of text, or text plus an object within a single paragraph. 2 Choose Special > Visual Tag Editor. 3 Do one of the following: • Type a single start tag (such as ) in the upper panel of the Visual Tag Editor. • Double-click a tag in the list box. 4 Click OK. GoLive inserts the start tag at the beginning of the current selection, and a corresponding end tag at the end.
ADOBE GOLIVE CS2 584 User Guide See also “Validating the syntax of source code” on page 591 “To activate or deactivate program modules” on page 35 Navigating in the Outline Editor The outline that appears when you create or view a document in the Outline Editor contains all of the essential elements of an HTML document. You can use this structure as a template and fill it with your own content. • An element is represented as a box symbol that is labeled with the element’s tag.
ADOBE GOLIVE CS2 585 User Guide Adding elements in the Outline Editor While working in the Outline Editor, you can quickly add HTML elements along with their start and end tags. You can select an element from a context menu that lists all elements defined in Web Settings, or only the elements that the document’s DTD allows within or after the currently selected element. Or, you can define a new element by typing the element’s tag directly in the Outline Editor.
ADOBE GOLIVE CS2 586 User Guide To add an element attribute with the Outline Editor You can fine-tune the appearance of your document by adding attributes for an element. Attributes control the way an element is displayed by the browser. Many elements support attributes for specifying special formatting instruc tions, such as element alignment, color, and directory paths to resource files. 1 In the Outline Editor, select the element you want to add an attribute to.
ADOBE GOLIVE CS2 587 User Guide Adding text or comments in the Outline Editor After adding an element, you can use the Outline Editor to quickly add the contents of that element, such as the text you want to display in your document. For example, you might enter heading text in an h1 element. You can also add a comment for an element, which is any text you want to save but not display in your document when it is viewed in a browser window.
ADOBE GOLIVE CS2 588 User Guide Binary or container tags in the Outline Editor You can toggle the binary tag format on and off in the Outline Editor to determine whether a new tag has a comple mentary end tag or not. Most tags are binary tags, or container tags. Binary tags enclose the content of an element in a pair of tags, called start and end or open and close tags. By default, GoLive displays both parts of a binary tag. A few tags (called unary tags), however, don’t need an end tag.
ADOBE GOLIVE CS2 589 User Guide To enter code for an unknown element 1 Select the Tag placeholder for the unknown element. 2 In the Content tab of the Element Inspector, enter the source code. You can inspect the code in the Source Code Editor or source code panel.
ADOBE GOLIVE CS2 590 User Guide To show line numbers in source code ❖ In the Source Code Editor, source code panel, CSS Editor Source view, or the JavaScript Editor, click the Line Numbers button in the Source View toolbar. You can also set options for word wrapping and line numbers in the View palette when you are working in the Source Code Editor.
ADOBE GOLIVE CS2 591 User Guide Hide Identical Lines Hides lines of code that are identical. Synchronize Scrolling Scrolls both code displays simultaneously. Validating the syntax of source code The GoLive Syntax Checker lets you make sure that one or more documents, or an entire site, contain valid and error free source code. The Syntax Checker can parse your source code to verify that your documents meet standards of well-formedness, or to verify that your documents are compliant with a particular DTD.
ADOBE GOLIVE CS2 592 User Guide 3 Select the DTDs in the Comply With list: Well-formedness Only Checks your document for compatibility with well-formedness standards, but not for compatibility with a DTD or browser set. For example, the Syntax Checker generates error messages for required closing end tags that are missing, attribute values that are required to be enclosed in brackets, or when an attribute is defined more than once.
ADOBE GOLIVE CS2 593 User Guide Selecting and highlighting source code To select items by double-clicking in the source code Open the Source Code Editor, source code panel, Source Code palette, or CSS Editor source view and do one of the following: • To select an element and its contents, double-click the angle bracket preceding the element. • To select only the contents of an element, double-click the angle bracket following the element.
ADOBE GOLIVE CS2 594 User Guide To select elements with the markup tree bar 1 Display the document in the Layout Editor, Frame Editor, source code panel, or Outline Editor. 2 Do one of the following: • To select from a list of allowable elements, hold down the mouse button (or drag slowly) on a tag on the markup tree bar and then choose an element from the pop-up menu. Or right-click a tag on the markup tree bar and choose Select Item > [tag].
ADOBE GOLIVE CS2 595 User Guide B A C D Using the Highlight tab in the View palette A. Select the elements and items in your document you want to highlight. B. Number of items highlighted C. Click these buttons to select the previous and next highlighted items. D. Number of syntax errors and warnings To highlight elements and other items 1 In the Layout Editor, Source Code Editor, or Outline Editor, choose Window > View to open the View palette.
ADOBE GOLIVE CS2 596 User Guide Note: The settings for Editable Regions in the Highlight tab apply to editable regions in page templates. The settings for Locked Regions apply to locked regions in a document based on a page template. Locating source code Locating elements with the Find Code Elements dialog box Use the Find Code Elements command to find and manipulate elements in a document or throughout an entire site.
ADOBE GOLIVE CS2 597 User Guide To search for elements 1 Choose Edit > Find > Find Code Elements. 2 In the Find section, specify Element options as follows: • From the Element menu, choose Is or Matches. • In the Element text box, type the name of the element you’re searching for or choose an element from the menu. 3 For a structured search, choose the attribute in the Attribute menu in the Find section, and choose an operator and attribute value in the menus that follow.
ADOBE GOLIVE CS2 598 User Guide See also “Collections” on page 435 Editing elements in multiple files with the Find Code Elements dialog box In addition to simply finding elements, you can manipulate elements in a variety of ways by using these commands on the pop-up menu in the middle Change section: Keep Keeps the element and sets, updates, or deletes its attribute. Rename Renames the element, but keeps the element’s contents.
ADOBE GOLIVE CS2 599 User Guide To rename, delete, or replace an existing element 1 Define the search criteria and scope of the search. (See “Locating elements with the Find Code Elements dialog box” on page 596.) 2 In the Change section of the Find Code Elements dialog box, do one of the following: • Choose Rename from the Element menu. Then type a new element name in the New Name text box. (You can create Attribute actions for a Rename Element action, if desired.
ADOBE GOLIVE CS2 600 User Guide Navigating through source code Navigating source code by function The Navigate Through Code menu in the Source Code Editor, JavaScript Editor, and CSS Source Code Editor toolbars lets you navigate through code by function. In addition, you can add custom markers to the source code and Navigate Through Code menu for navigating. If you’re using the JavaScript Editor, navigate using functions of languages such as JavaScript, VBScript, ASP, Perl, and Java.
ADOBE GOLIVE CS2 601 User Guide The Default.macro file can hold any combination of text, HTML or CSS elements and JavaScript strings. Where you can use a given macro definition depends on its type attribute. If the type is set to “all,” the macro will be available in all editors, including a simple text document window. If the macro has one of the other type attributes, it is only available in the corresponding editor. The Default.
ADOBE GOLIVE CS2 602 User Guide This places the insertion point so that you can enter the attribute value without having to move the cursor to the desired location. Selecting text for overtyping is accomplished by enclosing a placeholder word or string within selection characters. Here is an example:
ADOBE GOLIVE CS2 603 User Guide You can become familiar with the JavaScript environment in GoLive by entering JavaScript expressions into the JavaScript Debugger accessed from the Special menu. This window provides a command line you can use to commu nicate interactively with the JavaScript engine built into GoLive. For more information on using the JavaScript Debugger, see the SDK documentation. See also “Source preferences” on page 578 To set up a JavaScript You can add JavaScripts to your document.
ADOBE GOLIVE CS2 604 User Guide See also “Navigating source code by function” on page 600 “Source preferences” on page 578 To edit an existing JavaScript 1 To open the JavaScript Editor, do one of the following: • Double-click the JavaScript icon in the document window. • Select the JavaScript icon in the document window, and then click the Edit button in the Inspector.
ADOBE GOLIVE CS2 605 User Guide JavaScript sample code and result • The document.write() method on the “Your Local Time” line writes an H1-formatted text string from the document to the screen of the browser. • The new Date() method creates a new date object containing the long version of the current date from the viewer’s operating system. This object is assigned to currtime. • The last line is output to the browser’s screen using a document.
ADOBE GOLIVE CS2 606 User Guide To set the JavaScript library preference 1 Do one of the following: • To affect all new pages, set the application JavaScript library preference: Choose Edit > Preferences, and select Script Library from the list on the left. • To affect all new pages in a site window, set the JavaScript library preference in the site settings: Click the Site Settings button on the right.
ADOBE GOLIVE CS2 607 User Guide To set all sites to flatten the JavaScript library upon upload or export 1 Choose Edit > Preferences. 2 Expand Site and select Upload / Export. 3 Select Flatten Script Library and click OK.
608 Chapter 26: Using actions Actions overview About actions Adobe GoLive provides a complete set of pre-built actions—scripts triggered by events. These events may be browser-triggered, such as loading a page, or user-triggered, such as moving the pointer over an image. Actions also can be triggered by a point in time in a timeline sequence.
ADOBE GOLIVE CS2 609 User Guide Browser-triggered actions Browser-triggered actions Browser-triggered actions take place automatically as the result of browser activity or when the action is “called” (triggered) by another action. You can set up a browser-triggered action to take place as a page loads, when the page is finished loading, when the browser loads a specific line of code in the body or head section of a page, or when another action triggers the action.
ADOBE GOLIVE CS2 610 User Guide Double Click Triggers an action when the viewer double-clicks the linked item. Mouse Down Triggers an action when the viewer presses the mouse button while the pointer is over the linked item. Mouse Up Triggers an action when the viewer releases the mouse button while the pointer is over the linked item. Key Down and Key Press Trigged an action when the viewer presses any key. Key Up Triggers an action when the viewer releases any key.
ADOBE GOLIVE CS2 611 User Guide Setting up timeline-triggered actions in the DHTML Timeline Editor. See also “Using the DHTML Timeline Editor” on page 260 To set up a timeline-triggered action 1 Choose Special > DHTML Timeline > Open Editor. 2 Ctrl-click (Windows) or Command-click (Mac OS) the Actions Track of the DHTML Timeline Editor to insert an action placeholder. 3 In the Actions palette, click the New Item button . 4 Choose an action from the Action pop-up menu, and set the action’s properties.
ADOBE GOLIVE CS2 612 User Guide Type the name of the form that contains the text field, and the name of the text field to validate. Select a validation criterion from the Validation to Perform pop-up menu. If you choose the Field Has This Many Characters option, define a numerical value in the # Of Characters text box. If you choose the Field = Exact Text String option, type the text viewers must enter in the field in the Exact Text String text box.
ADOBE GOLIVE CS2 613 User Guide Image actions About Image actions The Image menu in the Actions palette contains actions that enable you to preload images, set an image to automatically change based on certain criteria, and create remote rollovers. DailyImageURL DailyImageURL lets you display a different image for each day of the week, according to the date in the viewer’s computer.
ADOBE GOLIVE CS2 614 User Guide Trigger the action with a browser-triggered event set to OnLoad, or a user-triggered event. Choose Action > Image > RandomImage. In the Base Image pop-up menu, choose the base image you want to have replaced. Reference each of the alternate image files. Important: You must reference all three images to replace the placeholder image; otherwise the image will randomly appear as an empty reference.
ADOBE GOLIVE CS2 615 User Guide ConfirmLink ConfirmLink displays a confirmation dialog box before loading the linked page. This enables the viewer to confirm whether they want to go to the link or remain on the current page. Trigger the action with a user-triggered event. In the Actions palette, choose Action > Link > ConfirmLink. Enter the confirmation message in the Message text box. You can force a line break within the message by typing \n.
ADOBE GOLIVE CS2 616 User Guide Trigger the action with a user-triggered event, browser-triggered event set to OnCall, or timeline-triggered event. Alternatively, to trigger the action when the viewer leaves the current page, use a browser-triggered action set to OnUnload. Choose Action > Link > Goto Link. In the Link text box, reference a page or URL.
ADOBE GOLIVE CS2 617 User Guide If you plan to use multiple Open Window actions in the current page, and want each link to open in a new window, rather than share a single new window, leave the Target text box blank for each action. To open all links triggered by an Open Window action in the same new window, enter the same alphanumeric name in the Target text box for each action. Enter the pixel width of the new window in the first Size text box, and the pixel height in the second Size text box.
ADOBE GOLIVE CS2 618 User Guide Trigger the action with a browser-triggered event set to OnLoad, a user-triggered event, or a timeline-triggered event. Choose Action > Link > Redirect Prompt. In the Question text box, enter a question that prompts the viewer for one of up to five answers. Optionally, in the Display Possible Answers text box, enter a message that contains the possible answers. (This message will be the default text in the text box that the viewer uses to enter an answer.
ADOBE GOLIVE CS2 619 User Guide TargetRemote The TargetRemote action opens a link in a window that is already open. The TargetRemote action is applied within a page that has been opened with the Open Window action from another page. For example, you can use Target Remote to set up a small hyperlinked menu outside the main browser window so that when a viewer clicks an item in the menu window, the target URL opens in the main browser window.
ADOBE GOLIVE CS2 620 User Guide TimeRedirect TimeRedirect lets you display a different web page, based on the time set in the viewer’s computer. When a viewer loads the page or clicks an item, the browser is redirected to one page if the current time is before the specified time and redirects to a different page if the current time is at or after the specified time. Trigger the action with a user-triggered or a browser-triggered event. Choose Action > Link > TimeRedirect.
ADOBE GOLIVE CS2 621 User Guide Choose a numerical Date Format from the menu. To display the day of the week preceding the numerical date, select Include Day Of Week. In the Lead In Text text box, enter the text you want to precede the date. If you want to customize the text formatting of the date, enter an HTML start tag with attributes in the text box and enter its closing tag in the text box.
ADOBE GOLIVE CS2 622 User Guide Use your browser to open the file makepassword.html located in the GoLive CS2/Modules/JScript/Actions/Message folder. The password you choose is case-sensitive and should not contain any spaces. Click the link on the makepassword.html page. Enter the password you want to use in the dialog box that appears and click OK. Write down the encrypted version of the password that follows “The encrypted password is” in the alert message.
ADOBE GOLIVE CS2 623 User Guide Make sure your page has a layer with content within it or visible properties before you create the action. Trigger the action with a user-triggered or timeline-triggered event. Choose Action > Multimedia > Flip Move. Choose the layer you want to move from the Layer pop-up menu. The text boxes adjacent to Position 1 represent the location (Left and Top values) the layer will be moved to when the action is first triggered.
ADOBE GOLIVE CS2 624 User Guide Make sure your page has a layer with content within it or visible properties before you create the action. Trigger the action with a user-triggered or timeline-triggered event. Choose Action > Multimedia > Move By. Choose the layer you want to move from the Layer pop-up menu. Enter values in the DeltaX and DeltaY text boxes. (DeltaX represents the distance in pixels to move the layer to the right, and DeltaY is the distance to move the layer down.
ADOBE GOLIVE CS2 625 User Guide Play Sound and Stop Sound The Play Sound and Stop Sound actions let you manage the playback of an audio plug-in on a page. You can control sounds dynamically by creating timeline-triggered Play Sound and Stop Sound actions or let the viewer control sound playback when they click buttons on the page. Note: The Play Sound action requires a cross-platform, cross-browser audio plug-in that can be controlled by JavaScript, such as the LiveAudio plug-in.
ADOBE GOLIVE CS2 626 User Guide Playback options for the SlideShow action Loop Repeats the slide show after the final image is shown. Play Backwards Displays the images from the last to the first. This option lets you create forward and backward links for the slide show. Palindrome Plays the slide show forward and then backward continuously. To use this option, you must select Loop as well. Leaving all three options unselected plays the slide show a single time.
ADOBE GOLIVE CS2 627 User Guide Clock Date (ID) The Clock Date (ID) action displays a live text-based clock that can display the local date, local time, or both. The clock uses the viewer’s system clock to determine the local date and time. The clock can replace placeholder text on the page, or display in a layer or a table cell. If the action is applied to placeholder text or the content in a table cell, either must use an ID style.
ADOBE GOLIVE CS2 628 User Guide Netscape CSS Fix The Netscape CSS Fix action is a workaround for a program error in Netscape Navigator 4.x that causes web pages to lose cascading style sheet information when the viewer resizes the browser window. Use this action on any pages that contain layers because layers are built with cascading style sheets. Trigger the action with a browser-triggered event set to OnLoad in the head section of the page. Choose Action > Others > Netscape CSS Fix.
ADOBE GOLIVE CS2 629 User Guide Trigger the action with a browser-triggered event set to OnLoad, a user-triggered event, or a timeline-triggered event. User-triggered events can be attached to form objects, a submit button, or a form event. (If your action is using viewer input from a form, first create a form and name it, and then choose the trigger.) If the action is attached to a text field, trigger the action with the Key Blur event.
ADOBE GOLIVE CS2 630 User Guide RealPlayer About RealPlayer actions The RealPlayer menu in the Actions palette lists actions you can use to control the playback of presentations in RealPlayer documents or Real Media in the RealPlayer plug-in. In addition, you can retrieve information about the RealPlayer that a viewer is using or about the clips that are playing.
ADOBE GOLIVE CS2 631 User Guide Get Clip Info Retrieves the specified value of the clip information as authored by the media provider. This method only works for clips launched from HTML in the Info Pane frame. Choose Action > RealPlayer > GetClipInfo. Choose the clip property you want to retrieve from the Property menu. Get Installed Components Returns a string containing all of the DLLs installed by RealPlayer and their associated version numbers.
ADOBE GOLIVE CS2 632 User Guide Choose Action > RealPlayer > NavigateToURL. Enter the URL to display in the Media Browser URL text field, and choose where to display the URL from the Media Browser Target menu. To display the URL after the clip starts playing, enter the number of seconds to delay the clip in the Media Browser Delay text box. Play Clip Plays a clip from a specified URL in the Media Pane frame, and can also display a URL in the Media Pane frame or a new browser window.
ADOBE GOLIVE CS2 633 User Guide Specials actions About Specials actions The Specials menu in the Actions palette contains actions that manage or interact with other actions in a page, or call upon other values in a page. Action Group The Action Group action lets you group other actions and trigger them together.
ADOBE GOLIVE CS2 634 User Guide See also “Intersection” on page 634 “KeyCompare” on page 635 “Timeout” on page 635 “Test Variable” on page 638 “Set Image URL” on page 614 Idle The Idle action inserts a script that monitors the browser window for a specified condition and triggers other actions, depending on whether the condition is true or false. You can choose among four actions to be the condition: Inter section, KeyCompare, Timeout, and Test Variable.
ADOBE GOLIVE CS2 635 User Guide KeyCompare The KeyCompare action launches an action when the viewer presses a selected key. This action is designed for use with the Idle action, which must reside in the head section of the page as a browser-triggered event. You can use the KeyCompare action, for example, to simulate Windows-style access keys for objects on your page. To set up a KeyCompare action, trigger the action with a browser-triggered action set to OnLoad. Choose Action > Specials > Idle.
ADOBE GOLIVE CS2 636 User Guide There are two major uses for assigning values to variables at runtime, which you define with the Set Variable action: • You can use variables as pseudo-constants to specify a fixed value for another action. • You can dynamically store object properties in variables at runtime and set a cookie to write them to the viewer’s hard disk. This is possible for selected properties of the browser window, such as background color.
ADOBE GOLIVE CS2 637 User Guide Init Variable After declaring a variable, you may want to initialize it with the Init Variable action. Trigger the action with a browser-triggered event set to onParse in the head section of the page. Choose Action > Variables > Init Variable. Choose the variable you want to initialize from the Variable menu. (You must declare your variable beforehand for it to appear in the pop-up menu.) The Value item changes automatically with the type of the variable.
ADOBE GOLIVE CS2 638 User Guide Test Variable Test Variable is an extension to the Idle action that allows you to read the current value of a variable at runtime and compare it with a value you specify. This comparison evaluates either as true or false, and the result can be used to trigger two alternative actions. Trigger the action with a browser-triggered event set to OnLoad in the head section of the page. In the Actions palette, choose Action > Special > Idle.
ADOBE GOLIVE CS2 639 User Guide Trigger the action with a browser-triggered event set to OnLoad in the head section of the page. Choose Action > Special > WriteCookie. Enter a name for the cookie in the Name text box. This name will be used when the Write Cookie action sets the cookie at runtime. In the Expires After text box, enter an expiration date (in hours) to determine how long the cookie will last after it has been set.
640 Chapter 27: Configuring Web Settings Web Settings About GoLive Web Settings Web Settings is an essential component of GoLive that makes sure your web documents are written with valid source code. It comes with a complete inventory of HTML elements, special character codes, file mappings, and browser display profiles. The Web Settings window contains several different tabs that you can edit to accommodate new or modified elements as standards evolve.
ADOBE GOLIVE CS2 641 User Guide 3 Delete the Main, FileMappings, MarkupGlue, and UserAgentProfiles folders that are inside the Settings folder. 4 Restart GoLive. A default set of Web Settings is created.
ADOBE GOLIVE CS2 642 User Guide See also “To edit an element attribute in the Markup Language tab” on page 644 “To edit an enumeration in the Markup Language tab” on page 645 “To edit an element in the Markup Language tab” on page 642 To add a new item to the Markup Language tab 1 In the Markup Language tab of the Web Settings window, select a markup language on the left, click in the right side of the tab, and do one of the following: • To add an element, click the New Element button in the toolbar or c
ADOBE GOLIVE CS2 643 User Guide 3 Choose one of the following from the Structure pop-up menu: Block Creates a block-level container element that can contain other elements (for example, the
tag). Inline Visible Creates an element that has visible content. This element can only exist within a container element, such as the tag.
ADOBE GOLIVE CS2 644 User Guide See also “Methods of restoring default Web Settings” on page 640 To edit an element attribute in the Markup Language tab You can use the Web Settings Attribute Inspector to set an attribute’s function, value type, and default value. You can edit attributes or define new attributes. 1 Enter the attribute’s name in the Attr Name box. 2 Enter a description in the Comment box.
ADOBE GOLIVE CS2 645 User Guide To edit an enumeration in the Markup Language tab 1 Enter the enumeration name in the Enum Name box of the Web Settings Enum Inspector. 2 Enter a description in the Comment box. All enumerations appear in the Value pop-up menu of the Web Settings Attribute Inspector and in the attribute’s Enumeration pop-up menu in the Outline Editor.
ADOBE GOLIVE CS2 646 User Guide Characters options in Web Settings Characters options The Characters tab of Web Settings includes all the special characters specified by ISO 8859-1 and the HTML 3.2 standard. HTML uses a specific notation for encoding special characters to ensure a uniform display across multiple computer platforms. GoLive uses the content of the Characters tab to map special characters added to your HTML documents to their web-specific character entity references.
ADOBE GOLIVE CS2 647 User Guide Copying a character entity in the Web Settings Entity Inspector 3 In the document Layout Editor, choose Edit > Paste in the desired insertion point. Guidelines for adding and editing special characters Use the following guidelines when adding new characters: • New characters must be W3C-specified characters that are supported by browsers. • GoLive for Mac OS doesn’t display all characters. To preview such characters, you may have to launch a browser.
ADOBE GOLIVE CS2 648 User Guide See also “Methods of restoring default Web Settings” on page 640 Browser Profiles options in Web Settings Browser Profiles options The Browser Profiles tab in Web Settings contains display profiles of popular browsers on Windows and Mac OS. You can select any listed browser and platform to serve as the default profile for viewing documents in the Layout Editor. The alternate profiles can be used for previewing pages with the View palette.
ADOBE GOLIVE CS2 649 User Guide Simulating the effects of different browsers and platforms The Root profile in the Browser Profiles tab of Web Settings determines the default profile used to display your documents in the Layout Editor. You can use the Basic Profiles and User Profiles menus in the View palette to simulate your document’s appearance in different browsers and platforms.
ADOBE GOLIVE CS2 650 User Guide • (Mac OS) To change the application that is launched when the file is double-clicked in GoLive, specify the Mac File Type and File Creator in the File Info Extension Inspector. Alternatively, click the Browse button next to the Application box, and browse to the application.
ADOBE GOLIVE CS2 651 User Guide Indent with (White Space) Sets the indentation value and the type of indentation between sets of container tags in the source code. Line break character Specifies how line breaks are written for your web server platform: • Macintosh (CR) Inserts a carriage return character only. • Unix (LF) Inserts a line feed character only. • Windows (CR/LF) Inserts a carriage return and line feed character combination.
652 Chapter 28: Color management Understanding color management Why colors sometimes don’t match No device in a publishing system is capable of reproducing the full range of colors viewable to the human eye. Each device operates within a specific color space which can produce a certain range, or gamut, of colors. A color model determines the relationship between values, and the color space defines the absolute meaning of those values as colors.
ADOBE GOLIVE CS2 653 User Guide Because no single color-translation method is ideal for all types of graphics, a color management system provide a choice of rendering intents, or translation methods, so that you can apply a method appropriate to a particular graphical element. For example, a color translation method that preserves correct relationships among colors in a wildlife photograph may alter the colors in a logo containing flat tints of color. (See “About rendering intents” on page 673.
ADOBE GOLIVE CS2 654 User Guide • Remove colorful background patterns on your monitor desktop. Busy or bright patterns surrounding a document interfere with accurate color perception. Set your desktop to display neutral grays only. • View document proofs in the real-world conditions under which your audience will see the final piece.
ADOBE GOLIVE CS2 655 User Guide Basic steps for producing consistent color 1. Consult with your production partners (if you have any) to ensure that all aspects of your color management workflow integrate seamlessly with theirs. Discuss how the color workflow will be integrated with your workgroups and service providers, how will software and hardware be configured for integration into the color management system, and at what level will color management be implemented.
ADOBE GOLIVE CS2 656 User Guide To synchronize color settings across Adobe applications When you set up color management using Adobe Bridge, color settings are automatically synchronized across appli cations. This synchronization ensures that colors look the same in all Adobe Creative Suite applications. If color settings are not synchronized, a warning message appears at the top of the Color Settings dialog box in every Creative Suite application.
ADOBE GOLIVE CS2 657 User Guide Adobe recommends that you leave the Use Standard Web Workflow option selected. 3 Select a color setting from the Settings menu, and click OK. The setting you select determines the color working space of the application, what happens when you open and import files with embedded profiles, and how the color management system converts colors. You can view the options for a color setting directly in the Color Settings dialog box.
ADOBE GOLIVE CS2 658 User Guide • (Illustrator and InDesign) Turn on Overprint Preview to get an accurate and consistent preview of spot colors. • (Illustrator and InDesign) Use Lab values (the default) to display predefined spot colors (such as colors from the TOYO, PANTONE, DIC, and HKS libraries) and convert these colors to process colors. Using Lab values provides the greatest accuracy and guarantees the consistent display of colors across Creative Suite applications.
ADOBE GOLIVE CS2 659 User Guide Illustrator and InDesign support a safe CMYK workflow by default. As a result, when you open or import a CMYK image with an embedded profile, the application ignores the profile and preserves the raw color numbers. If you want your application to adjust color numbers based on an embedded profile, change the CMYK color policy to Preserve Embedded Profiles in the Color Settings dialog box.
ADOBE GOLIVE CS2 660 User Guide Color-managing documents for online viewing Color-managing documents for online viewing Color management for online viewing is very different from color management for printed media. With printed media, you have far more control over the appearance of the final document. With online media, your document will appear on a wide range of possibly uncalibrated monitors and video display systems, significantly limiting your control over color consistency.
ADOBE GOLIVE CS2 661 User Guide Proofing colors Soft-proofing colors In a traditional publishing workflow, you print a hard proof of your document to preview how its colors will look when reproduced on a specific output device. In a color-managed workflow, you can use the precision of color profiles to soft-proof your document directly on the monitor. You can display an on-screen preview of how your document’s colors will look when reproduced on a particular output device.
ADOBE GOLIVE CS2 662 User Guide Soft proof presets Working CMYK Creates a soft proof of colors using the current CMYK working space as defined in the Color Settings dialog box. Document CMYK (InDesign) Creates a soft proof of colors using the document’s CMYK profile. Working Cyan Plate, Working Magenta Plate, Working Yellow Plate, Working Black Plate, or Working CMY Plates (Photoshop) Creates a soft proof of specific CMYK ink colors using the current CMYK working space.
ADOBE GOLIVE CS2 663 User Guide To preview how colors will appear in a web browser Different web browsers use different color spaces. For example, most Windows browsers display colors using the sRGB color space, while most Mac OS browsers display colors using the Apple RGB color space.You can preview how colors will look when viewed in different browsers using options in GoLive’s View palette. 1 In GoLive, select the Layout Editor in the document window. 2 Click the Options tab in the View palette.
ADOBE GOLIVE CS2 664 User Guide If you select a PostScript printer, you can take advantage of PostScript color management. PostScript color management makes it possible to perform color composite output or color separations at the raster image processor (RIP)—a process called in-RIP separations—so that a program need only specify parameters for separation and let the device calculate the final color values.
ADOBE GOLIVE CS2 665 User Guide In general, you have the following choices for handling colors when creating PDF files: • (PDF/X-3) Do not convert colors. Use this method when creating a document that will be printed or displayed on various or unknown devices. When you select a PDF/X-3 standard, color profiles are automatically embedded in the PDF file. • (PDF/X-1a) Convert all colors to the destination CMYK color space.
ADOBE GOLIVE CS2 666 User Guide printing” on page 663. For information on how to obtain custom profiles, see “Obtaining custom profiles for desktop printers” on page 664. Document profiles Define the specific RGB or CMYK color space of a document. By assigning, or tagging, a document with a profile, the application provides a definition of actual color appearances in the document. For example, R=127, G=12, B=107 is just a set of numbers that different devices will display differently.
ADOBE GOLIVE CS2 667 User Guide Monitor calibration involves adjusting the following video settings, which may be unfamiliar to you. Brightness and contrast The overall level and range, respectively, of display intensity. These parameters work just as they do on a television. Adobe Gamma helps you set an optimum brightness and contrast range for calibration. Gamma The brightness of the midtone values.
ADOBE GOLIVE CS2 668 User Guide To install a color profile Color profiles are often installed when a device is added to your system. The accuracy of these profiles (often called generic profiles or canned profiles) varies from manufacturer to manufacturer. You can also obtain device profiles from your service provider, download profiles from the web, or create custom profiles using professional profiling equipment. • In Windows, right-click a profile and select Install Profile.
ADOBE GOLIVE CS2 669 User Guide To assign or remove a color profile from a document in Photoshop or Illustrator 1 Choose Edit > Assign Profile. 2 Select an option, and click OK: Don’t Color Manage This Document Removes the existing profile from the document. Select this option only if you are sure that you do not want to color-manage the document.
ADOBE GOLIVE CS2 670 User Guide To convert colors in a document to another profile 1 In Photoshop or InDesign, choose Edit > Convert To Profile. 2 Under Destination Space, choose the color profile to which you want to convert the document’s colors. The document will be converted to and tagged with this new profile. 3 Under Conversion Options, specify a color management engine, a rendering intent, and black point and dither options. (See “Color Conversion options” on page 673.
ADOBE GOLIVE CS2 671 User Guide Working Space options To display working space options, choose Edit > Color Settings. To view a description of any profile, select the profile and then position the pointer over the profile name. The description appears at the bottom of the dialog box. RGB Determines the RGB color space of the application. In general, it’s best to choose Adobe RGB or sRGB, rather than the profile for a specific device (such as a monitor profile).
ADOBE GOLIVE CS2 672 User Guide If the profile is missing or does not match the working space, the application may display a warning message, depending on options you set in the Color Settings dialog box. Profile warnings are turned off by default, but you can turn them on to ensure the appropriate color management of documents on a case-by-case basis.
ADOBE GOLIVE CS2 673 User Guide default behavior. Select this option if you want to ensure the appropriate color management of pasted colors on a case-by-case basis. Missing Profiles: Ask When Opening Displays a message whenever you open an untagged document. You will be given the option to override the policy’s default behavior. Select this option if you want to ensure the appropriate color management of documents on a case-by-case basis.
ADOBE GOLIVE CS2 674 User Guide You can select a rendering intent when you set color conversion options for the color management system, soft-proof colors, and print artwork: Perceptual Aims to preserve the visual relationship between colors so it’s perceived as natural to the human eye, even though the color values themselves may change. This intent is suitable for photographic images with lots of outof-gamut colors. This is the standard rendering intent for the Japanese printing industry.
675 Chapter 29: Keyboard shortcuts Customizing keyboard shortcuts Customizing keyboard shortcuts GoLive provides a shortcut editor in which you can view a list of all shortcuts, and edit or create shortcuts. The shortcut editor includes all commands that support shortcuts, some of which aren’t addressed in the default shortcut set. If the default shortcut set is insufficient, you can create additional custom sets.
ADOBE GOLIVE CS2 676 User Guide Default keyboard shortcuts Keys for configuring the workspace This isn’t a complete list of shortcuts. This table lists only shortcuts that GoLive doesn’t display in menu commands or tool tips.
ADOBE GOLIVE CS2 677 User Guide Result Windows Mac OS Change the position of the Split Source View Alt-click the Show/Hide Split Source button Option-click the Show/Hide Split Source button Display the Select Encoding dialog box Alt-open a document Option-open a document Pan the page with the Hand tool Ctrl+Alt-drag Ctrl+Option-drag Quickly show or Cntrl-choose View Control-choose hide rulers and sup > Show/Hide Rulers View > Show/Hide press sound Rulers Display the source code for an object a
ADOBE GOLIVE CS2 678 User Guide Result Windows Mac OS Force save a site Shift+Ctrl Shift+Ctrl Access the pick whip in the Errors tab Ctrl-click a file Command-click a file Open the Edit URL dialog box Alt-click the folder icon in the URL Mappings section of site settings Option-click the folder icon in the URL Mappings sec tion of site settings Update or generate Alt+Shift-choose thumbnails Site > Update > Refresh All Option+Shiftchoose Site > Update > Refresh All Open a site without Shift-o
ADOBE GOLIVE CS2 679 User Guide Result Windows Mac OS Add children to selection Shift+Down Arrow Shift+Down Arrow Select previous sib- Ctrl+Left Arrow ling or jump to nearest item to the left of selection Option+Left Arrow Select next sibling or jump to nearest item to the right of selection Ctrl+Right Arrow Option+Right Arrow Select the closest item above selec tion Ctrl+Up Arrow Option+Up Arrow Select the closest item below selection Ctrl+Down Arrow Option+Down Arrow Toggle partial tree
ADOBE GOLIVE CS2 680 User Guide Result Windows Mac OS Undefine all editable regions Shift-choose Special > Template > Undefine Editable Region Shift-choose Spe cial > Template > Undefine Editable Region Retain all editable regions when detaching a page from a template Shift-choose Special > Template > Detach From Template Shift-choose Spe cial > Template > Detach From Tem plate See also “Customizing keyboard shortcuts” on page 675 Keys for using tables in the Layout Editor This isn’t a complet
ADOBE GOLIVE CS2 681 User Guide Result Windows Mac OS Reduce column span, splitting the current cell Shift+Left Arrow Shift+Left Arrow Span rows, joining current cell with cell below Shift+Down Arrow Shift+Down Arrow Reduce row span, splitting the cur rent cell Shift+Up Arrow Shift+Up Arrow Move text cursor to Tab next cell to the right Tab Move text cursor to Shift+Tab next cell to the left Shift+Tab Switch from text entry to cell selec tion mode Ctrl+Enter Ctrl+Return Switch from cel
ADOBE GOLIVE CS2 682 User Guide Result Windows Mac OS Move boxes based on Snap-To-Grid setting Arrow keys Arrow keys Move a layer only horizontally or ver tically Shift-drag the layer Shift-drag the layer Resize a layer Shift+Arrow keys Shift+ Arrow keys Apply Hide or Llock Ctrl-click a hide or Command-click a commands to all lock icon in the Lay- Hide or Lock icon in layers ers palette the Layers palette Duplicate selected object Ctrl-drag Option-drag See also “Customizing keyboard shortcut
ADOBE GOLIVE CS2 683 User Guide Result Windows Mac OS Duplicate a keyframe Alt-drag keyframe Option-drag key frame Create an action placeholder Ctrl-click action on action track Command-click action on action track Scale an animation Ctrl+Shift-drag while maintaining the relative time positions of all key frames on the same time track Ctrl-drag See also “Customizing keyboard shortcuts” on page 675 Keys for working with type This isn’t a complete list of shortcuts.
ADOBE GOLIVE CS2 684 User Guide Result Windows Mac OS Insert word break Ctrl+dash tag , enabling the browser to hyphen ate the work at the point of insertion Show font names rather than font families in menus Alt-access menu Option-access menu Show font families and font names in menus Alt+Shift Option+Shift Replace existing Alt-click Create fonts with new New Font button ones in the Font Set Inspector Option-click Create New Font button Add a new font to Shift the top of the list in the F
ADOBE GOLIVE CS2 685 User Guide See also “Customizing keyboard shortcuts” on page 675 Keys for using cascading stylesheets This isn’t a complete list of shortcuts. This table lists only shortcuts that GoLive doesn’t display in menu commands or tool tips.
ADOBE GOLIVE CS2 686 User Guide Result Windows Mac OS Assign a low source Alt+Shift-drag from image to an image the object to the object in the Lay low source image out Editor Command-drag from the object to the low source image Retain proportions when resizing Shift-drag Shift-drag Move an imagemap hotspot one level higher or lower Alt-click Send To Front or Send To Back button in toolbar Option-click Send To Front or Send To Back button in tool bar Move a hotspot by 10 pixels Link a hotspot
ADOBE GOLIVE CS2 687 User Guide See also “Customizing keyboard shortcuts” on page 675 Keys for editing QuickTime movies This isn’t a complete list of shortcuts. This table lists only shortcuts that GoLive doesn’t display in menu commands or tool tips.
ADOBE GOLIVE CS2 688 User Guide Keys for editing source code This isn’t a complete list of shortcuts. This table lists only shortcuts that GoLive doesn’t display in menu commands or tool tips.
ADOBE GOLIVE CS2 689 User Guide Result Windows Mac OS Perform a syntax check without opening the Syntax Check window Shift-click the Syntax Check icon in the Highlight tab of the View palette Shift-click the Syn tax Check icon in the Highlight tab of the View palette Deselect all additionally allowed element sets in the Syntax Check win dow Option-deselect an additionally allowed element set Sort functions alphabetically Alt-click the Navigate Through Code icon in the Source Code Editor Display
ADOBE GOLIVE CS2 690 User Guide Result Windows Mac OS Activate the next text box Tab Tab Activate the preceding text box Shift+Tab Shift+Tab Activate the tag selection pop-up menu Ctrl-click tag name Command-click tag name Display a pop-up Ctrl-click an elemenu listing all ele ment ments allowed by doctype Command-click an element Open the Colors window Option-click the color icon See also “Customizing keyboard shortcuts” on page 675 Keys for working with web settings This isn’t a complet
ADOBE GOLIVE CS2 691 User Guide Result Windows Mac OS Open Adobe Bridge from other Creative Suite application Control + Alt + O, Control + Shift + O Command + Option + O, Command + Shift +O Switch to the next open Bridge window Control + ~ Command + ~ Switch to previous Bridge window Shift + Control + ~ Shift + Command + ~ Switches to the next view (As Thumbnails.
ADOBE GOLIVE CS2 692 User Guide Result Windows Mac OS Move down a folder (in folder view) or a row Down Arrow Down Arrow Move up a level (in folder view) Control + Up Arrow Command + Up Arrow Move left one item Left Arrow Left Arrow Move right one item Right Arrow Right Arrow Move to the first item Home Home Move to the last item End End Add to selection (discontiguous) Control-click Command-click Refresh tree and thumbnail panes F5 F5 Add an item to the selection Shift + Right A
ADOBE GOLIVE CS2 693 User Guide Result Windows Mac OS Open selected file Enter Return Delete selected file or files Delete Command + backspace Cancel dialog Escape Escape Keys for viewing in Version Cue Result Windows Mac OS Details Control + 1 Command + 1 Icons Control + 2 Command + 2 Thumbnails Control + 3 Command + 3 Tiles Control + 4 Command + 4
694 Index A absolute length units for stylesheets 331 absolute link paths ActiveX controls layered 380 editing properties for 357 page layout with 244 setting up 357 about 213 Add Colors Used command 431 setting up in preferences 214 Add New Comment button 587 using in links 213 Add New Text button 587 Action Group action 633 Add To Favorites command 47, 155 Action Inspector 608, 610 Add Used External Links command 434 actions See also Smart Illustrator objects about 356 sliced 381 Adobe
INDEX placing existing site into 151 objects 251 projects folder 76 alternate pages for browsers 166 publishing projects with GoLive 128 alternates creating groups, in GoLive 121 toolbar in GoLive 118 groups, in Version Cue 109 viewing file versions 120 in Version Cue 106 Adobe Version Cue Administration utility about 124 making primary 108 making, in Bridge 109 selecting values for 586 automated tasks resources for 8 automated tasks, running 52 B background color, matching in Smart Objects 361
INDEX Build Cache For Subfolders command 43 list properties 336 importing data sources 455 Netscape CSS Fix action 628 items 455, 456 bulleted lists samples in New Document dialog box 318 previewing 460 source code formatting 650 samples of 453 adding to forms 412, 413 storing property collections 337 sites for 458, 459 images for 417 style attribute editing 328 Smart Objects and 457 styles, creating 325 stories 455, 459 styles, deleting 329 templates, about 456 styles, replacing with H
INDEX for PDF files 660, 664 applying to text 303 soft-proofing colors 661, 663 highlighting page template regions 421 synchronizing color settings 656 Color palette about 175 adding color to site collection 431 changing color model 176 displaying web-safe colors 176 mixing and editing colors 176 text and 303 using the Recent Color list 176 color pickers about 175 using color management 176 color profiles about 665 naming 431 of normal, active, and visited links 180 Connect To Publish Server command
INDEX Font Properties tab 332 D DailyImageURL action 613 action tracks 610 DailyRedirect action 615 Autoplaying 262 managing styles 329 date and time stamps 270 inserting keyframes 260 opening 320 Declare Variable action 636 opening 260 previewing styles in 321 Decrease Font Size command 55 playing 261 Selector And Properties set 337 Decrease Rating command 49 recording 261 Selector And Properties tab 327 Default Browser command 33 Scenes menu 262 Text Properties set 333 Default CSS co
INDEX dithering browser 371, 374 E Edit Font Sets command 301 Export Internal Style Sheet command 322 No Dither 374 Edit PDF Anchor command 172 Export Site Locator command 150 DIV element 253 Edit Properties command 82 doctype Edit Style dialog box 305 Export Tab-Delimited Text command 290 about 161 Edit Style Examples command 321 configuring objects toolbox for 163 editable regions in page templates 421 converting HTML or XHTML documents 162 editing links sitewide 232 declarations in spec
INDEX using 447 file browsing, with Bridge 37 unlocking 156 Files tab applying to text 433 creating 301 file conflicts in Adobe Version Cue 112 about 202 editing 301 refreshing 209 saving with a site 432 file conflicts, in Version Cue 112 showing files submitted from diagram 199 file creator, changing 165 File Info command 56, 173 file information 173 unlocking files in Locked column 156 File Inspector 206 Filmstrip Focus command 40 file locks, removing in Version Cue 133 filtering site view
INDEX forms in 412 naming and saving 266 functions and Call Function action 633 page layout designs 244 graphical site views 214 grid in design view 191, 192 grid lines, showing and hiding 249 samples in New Document dialog box 264 G gamut, of colors 652 Grid tab of View palette 190, 191 setting up 264 General preferences Group command 189 Frame Set Inspector 265 frames Bridge 42 generic elements, adding 587 Grid Text Box tool 30 Group Inspector 189 grouping about 263 Get Form Value action 61
INDEX about 594 clearing highlighting 595 hyperlinks, exporting in PDF files 405 highlighting elements 594 selecting previous and next 595 setting highlighting colors and appearance 595 using with template regions 421 See also color profiles ICC profiles in image files 373 icons in diagrams 191 horizontal lines in text 271 ID styles ID selectors in stylesheets 328, 338 Horizontal Spacer icon 272 about 325 hotspots applying 338 creating in SMIL presentations 500 creating 328 in sliced images 36
INDEX exporting to external stylesheets 320 K key generator elements in forms 418 layering items in SMIL presentations 494 importing 320 Key Press action 616 layers referencing external stylesheets 338 key sets 579 about 253 keyboard shortcuts actions 611 International Color Consortium (ICC) 654 cascading stylesheets 685 adding text and images 254 customizing 675 adding to a page 254 access, setting up 148, 439 DHTML timeline 682 animating 260 preferences 439 document window 676 changi
INDEX adding to a page 248 linking showing and hiding 220 aligning and distributing objects 251 See also links liquid layouts 243, 245, 461 to anchors in pages 171 list properties for stylesheets 336 aligning with document windows 249 images and objects to source files 167 lists 297 converting CSS-based to table based 248 navigational 167 converting from layers 258 resource 167 live rendering about 31 setting options 32 converting from tables 276 text, images, and objects to pages 167 co
INDEX deleting files and folders 208 templates 57 errors 234 viewing 55 navigation view about 215 finding missing files 235 Metadata Focus command 40 changing orientation of 218 graphical views of 214 Metadata panel 54 peripheral pane 219 recovering files 208 metadata, specifying types to display in Metadata panel 57 refreshing site window 209 removing unused references 209 setting preferences 201 tools for 201 tracking status 207 updating thumbnails 225 Mark In Use command 111 markers adding
INDEX O Object Inspector 187 expanding and collapsing outline 584 Object Selection tool 30 moving elements 584 objects navigating in 584 changing 157 toggling binary tag display 588 in File Inspector 206 aligning and distributing 251 Objects palette.
INDEX See also individual palette names 28 adding and editing in diagrams 185 Source 165, 579 showing and hiding 28 Pending Links palette 199 Syntax 580 Paragraph Format menu 295 resolving 230 Themes 579 paragraph styles updating in submitted diagrams 199 HTML Styles palette 305 paragraphs aligning and indenting 296 default paragraph format 295 formatting with HTML attributes 294 line breaks in 297 lists 297 nonbreaking spaces in 297 removing element tags 295 selecting 294 passive mode 441 Passw
INDEX Publish Server tab 203, 440 sprite tracks 543 publish servers streaming tracks 551 relative length units for stylesheets 331 clients 440 SWF tracks 550 relative paths in URLs 171 connecting to 440, 441 text tracks 555 remote rollovers, creating 614 setting up connection to 439 3D tracks 553 remote servers, importing files from 148 publish states of files, assigning 240 Timeline Editor 528 publishing track and sample Inspectors 534 Remove Alternate command, in GoLive 121 video track
INDEX creating secondary or remote 614 adding to head section 165 Set BackColor action 629 deleting states 344 executing as document loads 165 Set Image URL action 614 displaying all states 345 Scroll Down action 628 Set Status action 622 editing naming conventions 345 Scroll Left action 628 Set Title dialog box, hiding 157 Expert Mode 344 Scroll Right action 628 Set Variable action 638 highlighting in document window 344 Scroll Status action 628 Scroll Up action 628 SetVideoBackgroundColo
INDEX ShowHide action 625 External tab 202 preferences 375 ShowPreferences action 632 Extras tab 202 selecting 368 sidecar files 53 Files tab 199, 202 showing and hiding 368 single user sites 145 Font Sets tab 202 Slide New Window action 618 site assets 420 opening 26 slide shows site colors opening site project file 203 pausing 626 about 430 Publish Server tab 203 applying to pages 431 refreshing 209 SlideShow action 625 naming 431 restoring default configuration of 204 Slideshow
INDEX fitting media items into regions 493 freezing last frame of an item 499 checking syntax 591 dragging elements into 589 source code, editing in status icons in Files tab 234 labels 240, 241 hotspots 500, 503 JavaScript Editor 602 providing file information 240 layering overlapping items 494 Markup palette 580 publish states of files 240 laying out presentations 492 Outline Editor 583 matching viewer’s system 506 Source Code Editor 580 presentations 484, 490 source code panel 580 benefit
INDEX optimization options, advanced 383 files, in Version Cue 112 fitting Smart Objects in cells 364 Version Cue projects, in GoLive 117 form layout and 411 Syntax Checker, about 591 SVG Options dialog box 382 formatting cells 287 Syntax preferences 579 swatch library palettes formatting rows 285 syntax, general HTML rules 650 formatting with CSS 288 System Administrator privileges, in Version Cue 137 importing data as text 289 optimization options, standard 382 about 175 changing the disp
INDEX page. See page templates terms, in glossary lists 297 3GPP 462 thumbnails Test Variable action 638 in diagrams 191 text updating 225 triggers action 610 browser 609 tryouts 9 See also paragraphs, layout text boxes Tile Horizontally command 26 tutorials 7, 12 Tile Vertically command 26 type. See font sets, text adding horizontal lines 271 tiling images 336 adding to a page 293 time and date stamps 270 adding to layers 254 time tracks for layers 260 adding to tables 289 timelines.
INDEX See also linking, links adding query parameters 170 training 7 View palette changing relative paths to absolute 170 adding profiles 648 saving with a site 433 setting controls for diagrams 190 changing default profiles 649 Use Adobe Dialog command 73 viewing collections, spotlighting 224 User Activity tab, in GoLive 115 viewing sites user forums 9 about 201 user IDs customizing views 217, 227 changing Version Cue, in GoLive 115 filtering views 226 creating in Version Cue Administrati
INDEX menus 30 switching 27 Windows Media plug-in options 355 Wipe Transition action 626 Wireless Markup Language. See WML wizard.