Download Print this page

Adobe GOLIVE CS2 User Manual

Hide thumbs Also See for GOLIVE CS2:

Programmer's manual (197 pages)

page of 724

/ 724
Contents
Table of Contents
Bookmarks

Table of Contents

Advertisement

Quick Links

Download this manual

Chapter 1:

Copyright

Table of Contents

Advertisement

Chapters

Table of Contents

Need help?

Need help?

Do you have a question about the GOLIVE CS2 and is the answer not in the manual?

Questions and answers

Summary of Contents for Adobe GOLIVE CS2

Page 1 Chapter 1: Copyright...
Page 2 The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems Incorpo...
Page 3: Table Of Contents
........59 Chapter 5: Adobe Stock Photos Adobe Stock Photos .
Page 4 Creating and editing projects in Version Cue Administration ..128 Backing up and restoring from Version Cue Administration ..133 Working with users and privileges ....... . 135 Viewing logs, reports, and workspace information .
Page 5 Building a site map using graphical views ......227 Editing links and URLs sitewide ........232 Fixing site errors .
Page 6 Chapter 16: Adding content from Adobe applications Adding Adobe Photoshop images ....... . . 377 Adding Adobe Illustrator artwork .
Page 7 Adding form elements ..........412 Adding form navigation .
Page 8 viii Adding, grouping, and repeating media items ..... 488 Laying out SMIL presentations ........492 Setting the timing of items and containers .
Page 9 Selecting and highlighting source code ......593 Locating source code ..........596 Navigating through source code .
Page 10: Chapter 1: Getting Started
To learn more about activation, visit the Adobe website at www.adobe.com/activation/main.html. Start the product to access the Activation dialog box. (If you’ve just installed Adobe Creative Suite or Adobe Photoshop®, the Activation dialog box appears automatically.) Follow the on-screen instructions.
Page 11: Adobe Help Center
“To navigate Help” on page 4 To check for updates Adobe periodically provides updates to software and to topics in Adobe Help Center. You can easily obtain these updates through Adobe Help Center. An active Internet connection is required. Click the Preferences button In the Preferences dialog box, click Check For Updates.
Page 12: Using Help
The complete documentation for using your Adobe product is available in Help, a browser-based system you can access through Adobe Help Center. Help topics are updated periodically, so you can always be sure to have the most recent information available. For more information, see “To check for updates” on page 2.
Page 13 To view Help for a product, choose the product name from the Help For menu. (To view only topics that apply • across all Creative Suite products, choose Adobe Creative Suite.) • To expand or collapse a section, click the blue triangle to the left of the section name.
Page 14 “To use bookmarks” on page 6 Search tips Adobe Help search works by searching the entire Help text for topics that contain all of the words typed in the Search box. These tips can help you improve your search results in Help: If you search using a phrase, such as “shape tool, ”...
Page 15: Tips And Training
To change the view By default, Adobe Help Center opens in Full view. Full view gives you access to the Product Help, Expert Support, and More Resources sections. Switch to Compact view when you want to see only the selected Help topic and you want to keep the Help window on top of your product workspace.
Page 16 These tutorials are also available in the complete, printable, PDF version of the Help contents, included on the Resources and Extras CD. To use these tutorials with the product, select the tutorial you want from the Contents pane in Adobe Help Center, and click the View icon to switch to Compact view.
Page 17 “Other resources” on page 9 Technical information The Technical information folder on the Resources and Extras CD included with your Adobe product includes several useful documents in PDF, fully searchable and optimized for printing. These documents provide conceptual and reference material on various in-depth topics, such as scripting, transparency, and high-end printing. For complete developer documentation and resources, visit the Developers area of the Adobe website at http://partners.adobe.com/public/developer/main.html.
Page 18 Visit the Training area of the Adobe website for access to Adobe Press books; online, video, and instructor-led training resources; Adobe software certification programs; and more. Visit the Adobe user forums, where users share tips, ask questions, and find out how others are getting the most •...
Page 19: What's New
ADOBE GOLIVE CS2 User Guide See also “About Adobe Stock Photos” on page 61 “Other resources” on page 9 What’s new New features Mobile authoring Mobile workspaces Automatically configure the workspace for mobile formats when you create a new document.
Page 20 Export to HTML packages to HTML” on page 391. Shared Adobe features Use Hand, Zoom, and Eyedropper tools found in other Adobe products. Or use unique Object Selection and Tools Layer tools optimized for web page layout. See “Tools” on page 30.
Page 21: Chapter 2: Tutorials
Tutorials Tutorials The following tutorials provide a quick tour of the basic Adobe GoLive CS2 features. Before you get started, be sure you are familiar with the basic concepts of GoLive. As you work through these tutorials, you may have new ideas and questions. To assist you with learning GoLive, Adobe provides a variety of resources.
Page 22 ADOBE GOLIVE CS2 User Guide 1. Create a new blank site. Start GoLive and choose File > New. Choose Site > Create Site to open the Site Creation Wizard. Select Blank Site, and click Next. Enter a name for the site in the Name box, and then click Browse to specify a location on your hard drive to store the site files and folders.
Page 23 ADOBE GOLIVE CS2 User Guide 3. Add new child pages. With the page in the design view selected, choose Diagram > New Pages. In the New Pages dialog box, enter the number of new child pages to create and a base file name for the new pages. For example, enter 4 to create four pages, and then enter Models in the Filenames box to add pages named Models.html, Models1.html, Models2.html, and...
Page 24 ADOBE GOLIVE CS2 User Guide 5. Submit the diagram to the site. Choose Diagram > Staging > Submit All. GoLive converts the diagram’s pages to HTML pages in the site. In the Files tab of the site window, you can see the new pages in the site.
Page 25 User Guide Design and lay out a web page Adobe GoLive makes it easy to design and lay out visually compelling web pages. You can create simple or complex professional-quality web pages without writing any code. Once you’ve designed your page, you can save it as a page template. New pages created from a page template remain linked to the template—when you change the template, GoLive automatically updates the pages without affecting any...
Page 26 ADOBE GOLIVE CS2 User Guide 2. Add a background color to the page. Click the Show Page Properties icon in the upper right corner of the document window. In the Page tab of the Page Inspector, select Background Color and click the lower right corner of the color field. Choose a background color for your page from the swatches that appear, or choose a swatch library from the list and then click the corner of the color field again to choose a background color from those swatches.
Page 27 (external links). Adobe GoLive’s powerful site management features make it easy to maintain links between pages, and because GoLive collects and updates URLs in the External tab of the site window, you can quickly create links across the web.
Page 28 ADOBE GOLIVE CS2 User Guide 1. Create an internal link. Open a GoLive site, and then open the page that you want to serve as the source of the link. Select a short block of text and click the Create Link button in the toolbar.
Page 29 Open the page that you want to serve as the source of the link. Select a short block of text, and click the Create Link button in the toolbar. In the Text Inspector, drag the pick whip to the Adobe URL in the External tab of the site window.
Page 30 User Guide 7. Update the external link. Select the Adobe URL in the External tab of the site window. Type http://www.adobe.com/products/golive/main.html in the URL box of the External Inspector, and then press Enter (Windows) or Return (Mac OS). GoLive displays the Change Reference dialog box, which lists the page that serves as the source of the link, and prompts you to update the file.
Page 31 ADOBE GOLIVE CS2 User Guide Once you’ve configured a publish server in GoLive, you can use it for any site by clicking the Add To Favorites button in the Publish Server section of the Site Settings dialog box. If you change information about the publish server, GoLive updates all sites that use that server.
Page 32 ADOBE GOLIVE CS2 User Guide 5. Synchronize all files in the site. In the Files tab of the site window, select the file you uploaded in step 3, and then click the Delete Selected Item button in the toolbar. Click Yes to confirm the deletion. Click the Synchronize With Publish Server button on the toolbar.
Page 33: Chapter 3: Work Area
About the Welcome screen and work area When you first start Adobe GoLive, a Welcome screen appears with options to create or open a new document. You can deselect the option to show the screen at startup and later reselect the option in the Preferences dialog box.
Page 34 ADOBE GOLIVE CS2 User Guide New dialog box A. Categories B. File types C. File D. Document preview E. Options The New dialog box lets you choose from several categories (Site, Web, Mobile, and Scripting) and to add files of several types (including HTML pages, cascading stylesheets, images, QuickTime movies, or RealPlayer documents) to a Favorites category.
Page 35 ADOBE GOLIVE CS2 User Guide Note: Can Change Markup Type, Can Change Doctype, or Can Change Encoding enable modifications of the markup type, doctype, or character encoding. See also “About site assets” on page 420 Displaying the site and document windows The site window (with both sides open), the objects toolbox, the toolbar, and the Inspector should always be open for building, revising, and uploading a site.
Page 36: Palettes, Tools, And Menus
ADOBE GOLIVE CS2 User Guide To switch between windows or editors Do any of the following tasks: Click the desired window or editor to select it. • Choose the desired window or editor from the bottom of the Window menu.
Page 37 ADOBE GOLIVE CS2 User Guide Tabs in the site window and graphical site views behave the same way as palettes; that is, you can rearrange and organize them into new groups. GoLive palettes A. Grouped palettes B. Docked palettes C. Collapsed palettes To open and arrange palettes To show a palette and any palettes in its group, choose the palette’s name from the Window menu.
Page 38 ADOBE GOLIVE CS2 User Guide To move a palette or tab so that it appears in its own window, drag the palette or tab’s name away from the group • or site window. To rearrange palettes and tabs within a group, drag the palette or tab name to a new position. (For example, drag •...
Page 39 ADOBE GOLIVE CS2 User Guide To use palette and window menus Palette and window menus display options specific to the palette or window. Click the triangle in the upper right corner of the palette or window, and choose an option from the menu that appears.
Page 40: Previewing And Zooming Documents
To display toolbars • To show or hide the Main, Document, Version Control, or Adobe Services toolbar, choose Window > Toolbars > [Toolbar]. (A check mark next to the toolbar in the Window menu indicates that it is showing.) To move the Main toolbar, drag the lower left corner. Once you’ve moved the toolbar from its default position •...
Page 41 ADOBE GOLIVE CS2 User Guide To preview your page in Layout Preview Make sure that Preview Mode is activated in the Modules preferences: Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS), select Modules from the list on the left, and make sure that Preview Mode is selected.
Page 42 ADOBE GOLIVE CS2 User Guide Select one or more browsers that you want to be started when you click the Preview In Browser button on the toolbar or when you choose File > Preview In > Default Browser. Note: Most browsers only allow you to open one version at a time. For example, you can open Netscape Navigator and Microsoft Internet Explorer at the same time, but not Netscape Navigator 6.0 and 7.0.
Page 43: Customizing The Work Area
GoLive, and spelling checker options. The GoLive preferences file is located in the Documents and Settings/[user]/Application Data/Adobe/Adobe GoLive folder (Windows) and the Mac OS X/Users/[username]/Library/Preferences folder (Mac OS).
Page 44 Specifies whether tool tips appear when you place the pointer over an icon, button, or tool. Show Tooltips Specifies that the meta information “<meta name="generator" content="Adobe Write “Generator Adobe GoLive” GoLive ">” will appear in each file that you create or save.
Page 45: Reverting And Restoring Changes To Pages
ADOBE GOLIVE CS2 User Guide Reverting and restoring changes to pages Using the History palette The History palette records the changes that you make to a page in the Layout Editor or Source Code Editor and changes you make to files in the site window. Each time that you make a change, the new state of the page or site is added to the History palette.
Page 46: Chapter 4: Adobe Bridge
About Adobe Bridge Adobe Bridge is the control center for Adobe Creative Suite. You use it to organize, browse, and locate the assets you need to create content for print, the web, and mobile devices. Adobe Bridge keeps native PSD, AI, INDD, and Adobe PDF files as well as other Adobe and non-Adobe application files available for easy access.You can drag assets into...
Page 47 Gives you quick access to folders as well as to Version Cue, Adobe Stock Photos, collections, The Favorites panel and Bridge Center (Adobe Creative Suite only). Like all panels, it’s located on the left side of the Bridge window. Shows the folder hierarchy. Use it to navigate to the correct folder.
Page 48 To open Bridge from an application, choose File > Browse from your application. • • (Windows) To open Bridge directly, choose Adobe Bridge from the Start menu. (Mac OS) To open Bridge directly, double-click the Adobe Bridge icon . By default, this is located in the Appli- •...
Page 49 ADOBE GOLIVE CS2 User Guide By default, the Compact mode Bridge window floats on top of all windows. (In Full mode, the Bridge window can move behind application windows.) This floating window is useful because it is always visible and usable as you work in different applications.
Page 50 Bridge in various configurations, you can work in (and quickly switch between) different layouts of the work area. For instance, you might use one workspace to sort new photos and another to work with Adobe InDesign files. Note: A Bridge workspace is different from a Version Cue Workspace. Your work in Bridge workspaces has no effect on Version Cue Workspaces.
Page 51 ADOBE GOLIVE CS2 User Guide Specifies Adobe Stock Photos settings. See “To set Adobe Stock Photos preferences” on Adobe Stock Photos page 70. Specifies advanced settings, including cache options and language options. See “Bridge Advanced prefer Advanced ences” on page 42.
Page 52: Files And Folders In Bridge
CD. This option is active only if you chose Use A Centralized Cache File in the Preferences dialog box. See also “About Adobe Bridge” on page 37 Files and folders in Bridge To view file and folder thumbnails in Bridge The content area of Bridge displays thumbnails of the files and folders of the selected folder, along with information about them (depending on your view).
Page 53 Show Graphic Files Only to display only files in graphic file formats, such as EPS, JPEG, BMP, PS, TIFF, and GIF. • • Show Camera Raw Files Only to display only camera raw files. Show Vector Files Only to display only files created with drawing programs such as Adobe Illustrator, and EPS and • PS files. •...
Page 54 “To manage folders with Bridge” on page 47 To open files in Bridge You can open files in Bridge, even files that were not made with Adobe Creative Suite applications. Select the file in the current folder. Do one of the following: Choose File >...
Page 55 Note: From Bridge, you can also use Adobe Version Cue to manage files you author in Adobe Creative Suite applications. You can create and manage revisions to files kept in Version Cue projects. Version Cue is also a convenient environment for collaborative file management in workgroups.
Page 56 ADOBE GOLIVE CS2 User Guide To quickly attach an image to an e-mail message, drag the image from Bridge and drop it into the e-mail message. To rename files Click the file name, type a new name, and press Enter (Windows) or Return (Mac OS).
Page 57 Click the folder name, type a new name, and press Enter (Windows) or Return (Mac OS). To rename folders See also “About Adobe Bridge” on page 37 “To manage files with Bridge” on page 46 To rotate images with Bridge You can rotate the view of JPEG, PSD, TIFF, and camera raw file images in Bridge.
Page 58 (Optional) Select Include All Subfolders to expand the search to any subfolders in the source folder. (Optional) Select Search Past Versions Of Version Cue Files to include past versions of Adobe Version Cue files, as well as current ones, in the search.
Page 59: Bridge Center
About Bridge Center If you are working with the Adobe Creative Suite, Bridge Center gives you quick access to your most recent files and folders, RSS newsreaders for the latest information, tips and tricks for using Adobe products, color management features, and Help documentation.
Page 60 RSS displays shared web content, such as headlines from different websites and the latest information on products from Adobe. RSS stands for Really Simple Syndication and is an XML format used to gather and distribute web content while reducing traffic to websites. See “To use RSS content in Bridge Center” on page 52.
Page 61: Running Automated Tasks With Bridge
The Tools menu contains submenus for various commands available in the different Adobe Creative Suite applica tions. For instance, if you have Adobe Photoshop installed, you can use the commands under the Tools > Photoshop submenu to make picture packages and create Photomerge panoramas using photos you select in Bridge. Running these tasks from Bridge saves time because you don’t have to open each file individually.
Page 62: Metadata In Bridge
You can use metadata to streamline your workflow and organize your files. This information is stored in a standardized way using the Extensible Metadata Platform (XMP) standard on which Adobe Bridge and the Adobe Creative Suite applications are built. XMP is built on XML, and in most cases the information is stored in the file so that it isn’t lost.
Page 63 Metadata that is stored in other formats, such as EXIF, IPTC (IIM), GPS, and TIFF, is synchronized and described with XMP so that it can be more easily viewed and managed. Other applications and features (for example, Adobe Version Cue) also use XMP to communicate and store information such as version comments. For instance, when you save a file in Version Cue, you might add the comment that you rotated the file when you worked on it.
Page 64 Position the pointer over a thumbnail in the content area. (Metadata appears in a tool tip only if Show Tooltips is selected in General preferences.) See also “About Adobe Bridge” on page 37 “To create and close Bridge windows” on page 39 “About the Metadata panel in Bridge” on page 54 To edit metadata with Bridge Click the pencil icon to the far right of the metadata field you want to edit.
Page 65 Lets you enter information based on Associated Press categories. You can also choose text from the Categories menu to the right of the text fields. The Categories option appears only if Adobe Photoshop is installed. History Displays Adobe Photoshop history log information for images saved with Photoshop. The History option appears only if Adobe Photoshop is installed.
Page 66 You can modify the metadata in the File Info dialog box and save it as a template for use with other files. Create a new file using an Adobe Creative Suite application. This creates a file without metadata from any other source.
Page 67 ADOBE GOLIVE CS2 User Guide See also “About the Metadata panel in Bridge” on page 54 “To apply metadata templates to files in Bridge” on page 58 To apply metadata templates to files in Bridge After you have saved metadata for one file, you can apply it to others.
Page 68: Using Version Cue With Bridge
Using Version Cue with Bridge Working with Version Cue in Bridge Adobe Bridge and Version Cue work together to give you an intuitive way to access and manage Version Cue files and projects. Bridge provides comprehensive visualization of and centralized command over all aspects of Version Cue files and projects.
Page 69 (metadata) in the Details view, Versions And Alternates view, in tooltips, and in the Metadata panel. Bridge is instru mental in helping you create and track versions of non-Adobe file types that are in the projects in your Version Cue Workspace.
Page 70: Chapter 5: Adobe Stock Photos
Adobe Stock Photos directly into your Illustrator, InDesign, and GoLive projects. From Photoshop, you can open any downloaded image. In the design process, you need the flexibility to try different images before deciding which one you want. Adobe Stock Photos gives you the option to download low-resolution, complementary (comp) versions of images you’re considering.
Page 71 “To view file and folder thumbnails in Bridge” on page 43 To search for stock photos In Bridge, click Adobe Stock Photos in the Favorites pane. In the text box at the top of the screen, type the word or phrase that describes the subject of the photos you want to search for.
Page 72 Note: The currency displayed in the Price & Keywords dialog box may not be the native currency of your billing country; it is the supported currency for purchases made from your country. When you purchase photos from Adobe Stock Photos, your credit card will be billed in the supported currency.
Page 73: Comp Images
• To view comps in an Adobe Creative Suite application From Adobe Stock Photos, you can open and edit a comp in Photoshop, Illustrator, InDesign, or GoLive. You can also drag a comp into an application. In the search results window, right-click the image you want to open.
Page 74: Buying Stock Photos
Buying stock photos It’s simple to buy images through Adobe Stock Photos. When you find the photos you want to buy, put them in your shopping cart. The photos remain in your cart until you’re ready to complete your purchase. When you finish browsing, you can check out and have your images automatically downloaded to your computer.
Page 75 • • If you want to open an Adobe account, click Set Up An Account. You are prompted to enter your billing and account information. If you want to buy the images without an account, click Continue As Guest. You are prompted to enter your billing •...
Page 76: Stock Photos Accounts
Stock Photos accounts Benefits of Stock Photos accounts Creating an Adobe account makes purchasing photos quick and easy. When you log in with your e-mail address and password, you can work with your account in several ways: After you complete the registration process, modify your account information anytime by Manage your profile clicking the Your Account link in the navigation bar.
Page 77 To change your password, type a new word in the Password text box. Passwords can contain only letters and • numbers and must be at least six characters long. To sign up to get e-mail from Adobe Stock Photos about promotions or other special information, select the check • box.
Page 78 ADOBE GOLIVE CS2 User Guide Do any of the following: To change the nickname associated with the default address, type a new name in the Billing Address Nickname • text box. Type any changes to the default address in the text boxes.
Page 79 The currency displayed next to the Billing Country menu may not be the native currency of that country (not all currencies are supported). Instead, it’s the currency Adobe allows for that country. Your credit card is billed in the supported currency.
Page 80: Chapter 6: Adobe Version Cue
If you use only one component of Adobe Creative Suite, or if you use InCopy and not Adobe Creative Suite, you • have access to the features of the Adobe dialog box only. You can use Bridge, rather than the Adobe dialog box, for file browsing.
Page 81 Note: Acrobat 7 and GoLive access Version Cue features differently than other Adobe Creative Suite components and don’t use the Adobe dialog box. If you don’t have Adobe Creative Suite, you can gain access to the full Version Cue feature set by participating in •...
Page 82 By default, when you choose the Open, Import, Export, Place, Save, or Save As commands, the operating system (OS) dialog box appears. To use the Adobe dialog box instead and set it as the default, click Use Adobe Dialog. Use the View menu options to customize the display.
Page 83 To set Version Cue Workspace preferences Note: You can perform this task only if you have access to the full Version Cue feature set, which is available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 84 In the Memory Usage text box, enter the amount of RAM that you want to make available to Version Cue. The default is 128 MB. This setting allocates RAM to optimize interoperability between Version Cue and Adobe Creative Suite components. For more robust requirements, such a larger workgroup or many assets, set the RAM to 256 MB or higher.
Page 85: Working With Version Cue Projects
To turn Version Cue on or off By default, access to Version Cue is turned on in InCopy CS2 and in all Adobe Creative Suite components, except for Acrobat 7. If you disable Version Cue, you won’t have access to any Version Cue Workspace, which could affect files in a project.
Page 86 To open a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 87 To open a project, double-click it. If the Use Adobe Dialog button doesn’t appear in the Open, Save As, Save A Copy, or Place dialog boxes, make sure that you’ve turned on the Version Cue preference in InCopy or in the Adobe Creative Suite component you’re using.
Page 88 To view Version Cue Workspace, project, and file information Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 89 To view Version Cue Workspace, project, and file information in Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 90 To create a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 91 To create a project in Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 92 To share or unshare a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 93: Working With Files In Version Cue
To share or unshare a project from Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 94 ADOBE GOLIVE CS2 User Guide Working copies allow you to work on a file even when the host workspace is unavailable, or offline. Though some features, such as versions and alternates, can’t be used when you’re working offline, you can edit files and save your work.
Page 95 Version Cue Workspace. You can view a file’s status while browsing the files in a Version Cue project, in Bridge, and also in the document window’s Status area after opening a file from the Version Cue Workspace in an Adobe Creative Suite component.
Page 96 To open a file from a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 97 To edit a file in use by another user Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 98 To add a file to a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 99 To add a file or folder to a project in Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 100 To save changes to a file Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 101 To place a file from a project into a document Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 102 To view alternates and versions in the Links palette Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 103 ADOBE GOLIVE CS2 User Guide To replace a placed file with an alternate In Illustrator, InCopy, or InDesign, select the file in the Links palette. Choose Alternates from the Links palette menu. Choose an alternate, and click Relink. See also “Using the Links palette with project files”...
Page 104: Disconnecting From Projects
To search for files in a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 105 To disconnect from a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 106: Deleting Files, Folders, And Projects
In Bridge, InCopy, and in Adobe Creative Suite, you can show hidden and deleted files or folders, and view them in search results. Additionally, Version Cue has a Project Trash view from which you can view all deleted files in a project.
Page 107 To delete a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 108 To delete files or folders from a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 109 To restore a file or folder deleted from a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 110: Version Cue Versions
To save a version Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 111 To save a version of a non-Adobe file Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 112 To view versions Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 113 To view versions in Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 114 To revert to the last version in Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 115: Version Cue Alternates
Alternates View. In the Alternates dialog box that appears in Adobe Creative Suite components and in InCopy (in the Links palette or Open dialog box), the primary alternate appears at the top of the list in the Alternates dialog box.
Page 116 To save an alternate Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 117 Note: You can also view alternates from the Links palette in Illustrator or InDesign, or from the status menu at the bottom of a file window while the file is open in an Adobe Creative Suite component. To view alternates from the Links palette, choose Alternates from the Links palette menu.
Page 118 To use the Make Alternates command Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 119: Editing And Synchronizing Ofﬂine Files
To move an alternate to another alternates group Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 120 To manually mark a file as In Use Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 121 To synchronize files in Bridge Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 122: Using Version Cue In Golive
To create a new blank Version Cue project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 123 To mount a project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 124 To change your Version Cue user ID Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 125 To change Version Cue site settings Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 126 To add files to a Version Cue site Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 127 ADOBE GOLIVE CS2 User Guide The Version Control toolbar contains the following buttons: Marks one or more selected files in use, or marks the currently open active document in use. Mark In Use Saves the local version of a file as a new version to the Version Cue Workspace, and removes Save A Version your ID from the file on the workspace.
Page 128 To edit a Version Cue file Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 129 To view versions Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 130 To create an alternates group Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 131 To work offline with a Version Cue project Note: You can perform this task only if you have access to the full Version Cue feature set, available in Adobe Creative Suite or in a shared workspace. See “Availability of Version Cue features” on page 71 for more information.
Page 132: The Version Cue Administration Utility
Using the Version Cue Administration utility, you can do more advanced tasks that affect a specified project or an entire Version Cue Workspace. The following table lists the Version Cue-related tasks that you can accomplish through an Adobe Creative Suite component and those that you can accomplish through the Version Cue Administration utility.
Page 133 You can display the Version Cue Administration login web page in the following ways: By opening the Version Cue preferences and clicking the Advanced Administration button. • By clicking the Advanced Administration button in GoLive CS2, Illustrator CS2, InCopy CS2, InDesign CS2, • Photoshop CS2, or Acrobat 7.
Page 134 Once Version Cue 1.0 is uninstalled, Version Cue 2.0 defaults to 3703. A browser window displays the Adobe Version Cue Administration login page. Type your assigned Version Cue login ID and password in the text boxes. (The default for both the ID and password is system.) Click Log In.
Page 135 To change the Version Cue Workspace name, type a name in the text box. This name identifies Workspace Name the Version Cue Workspace in Adobe Creative Suite components using Version Cue. Make This Version Cue Workspace Visible To Others. When selected, gives other computers access to the Version Cue Workspace.
Page 136 Version Cue 1.0 and Version Cue 2.0 Workspaces can be installed and function on the same computer simulta • neously. If Version Cue 1.0 and Version Cue 2.0 Workspaces are installed on the same computer, Adobe Creative Suite 1.0 • components work only with the Version Cue 1.0 Workspace, because they can communicate only with the port that the Version Cue 1.0 Workspace uses.
Page 137: Creating And Editing Projects In Version Cue Administration
These options won’t work unless you select Require Login For This Project. To let a user publish the project with GoLive CS2 to a specified FTP or WebDAV server, select the check box in •...
Page 138 ADOBE GOLIVE CS2 User Guide To create a new Version Cue project from a folder You can create a Version Cue project from the files in a folder on the computer where the Version Cue Workspace is installed. Log into Version Cue Administration.
Page 139 ADOBE GOLIVE CS2 User Guide Click Next to display the Import Project From Server content frame. If the content you’re importing is a website, select Import FTP/WebDAV As A Website to import the content to the project’s web-content folder. •...
Page 140 ADOBE GOLIVE CS2 User Guide Set any of the following options: Share This Project With Others Gives other users access to the project. Users can be on your subnetwork, or be given the Version Cue Workspace IP or DNS address and port number.
Page 141 ADOBE GOLIVE CS2 User Guide To export a Version Cue project to your computer You can export the most recent version of all project files from the Version Cue Workspace. You can use this export to move these files from one host computer (or server) to another or to create a package of the most recent files for output or simply to create an archive of the final versions.Version Cue still manages projects moved between...
Page 142: Backing Up And Restoring From Version Cue Administration
ADOBE GOLIVE CS2 User Guide To remove file locks from a Version Cue project A user with system administrator privileges or with project-specific Administer privileges can remove file locks. Removing file locks forces the removal of In Use status of files designated by specific project or by user throughout all the projects.
Page 143 Select what you want to back up in the Include list of options: Files (which is always selected), Project File Versions to back up all the versions of the project, Project Metadata to back up embedded information entered in Adobe Creative Suite components, and Users/User Assignments to back up information about the users and their project privileges.
Page 144: Working With Users And Privileges
ADOBE GOLIVE CS2 User Guide Choose an option from the Repeat menu if you want backups to occur automatically (choose Don’t Repeat if you want to back up the project manually). Click Save to save the new configuration and to see a list of backup configurations.
Page 145 If you’ve configured the Version Cue Workspace to be visible to others in the Version Cue Administration utility, you don’t need to create and assign Version Cue user names to let other Adobe Creative Suite or WebDAV users access your Version Cue projects and the Version Cue Workspace. The users simply need either to be on your subnetwork or be given the Version Cue Workspace IP or DNS address and port number.
Page 146 Users with privileges set to None can’t access the Version Cue Workspace Administration utility but can access Version Cue projects while working in an Adobe Creative Suite component or an application that supports WebDAV. The following table describes the privileges associated with the User and System Administrator levels.
Page 147 ADOBE GOLIVE CS2 User Guide Administration utility task User System Administra Create new projects (users must have Project Creation Allowed selected in their privileges) Delete or restore project backups No Perform all tasks listed in the Advanced content frame Change the Administration utility...
Page 148: Viewing Logs, Reports, And Workspace Information
Version Cue Workspace Administration utility. Users who are working in Adobe Creative Suite can use the Version Cue Client URL to connect to Version Cue projects when they’re not on the workspace’s subnetwork. Users who are working in applications that support WebDAV can use the WebDAV Client URL to connect to Version Cue projects.
Page 149: Version Cue Pdf Reviews
Workspace. You can invite selected reviewers by e-mail, create the e-mail message in your e-mail program, and include a direct link to the review document in the e-mail. Invited reviewers only need Adobe Acrobat software and a Version Cue login to access the PDF document using their web browser. As the review progresses, reviewers upload their comments to the Version Cue Workspace.
Page 150 ADOBE GOLIVE CS2 User Guide Keep in mind the following requirements for using Version Cue PDF review: To use Version Cue PDF review, reviewers need a Version Cue login name and privileges that allow them to log • into the Version Cue Workspace hosting the review.
Page 151 ADOBE GOLIVE CS2 User Guide To locate PDF reviews After you locate a PDF review, you can open it, view or delete review comments, stop or restart a review, or delete the review from the Version Cue Workspace. Log into the Version Cue Administration utility.
Page 152 ADOBE GOLIVE CS2 User Guide To restart a completed PDF review Locate the completed review (see “To locate PDF reviews” on page 142). Click the PDF document name in the Document List. In the Document History list, select the completed review and click Start Review. Adjust review settings as desired.
Page 153 ADOBE GOLIVE CS2 User Guide About PDF review comments Review comments include, in addition to the text of the comment itself, information about who created the comment and when, what type of comment was created, and what page of the document the comment appears on. Different comment types are distinguished by their icons.
Page 154: Chapter 7: Setting Up Sites And Pages
Chapter 7: Setting up sites and pages Creating sites About GoLive sites When you use the Site Creation Wizard to create a website, GoLive creates a site file (with the .site extension) to manage and control the site contents. GoLive also creates three folders to hold the web pages, media files, and other resource files needed for building and maintaining the site.
Page 155 ADOBE GOLIVE CS2 User Guide See also “Specifying preferences and settings for websites” on page 201 Methods for creating sites in GoLive You can create or import sites by using any of the following methods: Create a site from scratch...
Page 156 ADOBE GOLIVE CS2 User Guide To create a site from a local folder of existing files You can also use this procedure to import sites from other applications. Note: Because GoLive uses the folder of existing files as the basis for the new site, you may want to make a copy to import rather than use the original folder and its contents.
Page 157: Importing Sites From Remote Servers
User Guide To open a GoLive CS, 6.0, or 5.0 site Open the site in GoLive CS2. GoLive automatically updates it to a GoLive CS2 site, creating a GoLive CS2 site file, and backs up the site file. Note: If you want to archive the entire previous site, not just the site file, copy it, archive the copy, and then open the site file of the original site.
Page 158 ADOBE GOLIVE CS2 User Guide To download sites from HTTP and FTP servers Using the Site Creation Wizard, you can import an entire website into GoLive, including every linked page that branches out to multiple HTTP servers and every source file (such as images) referenced by the pages. Because large sites can take a long time to download, you can restrict the number of page levels in the page-link hierarchy to import.
Page 159: Version Control Sites
ADOBE GOLIVE CS2 User Guide To export a site locator file A site locator file describes the location of a site on a remote server and lets you quickly import remote sites. It contains all the login and character encoding information necessary to create the site.
Page 160 GoLive prompts you to check out the file. The Version Status column in the Files tab of the site window displays the versioning state of all files. Note: For a full set of version control features, use Adobe Version Cue. The GoLive version control workflow Before you can use version control features in GoLive, you must create a version control workspace and check files in to the workspace.
Page 161 ADOBE GOLIVE CS2 User Guide Do one of the following tasks: If you’re creating a version control workspace on the local hard drive, enter a name for the project, enter a user • name, and reference a folder on the local hard drive in the Directory box (don’t reference the site folder—the folder in which GoLive creates a version control workspace must be separate from the site folder).
Page 162 ADOBE GOLIVE CS2 User Guide GoLive displays the In Use By Me icon in the Version Status column of the Files tab in the site window. To undo a checkout, choose Site > Version Control System > Undo Check Out or click the Undo Check Out button in the Version Control toolbar.
Page 163: Adding Files To Sites
ADOBE GOLIVE CS2 User Guide To compare checked in versions of a file Select a file and choose Site > Version Control System > Show Versions, or click the Show Versions button the Version Control toolbar. GoLive displays thumbnails of all checked in versions of a file in the Versions Of [File Name] dialog box.
Page 164 ADOBE GOLIVE CS2 User Guide Note: When you create a special HTML, XHTML, MMS, WML Deck, or SMIL document, GoLive automatically adds a doctype declaration to the source code with a reference to the appropriate Document Type Definition (DTD). Do one of the following: •...
Page 165 ADOBE GOLIVE CS2 User Guide See also “To create a new movie” on page 526 “To create a new SMIL presentation” on page 487 “To create a Real Player presentation” on page 513 To add an existing file to a site Do one of the following: •...
Page 166: Setting Up Pages
Preferences dialog box, scroll down to Extend Scripts on the right side, select SetTitle, and click OK. Then restart the GoLive application. When you save a page, GoLive automatically displays the Set Title dialog box if the page title is blank or contains the words “Welcome to Adobe GoLive, ” “Welcome to GoLive CyberStudio, ” or “untitled. ”...
Page 167 ADOBE GOLIVE CS2 User Guide To choose a document window size You can choose a size for the document window to use as a guide when you’re designing your page layout. For example, you may want to set the size of your page layout to 580 pixels or less to accommodate viewers with 14-inch monitors.
Page 168 ADOBE GOLIVE CS2 User Guide To specify page margins Page margins let you control how the contents of a web page are offset in browser windows. The margin width specifies the space between the page’s content and the left edge of the browser window, and the margin height specifies the space between the page’s content and the top edge of the browser window.
Page 169 ADOBE GOLIVE CS2 User Guide See also “To set default colors for text or links on the page” on page 180 “Media, font, and page rules” on page 329 To open a page from the site in the Layout Editor Do one of the following: Double-click the page in the site window, navigation view, or links view.
Page 170: Document Type Deﬁnitions
ADOBE GOLIVE CS2 User Guide Document type definitions Setting the document type definition A document’s doctype, which is specified in the !DOCTYPE declaration at the beginning of the document, tells HTML validators and browsers which Document Type Definition (DTD) to use when handling the document. The DTD specifies the elements that are allowed in the source code and the attributes for each element.
Page 171 ADOBE GOLIVE CS2 User Guide To convert the doctype of a document from HTML to XHTML Do one of the following: To convert a single document, choose Markup from the document window menu in the Layout Editor, and • then choose Convert to XHTML. The Convert To XHTML dialog box opens.
Page 172: Adding Elements And Scripts
ADOBE GOLIVE CS2 User Guide To convert the doctype of a document from XHTML to HTML Do one of the following tasks: To convert a single document, choose Markup from the document window menu in the Layout Editor, and •...
Page 173 GoLive automatically includes the following information using meta elements: file format (for example, text/HTML), character set used (for example, ISO-8859-1), and file creator (for example, Adobe GoLive). The Meta Inspector lets you choose an HTTP-Equivalent option to simulate header information that accompanies...
Page 174 Note: To prevent GoLive from writing the file creator meta element, choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS), select General, deselect Write “Generator Adobe GoLive, ” and click OK. To change the character set for a new page, select the Encode tag in the head section of the page and select another character set in the Encoding Inspector.
Page 175 ADOBE GOLIVE CS2 User Guide To add a browser-switch script A browser-switch script detects the web browser loading the page and automatically redirects viewers to an alternate page based on their browser. You can also use the browser-switch script to separate Netscape from Internet Explorer browsers based on browser-specific markup support.
Page 176: Creating Links
ADOBE GOLIVE CS2 User Guide In the Settings window, choose image quality settings. Leave lower quality settings selected for browsers such as Safari that don’t support alpha channels in favorite icons, and disable higher quality settings only if not needed (for example, if your icon doesn't need true colors or an alpha channel).
Page 177 ADOBE GOLIVE CS2 User Guide To create a resource link Do one of the following: Drag the source file (such as a GIF image, a SWF file, or a Photoshop PSD file) from the Files tab of the site window •...
Page 178: Specifying And Editing Links
ADOBE GOLIVE CS2 User Guide Specifying and editing links Specifying the destination URL for a link You use the Inspector to specify the destination file or URL for resource and navigational links. You can type the path to the link’s destination file directly in the Inspector’s URL text box or use any of a variety of methods to specify it, including dragging files, using the pick whip, browsing, and reusing recently linked files.
Page 179 ADOBE GOLIVE CS2 User Guide Drag the pick whip in the Inspector to a file in the site window. See also “Using anchors for links” on page 171 “Site URLs and e-mail addresses” on page 433 To specify the link’s destination by browsing Select the text, object, placeholder icon, or existing link on the page.
Page 180: Anchor Links
ADOBE GOLIVE CS2 User Guide See also “About web forms” on page 411 To edit a URL or add query parameters In the Inspector, choose Edit from the pop-up menu to the right of the Browse button. In the Edit URL dialog box, do any of the following: •...
Page 181 To create an anchor link to a PDF bookmark A PDF bookmark links to a specific location in a PDF file. (Anchor links to PDF bookmarks don’t work with Adobe Acrobat® 6.0 in Mac OS X.) Create a link to the PDF file.
Page 182: Getting Information About Documents
XMP (eXtensible Metadata Platform). XMP facilitates the exchange of metadata between Adobe applications and across publishing workflows. For example, you can save metadata from one file as a template, and then import the metadata into other files.
Page 183 ADOBE GOLIVE CS2 User Guide provides the Associated Press with information on the original transmission location of the artwork. For Urgency, specify the editorial urgency of the file—not its handling priority. Lets you view the XMP data for the file in a structured format.
Page 184: Color
ADOBE GOLIVE CS2 User Guide Color About the Color palette, Swatches palette, and the Color Picker Use the Color palette, Swatches palette, swatch library palettes, and the Color Picker to apply color to page backgrounds, text, and objects on a page.
Page 185 You use the default Swatches palette or a swatch library palette to select colors by color swatch, name, or hexadecimal value. You can open multiple swatch libraries concurrently, and save Recent Colors, Site Colors, or custom swatches added to the Swatches palette as an Adobe Swatch Exchange file.
Page 186 ADOBE GOLIVE CS2 User Guide Note: If you click the lower right corner of a color field, GoLive displays the last swatch library viewed. To display the Swatches palette, choose Window > Swatches. • The Swatches palette A. Search fields B. Custom swatches •...
Page 187 Choose Save Swatches for Exchange from the Swatches palette or swatch library palette menu. In the Save Swatch Library As Adobe Swatch Exchange File dialog box, enter a name for the swatch library in the File Name box, and choose a location in which to save the library.
Page 188 ADOBE GOLIVE CS2 User Guide To apply color to an object Select the object you want to color (for example, a table cell). Do one of the following tasks: Double-click the color field in the Inspector or toolbar, choose a color from the Color Picker, and click OK.
Page 189 ADOBE GOLIVE CS2 User Guide • Select Color and click inside the color field. Then select a color from the Color palette or the Swatches palette, or from a swatch library palette. Select Color, click the lower right corner of the color field, and choose a swatch library. Click the corner again to •...
Page 190: Chapter 8: Creating Site Diagrams
You can use multiple prototype diagrams as you build and revise a site, creating and testing designs as you need them. You can present diagrams in print or online in Adobe PDF or SVG format. When you are ready to work with live pages, you submit a diagram, converting its pages to actual pages in the site.
Page 191: Developing Diagrams By Adding Pages And Sections
To make objects appear on each page of a multipage diagram, drag them to the Master tab of the diagram window. To present the diagram to reviewers, print it to paper or export it to Adobe PDF or SVG format.
Page 192 ADOBE GOLIVE CS2 User Guide Adding pages You can add a single page to a diagram as a separate object, or add the page in any family relationship—parent, child, previous sibling, or next sibling—to another page or to a section. You can also add sets of child pages to a page or section.
Page 193 ADOBE GOLIVE CS2 User Guide To define a page in the Page Inspector In the Page tab of the Page Inspector, do any of the following: Enter a design name for the page in the Name box. This name appears in the design view as the label for the page •...
Page 194: Adding And Editing Links In Diagrams
ADOBE GOLIVE CS2 User Guide specify the folder Recreation/Hiking for the pages in the hiking section of a recreation site. If you don’t specify a target folder, the folder used is either the root folder or the folder for generated items specified in Site preferences.
Page 195: Custom Objects
ADOBE GOLIVE CS2 User Guide To change a link type In the design view, select a link. A small rectangle appears on the link, and the source and target objects are highlighted. If necessary, select other links. If multiple links are selected, their source and target objects are not highlighted.
Page 196 To specify a sample file for a custom object Create a default sample file in the Adobe/GoLive CS2/Settings/DocumentStore/examples folder. The default sample file is used to create a file when you submit the object, unless you specify another file in the Object Inspector.
Page 197: Moving And Copying Objects
ADOBE GOLIVE CS2 User Guide • Edit the specification for the object in the Adobe/ GoLive CS2/Settings/DocumentStore/defaults.agldex file. Delete the object by removing its GIF file from the Adobe/GoLive CS2/Modules/Diagram Objects folder. • Moving and copying objects Moving and copying objects You can treat any item in a diagram simply as an object in a drawing program, and drag it as you would in such a program.
Page 198: Grouping Objects
ADOBE GOLIVE CS2 User Guide To duplicate objects In the design view, select the objects you want to duplicate. Choose Edit > Duplicate. The objects and their connectors and links are copied. If you only select one object, it is duplicated along with its links.
Page 199: Anchoring And Displaying Diagrams And Objects
ADOBE GOLIVE CS2 User Guide To add objects to a group Drag the objects into the group rectangle. If the rectangle is too small to hold the objects and you have selected Auto Resize in the Group Inspector, the rectangle enlarges automatically.
Page 200 ADOBE GOLIVE CS2 User Guide To specify how objects appear in a diagram In the Display tab of the View palette, do any of the following: Specify whether to display master items, which appear on each canvas page, and whether to display breaks •...
Page 201 ADOBE GOLIVE CS2 User Guide To set canvas options In the Grid tab of the View palette, do any of the following: To prevent the design view canvas from expanding beyond one page, select Canvas Is Single Page. This option •...
Page 202: Preparing Diagrams For Presentation
You can enhance the appearance of a diagram by aligning and distributing objects and adjusting the curvature of link lines. To publish the diagram, you print it to paper or export it to Adobe PDF or SVG format for an online presen...
Page 203 ADOBE GOLIVE CS2 User Guide To add a box to a diagram Drag the Box icon from the Diagram set of the objects toolbox to the design view. In the Box tab of the Box Inspector, do any of the following: Enter text in the Text box.
Page 204: Annotations And Level Objects
ADOBE GOLIVE CS2 User Guide Annotations and level objects Annotations You use annotations to comment on a diagram or on items in a diagram, or to provide captions. Annotations consist of text with an optional subject line. Each annotation appears as an annotation icon in the diagram, and you can display the subject or text along with the icon.
Page 205 ADOBE GOLIVE CS2 User Guide To edit the subject or text of an annotation In the Design or Annotations tab of the diagram window, select the annotation. Do one of the following: In the Annotation Inspector, enter a new subject or text.
Page 206: Printing And Exporting Diagrams
ADOBE GOLIVE CS2 User Guide Note: When you align an object with its parent, the parent is a geometrical dominant, not a logical parent within a hierarchy of family relationships. The geometrical parent is the entire canvas page, or it is the group if the objects you are aligning are in a group.
Page 207: Staging And Submitting Diagrams
ADOBE GOLIVE CS2 User Guide Staging and submitting diagrams Submitting diagrams When you submit a diagram, GoLive converts its pages and sections to real, editable HTML pages. The pages move to the Files tab, indicating that they exist as files within the site. Files for custom objects are created if possible. When you recall a submitted diagram, you reverse these changes.
Page 208: Updating And Recalling Diagram Items
ADOBE GOLIVE CS2 User Guide To correct staging errors Note the error icon or warning icon opposite the page or object in the Check column, and then use the following information to correct the problem: Indicates that a page is open in a document window. Close all pages in a diagram before File In Use icon submitting or recalling the diagram.
Page 209 ADOBE GOLIVE CS2 User Guide Updates involving substantial design changes can produce unexpected results. If this happens, try recalling the updated diagram, checking and fixing it, and resubmitting the diagram. To recall all diagram items Open the diagram in a design view.
Page 210: Chapter 9: Managing And Viewing Websites
Chapter 9: Managing and viewing websites Site management features and preferences About site management A website is built from a collection of linked files. These files can contain objects such as HTML, images and media, and scripts. Maintaining properly linked files and organizing the files into a logical hierarchy are important for managing a site.
Page 211: Working With The Site Window
ADOBE GOLIVE CS2 User Guide To set preferences that affect all sites Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS). In the Preferences dialog box, select one of these options from the list on the left: Site preferences...
Page 212 ADOBE GOLIVE CS2 User Guide Displays the site on a remote server while GoLive is connected to a publish server (an FTP, WebDAV, Publish Server or local file server). Displays custom sets of one or more files that you select manually or define as a result of a query, syntax Collections check, or find operation.
Page 213 ADOBE GOLIVE CS2 User Guide • To change the position of a column in the tab, drag (Windows) or Command-drag (Mac OS) the column head to the left or right. (You can’t change the position of the leftmost column in any tab.) To go up one level in the folder or group whose contents are listed in the tab, click the Go Up button •...
Page 214 ADOBE GOLIVE CS2 User Guide Similarly, use the site window to arrange non-file items in groups. (GoLive treats and displays a group in the site window as a type of folder, but all groups are stored within the Settings folder rather than within other regular folders on your hard disk.) Items in the Files and Extras tabs are stored in regular folders.
Page 215: Inspecting, Tracking, And Deleting Files
ADOBE GOLIVE CS2 User Guide To move a file or object to a folder (group or regular folder) Do one of the following: Drag the file or object from a folder in the Explorer (Windows) or Finder (Mac OS) into a folder or tab in the site •...
Page 216 ADOBE GOLIVE CS2 User Guide See also “About file status information” on page 240 “Naming files and folders” on page 211 “To change the page title” on page 157 To inspect a file or folder Display the Inspector. Select the file or folder in the site window.
Page 217 ADOBE GOLIVE CS2 User Guide To delete a file, regular folder, object, or group You can delete items from all tabs of the site window except for the CSS tab. Select the item. Click the Delete Selected Item button on the toolbar.
Page 218: Refreshing And Cleaning Up Sites
ADOBE GOLIVE CS2 User Guide Refreshing and cleaning up sites To refresh the Files, CSS, Extras, Diagrams, Collections or Publish Server tab Refreshing tabs in the site window lets you view the actual site—that is, the contents of the site’s web-content folder (Files tab and CSS tab), web-data folder (Extras and Diagrams tabs), or web-settings folder (Collections tab).
Page 219 ADOBE GOLIVE CS2 User Guide To update site files that are dependent on site extras When you update site files, GoLive checks the content of the Components, Templates, Smart Objects, and InDesign Packages folders in the site’s web-data folder for updates to that content made outside of GoLive.
Page 220: Providing Names And Paths For Files
ADOBE GOLIVE CS2 User Guide To add non-file items that are used in your site but are not listed in the External, Colors, or Font Sets tab in the site • window, select Add Used External Links, Add Used Colors, or Add Used Font Sets.
Page 221 ADOBE GOLIVE CS2 User Guide File name constraints GoLive alerts you if you use a file name that doesn’t meet the designated file name constraints. GoLive provides several constraint sets, or you can create your own sets. GoLive’s default set is called the GoLive standard, a combi...
Page 222: Using Absolute Link Paths
ADOBE GOLIVE CS2 User Guide Using absolute link paths About absolute link paths Site pages contain paths to a variety of linked files: other pages in the site, images displayed on the page, media items embedded in the page, and so on. GoLive automatically uses relative paths—paths that point to the location of a file in relation to the current file—for the destinations of links.
Page 223: Working With Graphical Site Views
ADOBE GOLIVE CS2 User Guide See also “About links” on page 167 “Editing links and adding query parameters to links” on page 170 To set a preference that makes all new links absolute Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS).
Page 224 ADOBE GOLIVE CS2 User Guide Navigation and links views See also “Changing all site URLs or links at once” on page 232 “About diagrams” on page 181 “Navigation view” on page 215 “Links view” on page 216 To display a graphical site view Open the site file for your site.
Page 225 ADOBE GOLIVE CS2 User Guide Navigation view A. Home page B. Children of home page A typical sibling relationship is between the first (previous) and second (next) pages in a book-like sequence of pages. With the structure established, you can fill the empty pages with content and link them together in a way that reflects the structure.
Page 226 ADOBE GOLIVE CS2 User Guide You can choose options for displaying incoming links only, outgoing links only, no links, or only the link path you are currently exploring. To change or fix links, use the links view to select files and the In & Out Links palette to change or fix links.
Page 227 ADOBE GOLIVE CS2 User Guide To get advance information about an expansion (Windows only) Pause the pointer over the Expand button before clicking it. A tool tip provides the number of children, incoming links, or outgoing links the expansion contains.
Page 228: Using The Peripheral Panes Of The Site Views
ADOBE GOLIVE CS2 User Guide Using the peripheral panes of the site views About the site view pane The navigation or links site views usually have a single pane, but you can also display up to three additional special purpose panes on the periphery of the main pane of a view: Panorama pane Provides a bird’s-eye view of the entire site.
Page 229: Scrolling, Zooming, And Centering The Site View
ADOBE GOLIVE CS2 User Guide To show or hide a peripheral pane Do one of the following: If you are in the navigation view, display the navigation view. • If you are in the links view, display the links view.
Page 230 ADOBE GOLIVE CS2 User Guide To scroll the view in the main pane to another part of the site Do one of the following: Show the panorama pane. • Choose Window > Site > Site Navigator. • Do one of the following: In the panorama pane or Site Navigator palette, drag the red view box to another part of the site.
Page 231: Using Collections In A Graphical Site View
ADOBE GOLIVE CS2 User Guide See also “Expanding and collapsing views” on page 217 “To vary the view of link types and link paths” on page 225 “Filtering the contents of the view” on page 226 To limit the view to a page and its incoming and outgoing links Right-click (Windows) or Control-click (Mac OS) a page in the main pane of the links view and choose Move To Center.
Page 232 ADOBE GOLIVE CS2 User Guide Using spotlights in a collection of pages A. Spotlight B. Collection of pages See also “Spotlighting page groupings and collections” on page 224 “Collections” on page 435 To create an empty collection in navigation or links view Right-click (Windows) or Control-click (Mac OS) an empty area of navigation or links view and choose Create Collection.
Page 233 ADOBE GOLIVE CS2 User Guide To select the pages of a collection in navigation or links view Right-click an empty area of navigation or links view and choose Reselect Collection. Choose the collection from the Reselect Collection submenu. To reveal a collection page in the Collections tab Select one or more pages in the navigation view or links view.
Page 234: Changing The Display Of Links, Thumbnails, And Site Views
ADOBE GOLIVE CS2 User Guide See also “Checking and resolving pending links” on page 230 “About collections in navigation or links view” on page 222 To spotlight pages in a navigation view Expand the navigation view as necessary to show the pages you want to spotlight.
Page 235 ADOBE GOLIVE CS2 User Guide Changing the display of the view You can change display settings for the navigation or links view; for example, to show items as thumbnails. If the view shows the scratch or reference panes as well as the main pane, changes to the display settings apply only to the active pane.
Page 236: Building A Site Map Using Graphical Views
ADOBE GOLIVE CS2 User Guide Customizing view colors When you change settings in the View palette for a site’s navigation and links views, the changes persist the next time you display the same site. For example, when you close and reopen the site, GoLive uses the View palette settings for the panes shown in the site’s navigation view.
Page 237 ADOBE GOLIVE CS2 User Guide To add a single empty page with pending links Open a navigation view of the site. Select a page in the view. Do one of the following: • Click the Create Parent Item button on the toolbar or choose Diagram > New > Parent Page to insert a page between the selected page and its former parent page.
Page 238 ADOBE GOLIVE CS2 User Guide Choose from the Sibling menu to create pending links as follows: To Next Sibling Creates previous-to-next pending links between any child pages you are creating. (A previous-to- next link is also created between the first sibling you create and the last of any of its siblings already created.) Creates bidirectional pending links between any child pages you are creating.
Page 239 ADOBE GOLIVE CS2 User Guide To move a page and its descendents to another position in the site In the navigation view, drag the page to its target page as follows: In wide orientation, drag to the top of the target page to make the page you’re dragging its parent, to the bottom •...
Page 240 ADOBE GOLIVE CS2 User Guide To check for unresolved pending links Open a navigation view of the site. Choose Window > Site > Pending Links. Do one of the following: • To check a file for pending links, select the file in the navigation view. If the file contains any pending links, an arrow pointing towards each destination file displays in the Pending column in the Pending Links palette.
Page 241: Editing Links And Urls Sitewide
ADOBE GOLIVE CS2 User Guide Creating a hierarchical structure When you import a site, GoLive automatically analyzes the links in pages and examines the structure of folders to create a hierarchical structure for the site. This process is called solving a hierarchy. The initial structure is based on both the pattern of links present on site pages and the hierarchy of the web-content folder’s subfolders.
Page 242 ADOBE GOLIVE CS2 User Guide You can use the Renditions tab of the In & Out Links palette to view implied (not actual) links between files. For example, the Renditions tab displays the implied link between a Smart Object source file and its target file, or between a file and its duplicate (created by choosing Edit >...
Page 243: Fixing Site Errors
ADOBE GOLIVE CS2 User Guide Do one of the following: If the new destination item you want to use as a replacement is visible in the site window, click the Open In & Out • Links Palette button on the toolbar.
Page 244 ADOBE GOLIVE CS2 User Guide Indicates a file that GoLive cannot open. Question mark Indicates one or more files with that error in the folder (the icon appears in the Status column for a Error icon folder). Note: Before checking the site for errors, be sure to refresh the site window to display the latest status information. (See “To refresh the Files, CSS, Extras, Diagrams, Collections or Publish Server tab”...
Page 245 An external URL references a page outside your file system—that is, a page with an address that begins with http://, ftp://, or so on, and must include a colon. For example, http://www.adobe.com. When specifying an e-mail address, be sure to include an @ in the address.
Page 246: Creating And Running Queries
ADOBE GOLIVE CS2 User Guide Click the External tab. Choose Site > Update > Add Used > External Links to update the site. Choose Site > Check External Links. The Status column in the External tab shows the Bug icon for any invalid external links.
Page 247 ADOBE GOLIVE CS2 User Guide Structuring a query in the Query Editor To define a query Define a query or edit existing queries in the Query Editor. Once you’ve defined the query, you can test it before actually running it on a site or group of files.
Page 248 ADOBE GOLIVE CS2 User Guide To edit an existing query Choose Edit > Queries. Select the query you want to edit and click Edit Query. Make changes to the query. Close the Query Editor and click Yes when prompted to save changes.
Page 249: Providing File Status Information
ADOBE GOLIVE CS2 User Guide To run a query Once you’ve defined a query, you can view the results in the Results window, and then run another query on the result set generated from the first query. You can also save query results as a collection and store it in the Collections tab of the site window.
Page 250 ADOBE GOLIVE CS2 User Guide To assign a publish state to a file or folder Do one of the following: Select the file or folder in either the Files or Extras tab in the site window. • Select the file in the navigation or links view.
Page 251 ADOBE GOLIVE CS2 242 User Guide...
Page 252: Chapter 10: Laying Out Pages
Chapter 10: Laying out pages Page layout for the web Page layout techniques The Layout Editor in the document window provides the canvas on which you drag files or objects (usually from the site window) onto your page. CSS layout objects, tables, layers, frames, and GoLive layout grids and text boxes provide the containers for holding and positioning text, images, animations, and movies.
Page 253 User Guide Photoshop- and Illustrator-based designs Many web designers create graphically rich page layouts in Adobe Photoshop or Adobe Illustrator and then convert the designs into web pages. GoLive streamlines this process by automatically creating custom tables for sliced images and fully supporting rollover code.
Page 254: Css Layout Objects
ADOBE GOLIVE CS2 User Guide Drag to add images and other files or site assets to the page layout. A. Component in a CSS layout object B. Text in a layer C. Text in a CSS layout object D. CSS layout object E. Image linked to its source...
Page 255 ADOBE GOLIVE CS2 User Guide To add a CSS layout object to a page Do one of the following: Drag a CSS layout object from the CSS set of the objects toolbox to the page. • Note: When you hold the pointer over a CSS layout object in the CSS set of the objects toolbox, a description of the CSS layout object appears.
Page 256: Layout Grids
ADOBE GOLIVE CS2 User Guide Editing properties of a CSS layout object in the CSS Editor See also “About style properties” on page 330 Layout grids About layout grids GoLive layout grids take the pain out of creating CSS-based and table-based designs for your web pages. Instead of hand coding CSS or setting up table cells, you can add a single layout grid to the page, draw text boxes or layers, or drag objects anywhere on the grid.
Page 257 ADOBE GOLIVE CS2 User Guide Guidelines for layout grids To simplify the task of laying out, grouping, and aligning multiple objects on your page, add a layout grid and make it the same size as the window. After you’ve added the objects to the grid, you can optimize the grid’s size to fit around the objects using the Layout Grid Inspector.
Page 258 ADOBE GOLIVE CS2 User Guide To customize the behavior of a layout grid Do any of the following in the Layout Grid Inspector: To position objects freely on the grid with 1-pixel accuracy, deselect Snap For Horizontal and Snap For Vertical, •...
Page 259: Grouping And Arranging Objects On Layout Grids
ADOBE GOLIVE CS2 User Guide To add images or other objects to the layout grid Do one of the following: Drag image files or other media files from the site window onto the layout grid or a layout text box on the grid.
Page 260 ADOBE GOLIVE CS2 User Guide To align objects in relation to their container Select the layers, object, or group of objects that you want to align. Do one of the following: On the toolbar, click a horizontal or vertical alignment button.
Page 261: Converting Table-Based Layout Grids To Tables
ADOBE GOLIVE CS2 User Guide Distributing space between objects equally Converting table-based layout grids to tables Converting a table-based layout grid to a table You can convert table-based layout grids to standard HTML tables with fixed table cell sizes and then use the Table Inspector to make the table cells resizeable in the browser window.
Page 262: Creating Layers
ADOBE GOLIVE CS2 User Guide In the Convert dialog box, do one of the following: To remove the empty, one-pixel control row and column at the bottom and right side of the grid, select Strip • Control Row and Column. (This option is selected by default.) To replace all Netscape Spacer elements with a spacer.gif transparent image that is one pixel high, deselect Strip...
Page 263 ADOBE GOLIVE CS2 User Guide Layers are used to hide text and objects and make them reappear. A. Markers for three layers B. Image link with Mouse Enter event attached to Show/Hide action C. Pointer over image triggers layer of text...
Page 264: Selecting, Resizing, And Positioning Layers
ADOBE GOLIVE CS2 User Guide To add a background color or image to a layer Select the layer. In the Background tab of the Layer Inspector, do one of the following: To add an image, select Image, and then select an image file.
Page 265 ADOBE GOLIVE CS2 User Guide To move or resize a layer pixel by pixel Select the layer, and do one of the following: To move a layer pixel by pixel, press an arrow key. Hold down Ctrl (Windows) or Option (Mac OS) while pressing •...
Page 266: Managing Layers
ADOBE GOLIVE CS2 User Guide To change the stacking order of multiple layers By assigning a z-index to each layer, you can control the order that the boxes are stacked on top of each other (a layer with a z-index of 2 appears in front of a box with the z-index of 1, and so on).
Page 267 ADOBE GOLIVE CS2 User Guide To name a layer Select the layer in the page or in the list in the Layers palette. Enter a new name either in the Layers palette or in the Name text box in the Layers tab of the Layer Inspector.
Page 268 ADOBE GOLIVE CS2 User Guide The text and image appear in the same positions in the new document. You can show or hide the vertical and horizontal grid lines in the layout grid by selecting the layout grid and then selecting or deselecting the Visible options in the Layout Grid Inspector.
Page 269: Animating Layers
ADOBE GOLIVE CS2 User Guide See also “To name a layer” on page 258 “Specifying the destination URL for a link” on page 169 “Previewing web pages” on page 31 Animating layers Using the DHTML Timeline Editor You animate layers in the DHTML Timeline Editor by inserting keyframes in a layer’s time track and repositioning the layer for each keyframe.
Page 270 ADOBE GOLIVE CS2 User Guide Click the first keyframe in the DHTML Timeline Editor to return the layer to its start position. Click the Play button at the bottom of the window to preview your animation. The layer travels across the document window and stops where you set the last keyframe. The Time Cursor in the...
Page 271 ADOBE GOLIVE CS2 User Guide Most browsers can handle the default 15 FPS setting, even if running on systems with average video hardware. If you want to work with higher speeds, be sure to test your animation with a wide selection of system configurations to make sure that playback is smooth.
Page 272: Understanding Frames
ADOBE GOLIVE CS2 User Guide Understanding frames About frames Frames divide a web browser window into sections that contain separate pages. Using frames, you can make your page layout more visually interesting and help viewers navigate in your website. Since the content of each frame is a separate page (and separate file) with its own URL, it can be changed and scrolled independently of the pages in other frames.
Page 273: Setting Up Frame Sets
ADOBE GOLIVE CS2 User Guide Frame layout workflow Use the following workflow when creating frames for your site: 1. Create the pages of content. Create the pages that will be displayed in the frames. 2. Create and configure the frame set and name the frames.
Page 274 ADOBE GOLIVE CS2 User Guide The left frame is fixed while the right frame resizes automatically in the browser window. A. Frame Editor tab B. Frame set divider C. Icon representing the page linked to this frame D. The name of the frame E. The pink...
Page 275: Setting Up Individual Frames
ADOBE GOLIVE CS2 User Guide Name the page title of the frame set document in the Layout Editor. Save the frame set document. Make sure to save it with an .html extension, for example, Frameset.html. See also “To apply an image or color to the page background” on page 179 “To change the page title”...
Page 276 ADOBE GOLIVE CS2 User Guide Note: To make the contents of the frame change when visitors click links on a page in another frame, you make this frame the target for each link. (See “About target frames for linked pages” on page 267.) See also “About links”...
Page 277 ADOBE GOLIVE CS2 User Guide For example, if you use a frame set to display a table of contents in one frame and the pages linked to the table of contents in another frame, every link in the table of contents must specify the target frame in which the linked page will appear.
Page 278 ADOBE GOLIVE CS2 User Guide See also “About actions” on page 608 Inline frames Inline frames enable you to insert a frame in a non-frameset page. Web browsers typically display the frame with horizontal and vertical scrollbars. An inline frame embedded in a page To insert an inline frame Open the page in which you want to insert the frame.
Page 279: Special Page Elements
ADOBE GOLIVE CS2 User Guide Special page elements To add comments to a page As you lay out content on your web pages, you can add comments about the design. Comments appear only in GoLive (in the Comment Inspector and the source code) or other HTML editors and do not appear on the pages in web browsers.
Page 280 ADOBE GOLIVE CS2 User Guide To move an item up or down in the list, select it and click the arrow buttons. • To remove an item from the list, select it and click the Remove Selected Items button •...
Page 281 ADOBE GOLIVE CS2 User Guide See also “Adding horizontal space between items on a page” on page 271 To use a transparent GIF image for spacing Create a small (1x1 pixel) transparent GIF image in your image editing software and drag it into the Files tab of your site window.
Page 282 ADOBE GOLIVE CS2 User Guide Choose an option from the Behavior menu: Scroll Causes the message to scroll continuously. Moves the message into the marquee box and to hold it there. Slide Moves the message into the marquee box and to bounce it between the edges.
Page 283: Chapter 11: Tables
GoLive table features The table features in Adobe GoLive make it easy to lay out entire web pages or organize information in rows and columns. You can instantly generate a table in GoLive by using a table you’ve copied in a different application, including Adobe InDesign, Adobe FrameMaker, and third-party word-processing or spreadsheet applications, such as Microsoft Excel or Microsoft Word.
Page 284: Creating Tables
ADOBE GOLIVE CS2 User Guide Creating tables To create a new empty table To place the table at the insertion point with a particular number of rows and columns, Ctrl-drag (Windows) or • Command-drag (Mac OS) the Table icon in the Basic set of the objects toolbox. Release the mouse button when the desired number of rows and columns appear.
Page 285: Selecting Tables, Rows, Columns, Or Cells
ADOBE GOLIVE CS2 User Guide Original table (top) and after (bottom) pasting a table copied in a different application See also “Adding sliced Photoshop images” on page 377 “Selecting tables or cells” on page 276 To convert a table to a layout grid You may want to convert a table to a layout grid in order to move items around the table more easily.
Page 286 ADOBE GOLIVE CS2 User Guide Selecting a table cell with the Select tab of the Table & Boxes palette A. Selected table cell B. Nested tables display a gray outline when not selected. (Cells within nested tables appear only when the nested table is selected.)
Page 287 ADOBE GOLIVE CS2 User Guide To select rows Do any of the following: In the document window or Select tab of the Table & Boxes palette, move the pointer over the left edge of a row • until it changes to the Row Selection pointer , and then click. Drag up or down to add adjacent rows to your selection.
Page 288: Moving, Adding, Or Deleting Rows Or Columns
ADOBE GOLIVE CS2 User Guide Moving, adding, or deleting rows or columns To move or duplicate a table column or table row In either the document window or the Select tab of the Table & Boxes palette, select one or more entire columns or rows.
Page 289: Resizing And Fixing Tables
ADOBE GOLIVE CS2 User Guide To add a table row or column Do any of the following: Select the table or a cell in the table, and enter the desired number for Rows and Columns in the Table tab of the •...
Page 290 ADOBE GOLIVE CS2 User Guide C D E Fixing a column size conflict A. Size conflict B. Table width in pixel units C. Column width in pixel units D. Column size in percentage units E. Column width in automatically resized pixel units To identify table, row, and column sizes Select a table, row, column, or cell.
Page 291: Formatting Tables With Table Styles
ADOBE GOLIVE CS2 User Guide To resize a table • To specify a new size in the Table tab of the Table Inspector, choose an option from the pop-up menu for Width or Height, and enter the desired measurement value. Choose Auto to automatically adjust the width or height to the minimum size needed to contain any content within the table.
Page 292 ADOBE GOLIVE CS2 User Guide Style tab of Table & Boxes palette A. Import Table Style button B. Export Table Style button C. Rename Table Style button D. Capture Table Style button E. New Table Style button F. Delete Table Style button Note: Table styles are not related to CSS styles.
Page 293: Formatting Tables With The Table Inspector
ADOBE GOLIVE CS2 User Guide • To rename a table style, choose the table style and then click the Rename Table Style button or choose Rename Table Style from the Table & Boxes palette menu. To remove a table style from the Table & Boxes palette, in the Style tab, choose a style from the pop-up menu, and •...
Page 294 ADOBE GOLIVE CS2 User Guide Border, Cell Pad, and Cell Space table properties compared A. Border of 1 pixel B. Border of 10 pixels C. Cell pad of 5 pixels D. Cell pad of 10 pixels E. Cell space of 5 pixels F. Cell space of 10 pixels Select Color to apply a background color to the table.
Page 295 ADOBE GOLIVE CS2 User Guide Select Color to apply a background color to the row. To set the color value, do one of the following: Right-click (Windows) or Control-click (Mac OS) the color field or click the black triangle in the lower right •...
Page 296: Formatting Tables With Cascading Stylesheets
ADOBE GOLIVE CS2 User Guide To format table cells Select the cells you want to format. In the Cell tab of the Table Inspector, choose a property from the Vertical Alignment pop-up menu to set the alignment of content within the cells. Default aligns the text vertically according to the browser’s preferences.
Page 297 ADOBE GOLIVE CS2 User Guide Class style applied to a table column A. Class style properties in the CSS Inspector B. Class style listed in CSS Editor See also “About cascading stylesheets” on page 318 To create a CSS element style that applies to all tables, rows, or cells in a page To set the properties of all tables in a page, create an HTML element style named after the <table>...
Page 298: Text In Tables
ADOBE GOLIVE CS2 User Guide Text in tables Adding text to tables GoLive provides a variety of ways to add text to a table. Besides typing text directly in a table cell, you can copy and paste text from another application, drag text between cells or other containers, and import data from a text file.
Page 299: Sorting In Tables
ADOBE GOLIVE CS2 User Guide This feature is useful for quickly adding data to a table that you have exported from a database or spreadsheet as a tab-delimited text file. To export text in a table to tab-delimited text Select the table.
Page 300 ADOBE GOLIVE CS2 User Guide In the second Then By pop-up menu, do one of the following: If you don’t want to specify a tertiary column or row to be used in the sort criteria, choose None. • • If you chose Rows in step 3, choose the tertiary column in the table with contents that you want to appear in numerical and alphabetical order.
Page 301: Chapter 12: Formatting Text
Chapter 12: Formatting text Formatting text in web pages Formatting text for the web You can make text more interesting and easier to read by formatting it, but keep in mind that text can appear different on other computers, depending on the platform, browser, and browser preferences. You can use the View palette to view a simulation of how your document would appear on different platforms and with different browsers.
Page 302: Adding And Selecting Text
ADOBE GOLIVE CS2 User Guide Formatting text with both cascading stylesheets and HTML text attributes Pages that use cascading stylesheets load in the browser window much faster than pages that are individually formatted with HTML text attributes—but CSS is not supported by older browsers (including Netscape Navigator 3.x or earlier and Internet Explorer 3.x or earlier).
Page 303: Formatting Paragraphs With Html Text Attributes
ADOBE GOLIVE CS2 User Guide To copy text from a web page In the Layout Editor, Source Code Editor, or Preview window, select the text that you want to copy. Do one of the following: Choose Edit > Copy. To place the insertion point, click inside a layout text box, table cell, layer, the current page •...
Page 304 ADOBE GOLIVE CS2 User Guide HTML paragraph formats You can add structure to your text by using HTML paragraph formats which add a blank line before and after the formatted text in most browsers: Use for text that describes the topic of the section that follows the heading and to define a heading’s level of Header importance in the heading hierarchy.
Page 305 ADOBE GOLIVE CS2 User Guide To align or add margins to a paragraph You can align a paragraph to the left side, center, or right side of the page or container (such as a table cell). You can also add left and right margins to a paragraph without affecting its alignment.
Page 306 ADOBE GOLIVE CS2 User Guide About text flow on web pages A paragraph of text on a blank web page or inside a container automatically wraps itself to the left and right edges of the browser window or container. When the browser window or container is resized, the text rewraps as needed.
Page 307: Formatting Text Inline
ADOBE GOLIVE CS2 User Guide To add items to the list, put the insertion point at the end of the text in the last item in the list, and press Enter or Return. To modify a list item’s appearance, do any of the following: •...
Page 308 ADOBE GOLIVE CS2 User Guide Identifies the selected text as content taken from another source. Most browsers display quotations using Quotation a smaller font size and italics. Identifies the text as the title of a cited work. Most browser display the selected text italicized.
Page 309: Changing Fonts
ADOBE GOLIVE CS2 User Guide To apply an HTML physical or structural attribute to text Do one of the following: To format existing text, select the text. • To format text you are about to type, click in the document window to place an insertion point.
Page 310 ADOBE GOLIVE CS2 User Guide To create a font set Choose Type > Font > Edit. In the Font Editor, click the Default Font Sets tab. Do one of the following: • To create a blank font set, click the Create New Font Family button To create a copy of a font set, hold down the Create New Font Family button and choose the font set.
Page 311: Changing The Size And Color Of Text
ADOBE GOLIVE CS2 User Guide Changing the size and color of text Guidelines for controlling font sizes Font sizes are relative to the font size preferences set in web browsers. In addition, fonts in Windows are about one step larger than in Mac OS because of a difference in pixel resolution between platforms. To make sure that your page layout can handle a range of font sizes across platforms, here are some guidelines to follow when designing it: You can control the font size across platforms by using CSS styles.
Page 312 ADOBE GOLIVE CS2 User Guide Note: The relative size attributes are part of the font element, which is known to interfere with cascading stylesheets in the same page; therefore it’s safer not to use the font element and CSS in the same page.
Page 313: Using Html Text Styles
ADOBE GOLIVE CS2 User Guide To remove color from selected text Select the text, and then do one of the following: Choose Type > Remove Color. • Click the lower right corner of the Set Text Color icon on the toolbar, and choose Remove Color.
Page 314 ADOBE GOLIVE CS2 User Guide See also “Displaying palettes and tabs” on page 27 To create a new HTML style If you want to base the new HTML style on text that’s already formatted, select the formatted text in the page.
Page 315 To export HTML styles Predefined HTML styles that come with GoLive are stored in an html.xml file in the Adobe GoLive application’s Settings > Styles folder. You can export the current HTML styles from the HTML Styles palette to a separate XML file, which you can share with others or store for back-up.
Page 316: Spelling
ADOBE GOLIVE CS2 User Guide To replace HTML or CSS styles GoLive lets you convert styles in multiple files simultaneously. You can replace HTML styles with CSS styles, and vice versa. Choose Special > Convert > Styles. From the Work On menu, select a group of files. Then select specific files in the list below.
Page 317: Searching Text And Html Source Code
ADOBE GOLIVE CS2 User Guide If you are checking a site, click Next File to quit checking the current page and start checking the next page in the site. To stop checking at any time, click Stop. To edit a personal dictionary Choose Edit >...
Page 318 ADOBE GOLIVE CS2 User Guide Recent search strings appear in the Find Text window menu. Select options to match the case, look for entire words that are not embedded within other words, start searching from the top of the page, wrap around to the beginning of the search, or search for text using wildcards (regular expressions).
Page 319 ADOBE GOLIVE CS2 User Guide You can also find and replace text without reopening or moving the Find window to the foreground by choosing Edit > Find > Replace or choosing Edit > Find > Replace & Find Next. These commands are only available if the item searched for was found and is still selected.
Page 320 ADOBE GOLIVE CS2 User Guide Select options to match the case, look for entire words that are not embedded within other words, start searching from the top of the page, wrap around to the beginning of the search, or search for text using wildcards (regular expressions).
Page 321 ADOBE GOLIVE CS2 User Guide Wildcard patterns appear in the Saved Searches menu. Guidelines for wildcard seaching Use these guidelines when wildcard searching: Characters that are used to specify wildcard options, such as “?”, “\”, “[”, and “]”, must be preceded by a backslash.
Page 322 ADOBE GOLIVE CS2 313 User Guide Search String Finds <H[1-6]> HTML headings H1 through H6, including “H1”, “H2”, “H3”, etc. <[a-zA-Z][a-zA-Z0-9]*> Any start tag that has no attributes, such as "<P>", "<b>", "<H2>", "<ImaGe>" <[a-zA-Z][a-zA-Z0-9]*[^>]*> Any start tag, including those with attributes, such as "<image width=20>"...
Page 323 ADOBE GOLIVE CS2 314 User Guide Wildcard Option Action \x00 - \xff Finds any character, as identi fied by its ASCII value. For example: “\X43” finds “C” Quantifiers The question mark makes the preceding character or string (enclosed in parentheses) optional.
Page 324: Non-Roman Characters
If you enter the back-reference \1 CS in the Replace text box, the found text is replaced with the contents of the first pair of parentheses plus the letters CS. If the match is “Adobe GoLive”, the result is Adobe GoLive CS. If the match is “GoLive”, the result is GoLive CS.
Page 325 ADOBE GOLIVE CS2 User Guide To activate encodings for language scripts In the Encodings preferences, you can select the default language script and activate additional scripts so they appear in the File > Document Encoding menu. Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS), and select Encodings from the list on the left.
Page 326 ADOBE GOLIVE CS2 User Guide If your text contains characters that are used in HTML syntax, such as “<”, “>”, and “&”, you must use the proper HTML notation for special characters, such as “<”, “>”, and “&”; otherwise, GoLive interprets them as HTML tags when it reads the text-only file.
Page 327: Chapter 13: Cascading Stylesheets
Chapter 13: Cascading stylesheets Understanding cascading stylesheets About cascading stylesheets Cascading stylesheets (CSS) make it easy to update text properties and other attributes throughout a website. If a CSS style needs to be updated, you simply edit the style and all content that hosts the style will automatically reflect the new properties.
Page 328 ADOBE GOLIVE CS2 User Guide 2. Define the properties of each CSS style. Use the CSS Editor to define the properties of each CSS style. Properties that you can define include font sets, text size, border attributes, list attributes, background attributes, and absolute position coordinates.
Page 329: Creating And Viewing Stylesheets
ADOBE GOLIVE CS2 User Guide Creating and viewing stylesheets Choosing between internal and external stylesheets When you create a stylesheet, first determine whether it should be internal or external. An internal stylesheet is written into the head section of a web page and is typically used if styles are used on only one page. An external stylesheet exists as a separate file, which is useful if you want multiple pages to share the same styles.
Page 330 ADOBE GOLIVE CS2 User Guide To edit the styles listed in the Create New CSS Statements menu in the CSS Editor Click the Create New CSS Statements button in the CSS Definitions tab of the CSS Editor, and choose New Style >...
Page 331 ADOBE GOLIVE CS2 User Guide To create an external stylesheet Do one of the following: To create a new external stylesheet, choose File > New, and then choose Web > CSS. Choose a preconfigured • stylesheet, or choose basic.css to open a simple stylesheet. The external CSS Editor appears.
Page 332: Using External Stylesheets
ADOBE GOLIVE CS2 User Guide Using external stylesheets About external stylesheets If multiple pages share style elements, you can create an external stylesheet that you reference from the individual pages. Using external stylesheets helps to keep your page sizes small and lets you update the entire site’s styles from within the single external stylesheet.
Page 333 ADOBE GOLIVE CS2 User Guide To replace a reference to an external stylesheet In the Files tab of the site window, select the.css file you want to replace. In the In & Out Links palette, use the pick whip that is adjacent to the .css file and reference a different stylesheet document in the site window.
Page 334: Creating Css Styles In Stylesheets
ADOBE GOLIVE CS2 User Guide Creating CSS styles in stylesheets Types of CSS styles You can create new CSS styles from scratch or import CSS styles from an external stylesheet. There are four different types of styles you can define in a stylesheet: HTML element styles Are “hard-wired”...
Page 335 ADOBE GOLIVE CS2 User Guide About HTML element styles One of the more powerful features of cascading stylesheets is the ability to change the properties of a web page based on its HTML elements (tags). By using element styles, you can enhance the presentation of a document and maintain downward compatibility as a courtesy to viewers with browsers that don’t support CSS;...
Page 336 ADOBE GOLIVE CS2 User Guide Select the new style in the CSS Editor, and select the Selector And Properties set . If you didn’t choose a tag in step one, type an HTML element (tag) name in the Selector text box. If you want to apply the same properties to multiple elements, separate each element name with a comma in the Selector text box.
Page 337 ADOBE GOLIVE CS2 User Guide ID styles Unlike classes, which you can apply to an unlimited number of items in a page, an ID style lets you apply a specific style only once in a document. Use IDs for a unique paragraph or range of text, such as a headline, warning message, or other text that needs unique and very restrictive treatment to distinguish it from other content in the page.
Page 338 ADOBE GOLIVE CS2 User Guide See also “About style properties” on page 330 Media, font, and page rules You can specify media, font, and page information using CSS rules: @media rule Specifies styles for different types of media. For example, use @media to specify the font size for print media and a separate font size for the screen.
Page 339: Deﬁning Style Properties
ADOBE GOLIVE CS2 User Guide .c las s na m e { p r o p er ty : val u e } HTML element styles The syntax consists of an HTML tag, without the angle brackets < >, followed by a property:...
Page 340 ADOBE GOLIVE CS2 User Guide Inheritance can also impact the value of a style. The value of a style property can be given as a percentage that refers to a property that precedes it. In the following example, the line-height value of 120% is determined by the font-size property that precedes it in the stylesheet.
Page 341 ADOBE GOLIVE CS2 User Guide To set font properties for a style The Font Properties set in the CSS Editor lets you define a font family and make font style settings, including color, font size, and line height. As you set font property options, a preview of the text properties displays in the lower right section of the CSS Editor.
Page 342 ADOBE GOLIVE CS2 User Guide To set text spacing, case, and alignment for a style The Text Properties set of the CSS Inspector lets you define spacing, case, and alignment properties for the selected style. Select a style in the CSS Editor, click the Text Properties set, and do any of the following: To set the horizontal alignment, choose an option from the Text Alignment menu.
Page 343 ADOBE GOLIVE CS2 User Guide Block set of CSS Inspector A. Sets invisible margins around the style item B. Sets floating style item position and size C. Sets distance between border and style item D. Formats style item as a layer E. Clears or allows layers on either side of the style item Cascading stylesheets are based on a simple block-oriented formatting model.
Page 344 ADOBE GOLIVE CS2 User Guide In the Clear menu, specify how an element accepts floating elements. Left Moves the element below any floating element on the left side. Moves the element below any floating element on the right side. Right Does not allow floating elements on either side.
Page 345 ADOBE GOLIVE CS2 User Guide See also “Block properties for CSS” on page 333 “Relative and absolute units” on page 331 List item properties for CSS The List Item and Other Properties set lets you set the appearance of list item markers—for example, the appearance of a bullet in a bulleted list.
Page 346 ADOBE GOLIVE CS2 User Guide Tiles the image vertically. Repeat y Disables tiling—that is, the image does not repeat. Once To set a background to scroll or not scroll with other elements on the page, choose an option from the Attach menu: Makes the image scroll.
Page 347: Applying Styles
ADOBE GOLIVE CS2 User Guide Applying styles Applying styles After you’ve created your cascading stylesheet, added styles to it, and edited the style properties, you need to apply class and ID styles to text or objects in your pages and reference external stylesheets from your pages.
Page 348 ADOBE GOLIVE CS2 User Guide Applies a style to the entire body of a page. If this option isn’t listed, select the <body> tag in the markup <body> tree at the bottom of the page, or place an insertion point anywhere in the Layout Editor, except inside a table or layer.
Page 349: Chapter 14: Adding Images And Multimedia
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.
Page 350: Setting Basic Image Options
ADOBE GOLIVE CS2 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 •...
Page 351: Creating Rollovers
ADOBE GOLIVE CS2 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. Select the image, and then select Border in the More tab of the Image Inspector.
Page 352 ADOBE GOLIVE CS2 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.
Page 353 ADOBE GOLIVE CS2 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.
Page 354: Assigning Rollover Images Automatically
ADOBE GOLIVE CS2 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...
Page 355: Using Actions With Rollovers
ADOBE GOLIVE CS2 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.
Page 356: Low Source Images
ADOBE GOLIVE CS2 User Guide Use the Target text box to specify the target frame in the destination frame set (if any). Type additional information in the Title text box. Some browsers use this information to display tooltips or voice annotations.
Page 357: Building A Web Page Using Tracing Images
ADOBE GOLIVE CS2 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 In the Image Inspector, click the More tab. Select Low, and then do one of the following: Specify an existing low source image in the text box.
Page 358: Adding Multimedia To Web Pages
ADOBE GOLIVE CS2 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.
Page 359 ADOBE GOLIVE CS2 User Guide GoLive offers the generic Plug-in object that you configure, as well as the predefined SWF object , the QuickTime object , the Real object , the SVG object , and the Windows Media object . You can also associate other file types with plug-ins.
Page 360: Multimedia Plug-In Options
ADOBE GOLIVE CS2 User Guide 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). 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).
Page 361 ADOBE GOLIVE CS2 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: Specifies how the SWF object relates to the containing web page. Select one of the following, and then set...
Page 362 ADOBE GOLIVE CS2 User Guide Enables caching through the browser when the movie is played back. Cache Sets the audio volume. Enter a value from 0 (mute) to 100 (full volume). Volume Plays the movie automatically when the page opens.
Page 363 ADOBE GOLIVE CS2 User Guide Forces browsers to use the QuickTime plug-in for the specified file, regardless of MIME type. Specify data QTSrc rate in the Speed text box, and choose one of the following caching options from the Use Browser menu: •...
Page 364 ADOBE GOLIVE CS2 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.
Page 365: Java Applets And W3C Object Controls
ADOBE GOLIVE CS2 User Guide Reveals media files, the status bar, and play, pause, stop, mute, and volume controls. • Mini • Reveals all media files and controls. Full Play Rate options Determines playback speed. Default value is 1; values such as .5 and 2 equal half-speed and double-speed, Play Rate respectively.
Page 366 ADOBE GOLIVE CS2 User Guide To set up W3C object controls 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. In the Object Inspector, do one of the following: •...
Page 367: Chapter 15: Working With Smart Objects
The versatility of Smart Objects extends far beyond automated image optimization. They also provide features that let you convert HTML text to an image, create multiple image variations from a single image file, and import text and graphics from Adobe InDesign. See also “Choosing between pre-optimized images and Smart Objects”...
Page 368 ADOBE GOLIVE CS2 User Guide Smart Object source and target files A. Source file added to GoLive B. GoLive generates web-optimized target file C. Smart Object in Layout Editor maintains link between source and target files Storing Smart Object files When working with Smart Objects, store source and target files in two different places in the site window.
Page 369: Adding And Copying Smart Objects
ADOBE GOLIVE CS2 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).
Page 370: Updating And Editing Smart Objects
ADOBE GOLIVE CS2 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.
Page 371 ADOBE GOLIVE CS2 User Guide To edit a Smart Object source file Double-click the Smart Object in the Layout Editor or the source file in the site window. 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.
Page 372: Resizing And Cropping Smart Objects
ADOBE GOLIVE CS2 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.
Page 373 ADOBE GOLIVE CS2 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 •...
Page 374: Optimizing And Saving Web Graphics
ADOBE GOLIVE CS2 User Guide 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.
Page 375 ADOBE GOLIVE CS2 User Guide 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.
Page 376 By default, named settings are saved in the Settings/SaveForWeb/Optimize folder inside the Adobe GoLive application folder. To delete a preset, select the preset from Settings menu, and select Delete Settings from the Optimize menu.
Page 377: Working With Slices During Optimization
ADOBE GOLIVE CS2 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.
Page 378: Web Graphics Formats And Options
ADOBE GOLIVE CS2 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.
Page 379 ADOBE GOLIVE CS2 User Guide 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.
Page 380 ADOBE GOLIVE CS2 User Guide • Uses the standard 216-color color table common to the Windows and Mac OS 8-bit (256-color) Restrictive (Web) palettes. This option ensures that no browser dither is applied to colors when the image is displayed using 8-bit color.
Page 381 To save a color table, select Save Color Table from the Color Table palette menu. By default, the color table file is • given the extension .act (for Adobe Color Table). • To load a color table, select Load Color Table from the Color Table palette menu. You can load a color table from an .act file or a GIF file (to load the file’s embedded color table).
Page 382 ADOBE GOLIVE CS2 User Guide Optimization options for JPEG format Optimization settings for JPEG A. File format menu B. Compression Quality menu Determines the level of compression. The higher the Quality setting, the more detail the compression Quality algorithm preserves. However, using a high Quality setting results in a larger file size than using a low Quality setting.
Page 383 ADOBE GOLIVE CS2 User Guide Optimization options for PNG-24 format Determines how transparent pixels in the image are optimized: Transparency and Matte 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 •...
Page 384: Output Settings For Web Graphics
ADOBE GOLIVE CS2 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 output settings, select Edit Output Settings from the Optimize menu (to the right of the Settings menu) in the Save For Web dialog box.
Page 385 ADOBE GOLIVE CS2 User Guide Saving Files output settings You set the following options in the Saving Files set of the Output Settings dialog box: Choose elements from the pop-up menus or enter text into the boxes to be combined into the default File Naming names for all files.
Page 386: Chapter 16: Adding Content From Adobe Applications
GoLive uses Photoshop layer names to generate names for the corresponding GoLive layers. Because some browsers incorrectly interpret GoLive layers with names that begin with numbers, avoid creating layer names that begin with numbers in Adobe Photoshop. (If necessary, you can change the names of GoLive layers after importing a layered Photoshop file.)
Page 387 ADOBE GOLIVE CS2 User Guide 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.
Page 388 ADOBE GOLIVE CS2 User Guide 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.
Page 389: Adding Adobe Illustrator Artwork
ADOBE GOLIVE CS2 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.
Page 390 ADOBE GOLIVE CS2 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;...
Page 391 Specifies how fonts are exported. Choose from the following options: • Uses font hinting for better rendering of small fonts. This font type is supported by the Adobe SVG Adobe CEF Viewer but may not be supported by other SVG viewers.
Page 392 Select this option if you’re exporting a template for use in AlterCast. Preserves slice locations and optimization settings. Include Slicing Data Includes XMP metatdata in the SVG file. Use the Adobe Bridge Browser to enter metadata. Include XMP Enable Auto Kerning Prevents creation of a <tspan>...
Page 393 ADOBE GOLIVE CS2 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.
Page 394: Adding Adobe Indesign Content
ADOBE GOLIVE CS2 User Guide Specifies whether or not to animate blended objects. Selecting this option produces the same Animate Blends results as manually releasing blended objects to layers before you export. If you select Animate Blends, select a method for exporting the blend: Exports each object in the blend to a separate frame in the animation.
Page 395 ADOBE GOLIVE CS2 User Guide 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.
Page 396: Using The Indesign Package Window
ADOBE GOLIVE CS2 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.
Page 397 ADOBE GOLIVE CS2 User Guide Indicates assets that are already used in the site. Used On Web Page Shows an asset’s location in the package. To see precisely where an asset appears on a page, right-click it, and Page select Reveal In InDesign Layout.
Page 398: Adding Graphics And Images From Indesign Packages
ADOBE GOLIVE CS2 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.
Page 399: Adding Text And Tables From Indesign Packages
InDesign. To apply those features, use Smart Components or Smart PDF objects. Smart Components function similarly to other GoLive components, but to edit them you must use either GoLive’s XML editor or Adobe InCopy. Smart PDF objects create image files, which are larger but let you resize extensively and use unusual fonts that many Internet viewers don’t have installed.
Page 400: Exporting Indesign Packages To Html
ADOBE GOLIVE CS2 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 >...
Page 401 ADOBE GOLIVE CS2 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 In the package window, click the HTML Preview tab.
Page 402 ADOBE GOLIVE CS2 User Guide (Optional) To edit and preview CSS for text assets, click Edit CSS in the Inspector. 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.)
Page 403: Chapter 17: Working With Pdf Documents
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. •...
Page 404 ADOBE GOLIVE CS2 User Guide 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.
Page 405: Pdf Comments
For more information about page setup settings, see “Exporting pages to PDF” on page 399. For more information about security settings, see Adobe Acrobat Help. Note: GoLive supports standard Acrobat security, but not Self-Sign Security.
Page 406: Editing Pdf Link Regions
ADOBE GOLIVE CS2 User Guide In the PDF Preview, do either of the following: Select an existing comment. • Click to create a new comment. • In the text box of the PDF Commenting Inspector, view or edit the comment.
Page 407 ADOBE GOLIVE CS2 User Guide To create a new PDF link region Open an existing PDF file, and click the PDF Link Editing tab in the document window. In the toolbar, click the Add New Link button In the document window, drag across the area you want to link.
Page 408: Exporting Web Pages To Pdf
ADOBE GOLIVE CS2 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.
Page 409 When you click PDF Preview tab for an open web page, the PDF Creation Inspector provides the following options. Note: You can override these options in the Export Adobe PDF dialog box, but it lacks a Refresh PDF Preview button that lets you preview new settings.
Page 410 To export selected pages in a site to PDF In the site window, select one or more pages. If you’re exporting an entire site, select only one page; you can later specify the entire site in the Export Adobe PDF dialog box.
Page 411: Setting Global Options For Pdf Documents
About Adobe PDF presets A PDF preset is a predefined set of PDF options that you can use to create Adobe PDF files. The settings in default presets balance file size with quality for specific mediums, such as the web, mobile devices, or print. You can also create new presets with custom settings.
Page 412: General Options For Adobe Pdf Files
• To import a preset, click Load. Locate the joboptions file you want to load, and click Open. To save a preset, select it, and click Save. Shared presets are stored in the Adobe PDF\Settings folder. To store the •...
Page 413 ADOBE GOLIVE CS2 User Guide Acrobat 4 Acrobat 5 Acrobat 6 Acrobat 7 (PDF 1.3) (PDF 1.4) (PDF 1.5) (PDF 1.6) PDF files can PDF files can Most PDF files Most PDF files be opened be opened can be can be...
Page 414: Dialog Box
Optimize For Fast Web View by restructuring the file for page-at-a-time downloading (byte serving). This option compresses text and line art, regardless of what you have selected as compression settings in the Compression area of the Export Adobe PDF dialog box.
Page 415: Compression Options For Adobe Pdf Files
ADOBE GOLIVE CS2 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.
Page 416: Html Conversion Options For Adobe Pdf Files
Remove Background Removes background colors, background images, and CSS background styles. Selects the Create Tagged PDF option in the General area of the Adobe PDF Preset dialog box, Mobile Compatible adding unique formatting tags for mobile devices. Mobile-compatible PDF files are best viewed in Acrobat 5.0 and later.
Page 417: Site Creation Options For Adobe Pdf Files
“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.
Page 418: Security Options For Adobe Pdf Files
Restricts access to the PDF file’s security settings. If the file is opened in Adobe Acrobat, the user can view the file but must enter the specified Permissions password in order to change the file’s Security and Permissions settings. If the file is opened in Illustrator, Photoshop, InDesign, or GoLive the user must enter the Permissions password, since it is not possible to open the file in a view-only mode.
Page 419 ADOBE GOLIVE CS2 User Guide Allows users to access content using Enable Text Access Of Screen Reader Devices For The Visually Impaired software tools for the visually impaired. This option is only available for high (128-bit RC4) encryption. Allows users to copy and extract content from the PDF. This option is only available Enable Plaintext Metadata when Compatibility is set to Acrobat 6 or later.
Page 420: Chapter 18: Forms
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.
Page 421: Adding Form Elements
ADOBE GOLIVE CS2 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.
Page 422 ADOBE GOLIVE CS2 User Guide To create a Submit or Reset button Drag the Submit Button icon or the Reset Button icon from the Forms set in the objects toolbox to within your form. To change the label that appears on the face of the button, select Label in the button’s Inspector and type a label.
Page 423 ADOBE GOLIVE CS2 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.
Page 424: Adding Form Navigation
ADOBE GOLIVE CS2 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 •...
Page 425 ADOBE GOLIVE CS2 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.
Page 426: Advanced Form Elements And Properties
ADOBE GOLIVE CS2 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. Select the form element. In the Key box of the Inspector, type any alphanumeric character.
Page 427 ADOBE GOLIVE CS2 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 Drag the Hidden, Key Generator, or File Browser icon from the Forms set in the objects toolbox to your form.
Page 428 ADOBE GOLIVE CS2 User Guide To set up an inactive form element Select the form element. Select Disabled in the Inspector. Write a script that dynamically enables the item, and attach the script to the page or to another button.
Page 429: Chapter 19: Site Assets
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.
Page 430 ADOBE GOLIVE CS2 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).
Page 431 ADOBE GOLIVE CS2 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.
Page 432 ADOBE GOLIVE CS2 User Guide 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...
Page 433: Applying And Updating Page Templates
ADOBE GOLIVE CS2 User Guide To create nested page templates 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. Double-click the template in the Extras tab of the site window and click Create.
Page 434 ADOBE GOLIVE CS2 User Guide To apply a page template to an existing page 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.
Page 435: Stationery
ADOBE GOLIVE CS2 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.
Page 436: Components
ADOBE GOLIVE CS2 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.
Page 437 ADOBE GOLIVE CS2 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.
Page 438: Snippets
ADOBE GOLIVE CS2 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.
Page 439: Site Colors
ADOBE GOLIVE CS2 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.
Page 440 ADOBE GOLIVE CS2 User Guide To add site colors 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.
Page 441: Font Sets
ADOBE GOLIVE CS2 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.
Page 442: Site Urls And E-Mail Addresses
ADOBE GOLIVE CS2 User Guide To use a site font set Select the text on the page. 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.
Page 443 ADOBE GOLIVE CS2 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.
Page 444: Collections
ADOBE GOLIVE CS2 User Guide To rename or edit a site URL or e-mail address Select the site URL or e-mail address in the External tab. 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.
Page 445 ADOBE GOLIVE CS2 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.
Page 446: Site Samples
ADOBE GOLIVE CS2 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 •...
Page 447 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. Place the site in one of the subfolders in the Adobe GoLive CS2/Settings/DocumentStore/Sites folder. Open the site.
Page 448: Chapter 20: Publishing Websites
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.
Page 449 ADOBE GOLIVE CS2 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”...
Page 450: Uploading And Downloading Files
(FTP only) Keep the Use ISO 8859-1 Translation option (Mac OS only) selected to use the Latin 1 character • encoding set, which encompasses the majority of Western European languages. Select Use Standard Framework to use the updated framework GoLive CS2 uses to connect to FTP or HTTP • servers. This framework enables SSL (Secure Socket Layer) connections.
Page 451 If you receive the message “Can’t connect to server [servername]. Reason: Cannot connect to [protocol]”, check your proxy settings, or review connection errors in the Log window (choose File > Log). Information on proxy settings and connection errors is available in the support knowledgebase on the Adobe website. See also “To transfer files”...
Page 452 ADOBE GOLIVE CS2 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...
Page 453 ADOBE GOLIVE CS2 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 •...
Page 454 Strip HTML Code For Comments And Spaces pages. Removes GoLive tags and attributes that let you edit your anima Strip HTML Code For Adobe GoLive Elements tions, scripted actions, and so on. Strip GoLive Data From Media Files Checks all GIF, JPEG, PNG, SWF, and SVG files for Smart Object data and removes the data to make the files smaller.
Page 455 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.
Page 456 ADOBE GOLIVE CS2 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.
Page 457: Exporting Sites
Select Comments or Spaces to streamline the source code without affecting the appearance Strip HTML Code For of pages. Select Adobe GoLive Elements to remove GoLive tags and attributes that let you edit your animations, scripted actions, and so on.
Page 458: Setting Up Distributed Websites
ADOBE GOLIVE CS2 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 Open the site. Choose File > Export > Site.
Page 459: Managing Websites With Webdav
ADOBE GOLIVE CS2 User Guide To set up a distributed website Create a separate site document for each server. Keep index.html as the file name for home page of the site that is the entry point of your distributed site.
Page 460 ADOBE GOLIVE CS2 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 •...
Page 461 ADOBE GOLIVE CS2 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.
Page 462: Chapter 21: Building And Updating Co-Author Sections
The Co-Author feature in Adobe GoLive allows web designers to build sections of a site that other people can then easily update. Sites can include regular pages that the web designer updates, and template-based pages that the co...
Page 463: Web Designer Phase: Creating Co-Author Sections And Items
6. Update the site (co-author). Download the site by using the Site Locator file, and use Adobe Co-Author to update the co-author sections. See also “To create or edit a co-author story” on page 459...
Page 464 From the List Item menu, specify the field that you want to appear in the stories list of the Co-Author Editor and Adobe Co-Author. The Sort and List Item fields do not necessarily need to match. For example, you can view product names (List Item) in the stories list, and then sort them by their prices (Data Item).
Page 465 Note: When you import items from an external data source, you cannot edit the resulting data in the Co-Author Editor or in Adobe Co-Author. Use the Data Source option only if you have a data source from which you want to automatically generate pages.
Page 466 Templates folder. Use to automatically specify the item region Smart Object with variables (assigned in Adobe ImageReady®) according to the variables. Make sure that the variable name matches the item name. Place the image target files in...
Page 467: Co-Author Phase: Updating A Co-Authored Website
The co-author’s work begins when the website design and generation is complete. You use Adobe Co-Author to update the site. Adobe Co-Author has a streamlined, intuitive interface, which makes it easy to use regardless of your experience. The editor lets you perform only the tasks required for updating a section, preventing you from inadvert...
Page 468 Co-author stories contain the content (organized by item names) that GoLive places in a template to generate the co author web pages. You can edit existing stories and create new ones. Note: If the web designer imported items from an external data source, you cannot edit the resulting fields in Adobe Co- Author.
Page 469 Editing a story in Adobe Co-Author To preview a co-author web page In the Stories column of Adobe Co-Author, select the story for the page you want to preview. Click the Preview tab. Note: Links are disabled in the Preview tab.
Page 470: Chapter 22: Authoring Mobile Content
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.
Page 471: Creating Mms Messages
An XML-based format that lets you integrate web graphics with interactive scripting and dynamic databases. GoLive produces SVG Tiny files, which are compatible with a wide range of mobile devices and the Adobe SVG Viewer. Extensible Hypertext Markup Language (XHTML) An extensible, XML-based version of HTML, supported by 2.5G and 3G mobile devices.
Page 472 ADOBE GOLIVE CS2 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.
Page 473 ADOBE GOLIVE CS2 User Guide 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.
Page 474 Select a color depth from the Colors menu. To specify a phone image, click Choose Image, and select a file in the GoLive CS2\Settings\MMS\Phones folder. To change the device’s color profile, click Settings. Set options in the Save For Web dialog box, and click Save.
Page 475: Creating Svg Tiny Files
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. With the Adobe “SVG” Viewer, you can view SVG Tiny files in a standard web browser. To create or open an SVG file Choose File >...
Page 476 ADOBE GOLIVE CS2 User Guide 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...
Page 477: Xhtml Basic And Mobile
ADOBE GOLIVE CS2 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.
Page 478 ADOBE GOLIVE CS2 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”...
Page 479: I-Mode Html
ADOBE GOLIVE CS2 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.
Page 480 ADOBE GOLIVE CS2 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. See also “Designing for mobile devices” on page 461 “To configure the objects toolbox for i-mode HTML”...
Page 481 You can place GIF images on an i-mode page, but make sure that the image file size is small. Do your major image editing in a graphics application such as Adobe Photoshop or Adobe Illustrator, and then save a copy as a GIF image.
Page 482: Wml
ADOBE GOLIVE CS2 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.
Page 483: Working With Wml Cards And Templates
ADOBE GOLIVE CS2 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.
Page 484: Working With Wml Elements
ADOBE GOLIVE CS2 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.
Page 485 ADOBE GOLIVE CS2 User Guide See also “To enable the WML module” on page 473 To add an element to a deck 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.
Page 486: Working With Events And Tasks In Wml Decks
ADOBE GOLIVE CS2 User Guide To specify image attributes Select an img element in the document window. In the Img Inspector, set the following attributes: 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.
Page 487 ADOBE GOLIVE CS2 User Guide The following elements let you bind a task to an event: Specifies a task to be executed when an intrinsic event occurs. An intrinsic event is generated when a user onevent interacts with an element in the WML deck. For example, a user entering a card via the go element is an intrinsic event.
Page 488: Getting User Input In Wml Decks
ADOBE GOLIVE CS2 User Guide To add a go element 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.
Page 489 ADOBE GOLIVE CS2 User Guide Specifies the maximum number of characters that a user can enter in the input area. To allow an maxlength unlimited number of characters, leave this attribute blank. Specifies the position of the element in the tabbing order (the order in which elements are activated when tabindex a user presses the Tab key).
Page 490: Using Hypertext Links And Timers With Wml Cards
ADOBE GOLIVE CS2 User Guide Specifies the language of the element or its attributes. xml:lang Specifies a default index value to be used if the variable specified in the iname attribute is not set when the ivalue element is displayed.
Page 491: Previewing Xhtml, I-Mode Html, Or Wml In A Phone Emulator (Windows Only)
ADOBE GOLIVE CS2 User Guide Set the following optional attributes in the Inspector: title Specifies a title for the element. Specifies a key that a user can press to activate the link. The availability of keys depends on the wireless accesskey device.
Page 492 ADOBE GOLIVE CS2 User Guide To preview a page in a phone emulator 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 •...
Page 493: Chapter 23: Authoring Smil Presentations
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.
Page 494 ADOBE GOLIVE CS2 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.
Page 495 ADOBE GOLIVE CS2 User Guide 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.
Page 496: Creating Smil Presentations
ADOBE GOLIVE CS2 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.
Page 497: Adding, Grouping, And Repeating Media Items
ADOBE GOLIVE CS2 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.
Page 498 ADOBE GOLIVE CS2 User Guide To add media items to a presentation 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.) Adding an image item to a Parallel Container A.
Page 499 ADOBE GOLIVE CS2 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.
Page 500 ADOBE GOLIVE CS2 User Guide 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.
Page 501: Laying Out Smil Presentations
ADOBE GOLIVE CS2 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.
Page 502 ADOBE GOLIVE CS2 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.
Page 503 ADOBE GOLIVE CS2 User Guide Positions the source file at the item region’s upper-left corner, and uses the source file’s height and width Meet proportions to scale the source file. The player application scales the source file so that one of the source file’s dimen- sions is equal to one of the region’s dimensions, and the other dimension is within the region’s boundaries.
Page 504: Setting The Timing Of Items And Containers
ADOBE GOLIVE CS2 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. Select the item in the Timeline Editor. 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.
Page 505 ADOBE GOLIVE CS2 User Guide Note: The Inspector values for begin and end times reflect the global presentation time; GoLive calculates the actual values before encoding them. Set the container’s end time by doing one of the following: Choose None to end the element at its position in the timeline.
Page 506 ADOBE GOLIVE CS2 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.
Page 507 ADOBE GOLIVE CS2 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.
Page 508: Adding Links To Presentations
ADOBE GOLIVE CS2 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.
Page 509: Creating Hotspots In A Presentation
ADOBE GOLIVE CS2 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.
Page 510 ADOBE GOLIVE CS2 User Guide 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;...
Page 511: Changing The Display Or Position Of Hotspots
ADOBE GOLIVE CS2 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 With the Layout tab active, select the hotspot you want to the bring to front or send to the back.
Page 512: Setting The Timing Of Hotspots
ADOBE GOLIVE CS2 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.
Page 513: Animating Items And Adding Transitions
ADOBE GOLIVE CS2 User Guide To use the Hotspot Inspector to set the timing of a hotspot Select the hotspot in the Layout tab of the SMIL window or in the Timeline Editor. 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.
Page 514 ADOBE GOLIVE CS2 User Guide Specifies whether to animate using pixels or percent. Specifies the values to use as attribute keyframes for the animation. Enter the values to use, separated by a Values semicolon (;). For example, to animate the width attribute between three sizes, enter: 10;30;90.
Page 515: Matching Presentations To A Viewer's System And Preferences
ADOBE GOLIVE CS2 User Guide Transition Inspector options Specifies the transition type you want to use. Type 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.
Page 516 ADOBE GOLIVE CS2 User Guide 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 C. Default case D. Test for German language E.
Page 517: Working With Regions In Smil Presentations
ADOBE GOLIVE CS2 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: Tests the actual bandwidth (not modem speed) that is available to the viewer’s system. From the Bitrate...
Page 518 ADOBE GOLIVE CS2 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).
Page 519: Adding Smil Presentations To A Site
ADOBE GOLIVE CS2 User Guide In the Region ID box, change the region’s default ID, if necessary. 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.
Page 520 ADOBE GOLIVE CS2 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.
Page 521 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.rpm) Select Class, and then choose RealPlayer from the menu next to the Class box.
Page 522: Creating Realplayer Presentations
ADOBE GOLIVE CS2 User Guide Displays a Play/Pause button. Play Button Displays a Play button. Play Only Button Displays a Pause button. Pause Button Displays a Stop button. Stop Button Fast Forward Control Displays a Fast Forward button. Displays a Rewind button.
Page 523 ADOBE GOLIVE CS2 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.
Page 524: Creating Realpix Presentations
ADOBE GOLIVE CS2 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.
Page 525 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: Although you can use either interlaced or noninterlaced GIFs, noninter...
Page 526 ADOBE GOLIVE CS2 User Guide 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 F. Timeline area G. Playback controls H. Current time position I. Time scale slider J. Buttons for adding and deleting effects.
Page 527 ADOBE GOLIVE CS2 User Guide To set up a RealPix presentation Click the Main Settings button 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.
Page 528 ADOBE GOLIVE CS2 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.)
Page 529: Using Effects In A Realpix Presentation
ADOBE GOLIVE CS2 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.
Page 530 ADOBE GOLIVE CS2 User Guide Select the effect in the timeline area. 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.
Page 531: Adjusting Images In Realpix Presentations
ADOBE GOLIVE CS2 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 .
Page 532 ADOBE GOLIVE CS2 User Guide 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.
Page 533 ADOBE GOLIVE CS2 User Guide Resizing and repositioning an image with the Destination Rectangle A. Use the Destination Rectangle in the Destination view to resize and reposition an image B. You can display two images together by resizing and repositioning them in the Destination view.
Page 534: Chapter 24: Editing Quicktime Movies
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).
Page 535: Creating And Opening Quicktime Movies
ADOBE GOLIVE CS2 User Guide Creating and opening QuickTime movies To create a new movie Choose File > New. Select Web > Multimedia > QuickTime Movie, select Show Options, and then do one of the following: • Choose a movie size from the Sizes menu.
Page 536 ADOBE GOLIVE CS2 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 •...
Page 537: Editing Movies In The Timeline Editor
ADOBE GOLIVE CS2 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.
Page 538 ADOBE GOLIVE CS2 User Guide Displays information about the tracks. Show or hide track information by clicking the Track information Show/Hide Track Info button . The columns display the following information: • 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.
Page 539 Note: Although video and audio tracks can contain samples, GoLive doesn’t currently let you create or edit video or audio samples directly. To create or edit video or audio samples, use a video or audio editing application such as Adobe Premiere Pro or Adobe Audition.
Page 540: Working With Tracks
ADOBE GOLIVE CS2 User Guide Deletes a sample (or sprite keyframe). After selecting the Delete Sample tool, click the sample Delete Sample tool you want to delete. Swaps two adjacent samples. For example, you can change the order of images in a picture track Swap Sample tool by swapping its picture samples.
Page 541 ADOBE GOLIVE CS2 User Guide Adds streaming video and audio to a movie. Streaming track Organizes other tracks into groups. Folder track 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.
Page 542 ADOBE GOLIVE CS2 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.
Page 543 ADOBE GOLIVE CS2 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: Aligns the selected tracks or samples to the start time of the Align To Tracks’/Samples’...
Page 544 ADOBE GOLIVE CS2 User Guide Displays a menu that lists the Normalize Track and Set Track Normalize Track/ Set Track Dimension 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.
Page 545: Animating Tracks
ADOBE GOLIVE CS2 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.
Page 546 ADOBE GOLIVE CS2 User Guide To navigate through keyframes To quickly evaluate each keyframe for a property, locate the Keyframe Navigator for the property, and click the Forward or Backward button. To move a keyframe You can move existing keyframes to vary the speed of animation changes.
Page 547: Movie Tracks
ADOBE GOLIVE CS2 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: Specifies pixel coordinates on the x and y axes.
Page 548 ADOBE GOLIVE CS2 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.
Page 549 ADOBE GOLIVE CS2 User Guide More options for movie tracks In the More tab of the Movie Track Inspector, you can select the following options: Restricts the embedded file from playing until the root movie time reaches the file’s start time. The Slave Time timeline of the root movie controls the embedded file—it plays like any other nonmovie track.
Page 550: Picture Tracks
ADOBE GOLIVE CS2 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.
Page 551 ADOBE GOLIVE CS2 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.
Page 552: Sprite Tracks
ADOBE GOLIVE CS2 User Guide To replace multiple images in a picture track Select the picture track in the Timeline Editor, and then display the Slideshow tab of the Picture Track Inspector. 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.
Page 553 Before you can use images as sprites, you must first import them into the image pool. You can use images with the following formats: BMP, GIF, JPEG/JFIF, JPEG2000, MacPaint, Adobe Photoshop, PICT, PNG, QuickDraw GX (Mac OS only, requires the QuickDraw GX extension), QuickTime Image Format, SGI, Targa, and TIFF.
Page 554 ADOBE GOLIVE CS2 User Guide See also “Importing Photoshop layers as sprites” on page 548 To import images into the sprite track image pool Select the sprite track in the track list, and then display the Images tab of the Sprite Track Inspector.
Page 555 ADOBE GOLIVE CS2 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.
Page 556 ADOBE GOLIVE CS2 User Guide 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.
Page 557: Using Photoshop Images As Sprites
Setting up images and layer names in Photoshop for rollover behavior In Adobe Photoshop, create and lay out the background and sprite images exactly as you want them to appear in the movie. For example, suppose you want to create a movie that displays a television with four buttons for selecting channels.
Page 558 ADOBE GOLIVE CS2 549 User Guide To import a Photoshop file and automatically create sprites Select the sprite track in the track list in the Timeline Editor. 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 •...
Page 559: Swf Tracks
ADOBE GOLIVE CS2 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.
Page 560: Streaming Tracks
ADOBE GOLIVE CS2 User Guide To wire an SWF button with actions Select the SWF track in the Timeline Editor, and then display the Actions tab of the SWF Track Inspector. 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.
Page 561 ADOBE GOLIVE CS2 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.
Page 562: 3D And Mpeg Tracks
ADOBE GOLIVE CS2 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.) Drag a 3D Track icon from the QuickTime set of the objects toolbox to the track list area of the Timeline Editor.
Page 563: Folder And Chapter Tracks
ADOBE GOLIVE CS2 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.
Page 564: Text And Href Tracks
ADOBE GOLIVE CS2 User Guide 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. Click the triangle next to the folder track to expand or collapse it and display the tracks within the folder track.
Page 565 ADOBE GOLIVE CS2 User Guide Using a text track in a movie A. Text links B. Scrolling text To add a text track and text to a movie Drag a Text Track icon from the QuickTime set of the objects toolbox to the track list area of the Timeline Editor.
Page 566 ADOBE GOLIVE CS2 User Guide 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”...
Page 567: Filter Tracks
ADOBE GOLIVE CS2 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.
Page 568 ADOBE GOLIVE CS2 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. 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.
Page 569 ADOBE GOLIVE CS2 User Guide Click OK. GoLive labels the one source filter sample bar in the Timeline Editor with the name of the effect. To add other one-source filters that appear at different times in the movie, use the Create Sample tool to create new one source filter samples.
Page 570 ADOBE GOLIVE CS2 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. 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.
Page 571 ADOBE GOLIVE CS2 User Guide Adjusts the brightness and contrast of the track. The default value is 0. Values between 100 Brightness and Contrast and 0 decrease the brightness and contrast; values between 0 and 100 increase the brightness and contrast.
Page 572 ADOBE GOLIVE CS2 User Guide • Controls the number of scratches that are drawn on each frame and the frequency with which Scratch Density they appear. • Specifies the maximum number of frames in which each scratch appears. Scratch Duration •...
Page 573 ADOBE GOLIVE CS2 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: Combines two images using the alpha channels of the images to control the blending. It provides...
Page 574 ADOBE GOLIVE CS2 User Guide Replaces one source image with another, while both tracks move at the same time. For example, track A would Push 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.
Page 575: Using Actions To Control Tracks
ADOBE GOLIVE CS2 User Guide Using actions to control tracks Actions for setting movie properties Use the following actions to set movie properties: Sets the audio volume of the movie. You can set the volume level between 0 (minimum) and 255 Movie Set Volume (maximum).
Page 576 ADOBE GOLIVE CS2 User Guide Actions for setting track properties Use the following actions to set track properties: Enables or disables a track, regardless of its type. You can use it, for example, to switch between Track Set Enabled two different sound tracks.
Page 577 ADOBE GOLIVE CS2 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...
Page 578 ADOBE GOLIVE CS2 User Guide Sets the current field of view of a QuickTime VR movie. QTVR Set Field Of View Sets the current default view of a QuickTime VR movie. QTVR Go To Default View See also “To wire a movie track with actions” on page 540 “To wire an SWF button with actions”...
Page 579: Scripting With Quicktime Wired Action Programming Language
Language About QuickTime scripting Adobe’s QuickTime Wired Action Programming Language lets you create sophisticated, interactive movies. Adobe created QuickTime Wired Action Programming Language to expand the functionality of Apple’s QuickTime wired actions (the set of predefined actions QuickTime recognizes) and to automate the scripting process in GoLive.
Page 580 ADOBE GOLIVE CS2 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. For example, the following uses a custom function called “my Add Func” to add two...
Page 581 ADOBE GOLIVE CS2 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.
Page 582 “About tracks and track types” on page 531 To create radio-button and toggle-button behaviors In Adobe Photoshop (or another image-editing application), create a PSD file with the desired layers. Note: Make sure that you name the layers in your Photoshop file so they import correctly.
Page 583: Making Movies With Xml
ADOBE GOLIVE CS2 User Guide From the QuickTime set in the objects toolbox, drag the Sprite Track icon to the Timeline Editor window to add it to the movie. With the sprite selected, click the Sprites tab of the Sprite Track Inspector.
Page 584 ADOBE GOLIVE CS2 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.
Page 585: Saving And Exporting Movies
ADOBE GOLIVE CS2 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.
Page 586 ADOBE GOLIVE CS2 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.
Page 587: Chapter 25: Editing Source Code
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.
Page 588 ADOBE GOLIVE CS2 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. Enable you to turn on context-sensitive code completion options in the Source Code and JavaS...
Page 589: Source Code Mangement Tools
ADOBE GOLIVE CS2 User Guide Choose Edit > Preferences (Windows) or GoLive > preferences (Mac OS), and then select Themes under Source Preferences. Choose HTML Syntax from the Syntax menu. Select the key set (from step 4) in the list beneath the Syntax menu.
Page 590: Using The Visual Tag Editor
ADOBE GOLIVE CS2 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.
Page 591 ADOBE GOLIVE CS2 User Guide Adding an element with the Visual Tag Editor 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.
Page 592: Using The Outline Editor
ADOBE GOLIVE CS2 User Guide To add a tag around a selection using the Visual Tag Editor In the Layout Editor, select a range of text, or text plus an object within a single paragraph. Choose Special > Visual Tag Editor.
Page 593 ADOBE GOLIVE CS2 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.
Page 594 ADOBE GOLIVE CS2 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.
Page 595 ADOBE GOLIVE CS2 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...
Page 596 ADOBE GOLIVE CS2 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.
Page 597: Adding New Elements To Source Code
ADOBE GOLIVE CS2 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.
Page 598: Working With Source Code
ADOBE GOLIVE CS2 User Guide To enter code for an unknown element Select the Tag placeholder for the unknown element. 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.
Page 599 ADOBE GOLIVE CS2 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.
Page 600 ADOBE GOLIVE CS2 User Guide Hides lines of code that are identical. Hide Identical Lines Scrolls both code displays simultaneously. Synchronize Scrolling 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...
Page 601 ADOBE GOLIVE CS2 User Guide 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.
Page 602: Selecting And Highlighting Source Code
ADOBE GOLIVE CS2 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.
Page 603 ADOBE GOLIVE CS2 User Guide To select elements with the markup tree bar Display the document in the Layout Editor, Frame Editor, source code panel, or Outline Editor. 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 •...
Page 604 ADOBE GOLIVE CS2 User Guide 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 In the Layout Editor, Source Code Editor, or Outline Editor, choose Window >...
Page 605: Locating Source Code
ADOBE GOLIVE CS2 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.
Page 606 ADOBE GOLIVE CS2 User Guide To search for elements Choose Edit > Find > Find Code Elements. 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.
Page 607 ADOBE GOLIVE CS2 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: Keeps the element and sets, updates, or deletes its attribute.
Page 608 ADOBE GOLIVE CS2 599 User Guide To rename, delete, or replace an existing element Define the search criteria and scope of the search. (See “Locating elements with the Find Code Elements dialog box” on page 596.) In the Change section of the Find Code Elements dialog box, do one of the following: •...
Page 609: Navigating Through Source Code
ADOBE GOLIVE CS2 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.
Page 610 ADOBE GOLIVE CS2 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.
Page 611: Javascript
ADOBE GOLIVE CS2 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.
Page 612 ADOBE GOLIVE CS2 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.
Page 613 ADOBE GOLIVE CS2 User Guide See also “Navigating source code by function” on page 600 “Source preferences” on page 578 To edit an existing JavaScript To open the JavaScript Editor, do one of the following: Double-click the JavaScript icon in the document window.
Page 614: Javascript Libraries
ADOBE GOLIVE CS2 User Guide JavaScript sample code and result 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.
Page 615 ADOBE GOLIVE CS2 User Guide To set the JavaScript library preference 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.
Page 616 ADOBE GOLIVE CS2 User Guide To set all sites to flatten the JavaScript library upon upload or export Choose Edit > Preferences. Expand Site and select Upload / Export. Select Flatten Script Library and click OK.
Page 617: 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. To facilitate setting up actions, the Actions tab displays the selected item at the bottom (to ensure that you’re working with the right tag), and the Action menu displays...
Page 618: Browser-Triggered Actions
ADOBE GOLIVE CS2 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.
Page 619: Timeline-Triggered Actions
ADOBE GOLIVE CS2 User Guide Triggers an action when the viewer double-clicks the linked item. Double Click Triggers an action when the viewer presses the mouse button while the pointer is over the linked item. Mouse Down Mouse Up Triggers an action when the viewer releases the mouse button while the pointer is over the linked item.
Page 620: Getters Actions
ADOBE GOLIVE CS2 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 Choose Special > DHTML Timeline > Open Editor. Ctrl-click (Windows) or Command-click (Mac OS) the Actions Track of the DHTML Timeline Editor to insert an action placeholder.
Page 621 ADOBE GOLIVE CS2 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.
Page 622: Image Actions
ADOBE GOLIVE CS2 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 automat- ically change based on certain criteria, and create remote rollovers.
Page 623: Link Actions
ADOBE GOLIVE CS2 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.
Page 624 ADOBE GOLIVE CS2 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.
Page 625 ADOBE GOLIVE CS2 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. If the current page is located in a frame set, enter the frame name you want to target in the Target text box, or leave it blank to have the link replace the current frame.
Page 626 PDF Redirect The PDF Redirect action detects the Adobe Portable Document Format (PDF) browser plug-in and sends the browser to a specified PDF file or web page if the plug-in is installed. If the plug-in is not installed, the browser displays the page in which the PDF Redirect action resides.
Page 627 ADOBE GOLIVE CS2 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.
Page 628 ADOBE GOLIVE CS2 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.
Page 629: Message Actions
ADOBE GOLIVE CS2 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.
Page 630 ADOBE GOLIVE CS2 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 <open>...
Page 631: Multimedia Actions
ADOBE GOLIVE CS2 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”...
Page 632 ADOBE GOLIVE CS2 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.
Page 633 ADOBE GOLIVE CS2 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.
Page 634 ADOBE GOLIVE CS2 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.
Page 635: Others Actions
ADOBE GOLIVE CS2 User Guide Playback options for the SlideShow action Repeats the slide show after the final image is shown. Loop Play Backwards Displays the images from the last to the first. This option lets you create forward and backward links for the slide show.
Page 636 ADOBE GOLIVE CS2 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.
Page 637 ADOBE GOLIVE CS2 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.
Page 638 ADOBE GOLIVE CS2 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...
Page 639: Realplayer
ADOBE GOLIVE CS2 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.
Page 640 ADOBE GOLIVE CS2 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.
Page 641 ADOBE GOLIVE CS2 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.
Page 642: Specials Actions
ADOBE GOLIVE CS2 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. This action is most useful on the Actions Track of the Timeline Editor, but can also be used with buttons or a text link if you want to let the viewer decide whether to run the grouped actions or not.
Page 643 ADOBE GOLIVE CS2 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.
Page 644: Variables Actions
ADOBE GOLIVE CS2 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.
Page 645 ADOBE GOLIVE CS2 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. •...
Page 646 ADOBE GOLIVE CS2 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.
Page 647 ADOBE GOLIVE CS2 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.
Page 648 ADOBE GOLIVE CS2 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.
Page 649: Chapter 27: Conﬁguring Web Settings
“change”, “new”, or “x” under the User column. Press Delete on the keyboard. Click Yes when prompted to confirm the change. To restore the Web Settings defaults Quit GoLive. Locate the Settings folder: (Windows) Documents and Settings/[username]/Application Data/Adobe/Adobe GoLive/Settings • (Mac OS) Mac OS X/Users/[username]/Library/Preferences/Adobe/GoLive/Settings •...
Page 650: Markup Language Options In Web Settings
Restart GoLive. A default set of Web Settings is created. To restore a particular tab to its default settings Locate the Settings folder: (Windows) Documents and Settings/[username]/Application Data/Adobe/Adobe GoLive/Settings • • (Mac OS) Mac OS X/Users/[username]/Library/Preferences/Adobe/GoLive/Settings Do one of the following: To restore only the Markup Language tab, delete the MarkupGlue folder.
Page 651 ADOBE GOLIVE CS2 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...
Page 652: See Also
ADOBE GOLIVE CS2 User Guide 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 <BODY> tag). Creates an element that has visible content. This element can only exist within a container element, Inline Visible such as the <IMG>...
Page 653: To Edit An Element Attribute In The Markup Language Tab
ADOBE GOLIVE CS2 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.
Page 654: To Edit An Enumeration In The Markup Language Tab
ADOBE GOLIVE CS2 User Guide To edit an enumeration in the Markup Language tab Enter the enumeration name in the Enum Name box of the Web Settings Enum Inspector. 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.
Page 655: Characters Options In Web Settings
ADOBE GOLIVE CS2 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.
Page 656 ADOBE GOLIVE CS2 User Guide Copying a character entity in the Web Settings Entity Inspector 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.
Page 657: Browser Proﬁles Options In Web Settings
ADOBE GOLIVE CS2 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.
Page 658: File Mappings And Global Options In Web Settings
ADOBE GOLIVE CS2 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.
Page 659 ADOBE GOLIVE CS2 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.
Page 660 ADOBE GOLIVE CS2 User Guide Sets the indentation value and the type of indentation between sets of container tags in Indent with (White Space) the source code. Specifies how line breaks are written for your web server platform: Line break character Inserts a carriage return character only.
Page 661: Chapter 28: Color Management
For example, a scanner profile tells a color management system how your scanner “sees” colors. Adobe applications use ICC profiles, a format defined by the International Color Consortium (ICC) as a cross-platform standard. (See “About color profiles” on page 665.)
Page 662 ADOBE GOLIVE CS2 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.
Page 663: Keeping Colors Consistent
Keeping colors consistent About color management in Adobe applications Adobe’s color management system helps you maintain the appearance of colors as you bring images in from external sources, edit documents and transfer them between Adobe applications, and output your finished compositions.
Page 664 Adobe applications” on page 656.) • If you use only one Adobe application, or if you want to customize advanced color management options, you can change color settings for a specific application. (See “To set up color management for Illustrator, InDesign, and Photoshop”...
Page 665 Color Settings dialog box. However, customizing is recommended for advanced users only. Note: If you work with more than one Adobe application, it is highly recommended that you synchronize your color settings across applications. (See “To synchronize color settings across Adobe applications” on page 656.) See also “To customize color settings”...
Page 666 Customizing the working spaces, color management policies, and color conversion options is recommended for advanced users only. Note: If you work with more than one Adobe application, it is recommended that you synchronize your color settings across applications. (See “To synchronize color settings across Adobe applications” on page 656.)
Page 667: Color-Managing Imported Images
To share swatches between applications You can share the solid swatches you create in one Adobe CS2 application with any other Adobe CS2 application by saving a swatch library for exchange. The colors appear exactly the same across applications as long as your color settings are synchronized.
Page 668 “Color Management Policy options” on page 672 Preparing imported graphics for color management Use the following general guidelines to prepare graphics for being color-managed in Adobe applications: Embed an ICC-compliant profile when you save the file. The file formats that support embedded profiles are •...
Page 669: Color-Managing Documents For Online Viewing
When you color-manage documents that will be viewed exclusively on the web, Adobe recommends that you use the sRGB color space. sRGB is the default working space for most Adobe color settings, but you can verify that sRGB is selected in the Color Settings dialog box of any Creative Suite application. With the working space set to sRGB, any RGB graphics you create will use sRGB as the color space.
Page 670: Prooﬁng Colors
ADOBE GOLIVE CS2 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.
Page 671 ADOBE GOLIVE CS2 User Guide Soft proof presets Creates a soft proof of colors using the current CMYK working space as defined in the Color Working CMYK Settings dialog box. Document CMYK (InDesign) Creates a soft proof of colors using the document’s CMYK profile.
Page 672: Color-Managing Documents When Printing
Your options for printing color-managed documents depend on the Adobe application you use, as well as the output device you select. In general, you have the following choices for handling colors during printing: Let the printer determine colors.
Page 673 Color-managing PDF files for printing When you create Adobe PDF files for commercial printing, you can specify how color information is represented. The easiest way to do this is using a PDF/X standard; however, you can also specify color-handling options manually in the Output section of the PDF dialog box.
Page 674: Working With Color Proﬁles
Describe what colors an input device is capable of capturing or scanning. If your digital Input device profiles camera offers a choice of profiles, Adobe recommends that you select Adobe RGB. Otherwise, use sRGB (which is the default for most cameras). Advanced users may also consider using different profiles for different light sources.
Page 675 AdobeRGB color space, these numbers specify an actual color or wavelength of light; in this case, a specific color of purple. When color management is on, Adobe applications automatically assign new documents a profile based on Working Space options in the Color Settings dialog box. Documents without associated profiles are known as untagged and contain only raw color numbers.
Page 676 The overall level and range, respectively, of display intensity. These parameters work just Brightness and contrast 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. The values produced by a monitor from black to white are nonlinear—if you graph the values, they form a curve, not a straight line.
Page 677 In order to embed a color profile in a document you created in Photoshop, Illustrator, or InDesign, you must save or export the document in a format that supports ICC profiles. Save or export the document in one of the following file formats: Adobe PDF, PSD (Photoshop), AI (Illustrator), INDD (InDesign), JPEG, or TIFF.
Page 678 ADOBE GOLIVE CS2 User Guide To assign or remove a color profile from a document in Photoshop or Illustrator Choose Edit > Assign Profile. Select an option, and click OK: Removes the existing profile from the document. Select this option only if you Don’t Color Manage This Document...
Page 679: Color Settings
Color settings To customize color settings For most color-managed workflows, it is best to use a preset color setting which has been tested by Adobe Systems. Changing specific options is recommended only if you are knowledgeable about color management and very confident about the changes you make.
Page 680 Adobe RGB is recommended when preparing documents for print, because Adobe RGB’s gamut includes some printable colors (cyans and blues in particular) that can't be displayed using sRGB. Adobe RGB is also a good choice when working with images from professional-level digital cameras, because most of these camera use Adobe RGB as their default color space.
Page 681 Preserves color numbers when opening files and importing images, but still allows you to use color management to view colors accurately in Adobe applications. Select this option if you want to use a safe CMYK workflow. (See “Using a safe CMYK workflow” on page 658.) In InDesign, you can override this policy on a per-object basis by choosing Object >...
Page 682 In general, it is best to use the default rendering intent for the selected color setting, which has been tested by Adobe Systems to meet industry standards. For example, if you choose a color setting for North America or Europe, the default rendering intent is Relative Colorimetric.
Page 683 ADOBE GOLIVE CS2 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: Aims to preserve the visual relationship between colors so it’s perceived as natural to the human eye, Perceptual even though the color values themselves may change.
Page 684: Chapter 29: Keyboard Shortcuts
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.
Page 685: Default Keyboard Shortcuts
ADOBE GOLIVE CS2 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. Result Windows Mac OS Open documents Shift-close Wel...
Page 686 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Change the posi- Alt-click the Option-click the tion of the Split Show/Hide Split Show/Hide Split Source View Source button Source button Display the Select Alt-open a docu- Option-open a doc- Encoding dialog...
Page 687 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Force save a site Shift+Ctrl Shift+Ctrl Access the pick Ctrl-click a file Command-click a whip in the Errors file Open the Edit URL Alt-click the folder Option-click the dialog box icon in the URL...
Page 688 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Add children to Shift+Down Arrow Shift+Down Arrow selection Select previous sib- Ctrl+Left Arrow Option+Left Arrow ling or jump to nearest item to the left of selection Select next sibling Ctrl+Right Arrow...
Page 689 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Undefine all edit- Shift-choose Spe- Shift-choose Spe able regions cial > Template > cial > Template > Undefine Editable Undefine Editable Region Region Retain all editable Shift-choose Spe- Shift-choose Spe regions when cial >...
Page 690 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Reduce column Shift+Left Arrow Shift+Left Arrow span, splitting the current cell Span rows, joining Shift+Down Arrow Shift+Down Arrow current cell with cell below Reduce row span, Shift+Up Arrow Shift+Up Arrow splitting the cur...
Page 691 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Move boxes based Arrow keys Arrow keys on Snap-To-Grid setting Move a layer only Shift-drag the layer Shift-drag the layer horizontally or ver tically Resize a layer Shift+Arrow keys Shift+ Arrow keys...
Page 692 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Duplicate a key- Alt-drag keyframe Option-drag key frame frame Create an action Ctrl-click action on Command-click placeholder action track action on action track Scale an animation Ctrl+Shift-drag Ctrl-drag while maintaining the relative time positions of all key...
Page 693 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Insert word break Ctrl+dash tag <WBR>, enabling the browser to hyphen ate the work at the point of insertion Show font names Alt-access menu Option-access rather than font menu families in menus...
Page 694 ADOBE GOLIVE CS2 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.
Page 695 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Assign a low source Alt+Shift-drag from Command-drag image to an image the object to the from the object to object in the Lay low source image the low source out Editor...
Page 696 ADOBE GOLIVE CS2 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.
Page 697 ADOBE GOLIVE CS2 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. Result Windows Mac OS Rewrite source Shift-choose Spe- Shift-choose Spe...
Page 698 ADOBE GOLIVE CS2 User Guide Result Windows Mac OS Perform a syntax Shift-click the Syn- Shift-click the Syn check without tax Check icon in tax Check icon in opening the Syntax the Highlight tab of the Highlight tab of Check window...
Page 699 Characters tabs See also “Customizing keyboard shortcuts” on page 675 Keys for working with Adobe Bridge This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.
Page 700 ADOBE GOLIVE CS2 691 User Guide Result Windows Mac OS Open Adobe Bridge from other Creative Control + Alt + O, Control + Shift + O Command + Option + O, Command + Shift Suite application Switch to the next open Bridge window...
Page 701 ADOBE GOLIVE CS2 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...
Page 702 ADOBE GOLIVE CS2 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...
Page 703: Index
65 Adobe Creative Suite color monitoring events 633 settings 654 viewing order details 67 Others 627 Adobe dialog box, in Version Cue 73 Adobe Studio 7 scene playback control 624 Adobe GoLive Adobe Studio Exchange 9 scrolling 628...
Page 704 Browser Switch Inspector 166 Assign Profile command 669 setting preferences for 74 browsers. See web browsers attributes AI files. See Adobe Illustrator files browser-switch scripts 166, 293 adding in Outline Editor 586 Align palette 251 browser-triggered actions 609 checking validity of 586...
Page 705 INDEX Build Cache For Subfolders list properties 336 importing data sources 455 command 43 Netscape CSS Fix action 628 items 455, 456 bulleted lists samples in New Document dialog previewing 460 about 297 box 318 publishing 460 buttons source code formatting 650 samples of 453 adding to forms 412, 413 storing property collections 337...
Page 706 Connect To Site command 150 synchronizing color settings 656 naming 431 Connect To Version Cue command, Color palette in Adobe GoLive 114 of normal, active, and visited about 175 links 180 connecting to web servers 440 adding color to site collection 431...
Page 707 INDEX Font Properties tab 332 action tracks 610 DailyImageURL action 613 List Item And Other Properties animation play range 260 set 336 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...
Page 708 INDEX dithering Export Internal Style Sheet command 322 Edit Font Sets command 301 browser 371, 374 Export Site Locator command 150 Edit PDF Anchor command 172 No Dither 374 Export Tab-Delimited Text Edit Properties command 82 DIV element 253 command 290 Edit Style dialog box 305 doctype exporting...
Page 709 447 unlocking 156 applying to text 433 file browsing, with Bridge 37 Files tab creating 301 file conflicts in Adobe Version about 202 editing 301 Cue 112 refreshing 209 saving with a site 432 file conflicts, in Version Cue 112...
Page 710 153 rearranging 229 exporting Version Cue projects workflow 151 removing pages from navigation to 132 views 229 GoLive. See Adobe GoLive publishing Version Cue projects solving 232 Goodies folder 9 to 129, 130 highlight colors 422 Goto Link action 615...
Page 711 Href attributes 433 In & Out Links palette IDs, in Version Cue 136 HTML about 232 Illustrator files. See Adobe Illustrator See also HTML text editing links sitewide 232 files converting to i-mode HTML 470 In Use By file status, in Version...
Page 712 Smart Objects 685 positioning with Layer Grid source code editing 688 Settings command 256 Japanese (Shift JIS) encoding 316 tables 680 preserving in Adobe Acrobat 405 Java applets type 683 recording animation path 261 about 356 web settings 690 selecting 255...
Page 713 INDEX adding to a page 248 linking showing and hiding 220 aligning and distributing See also links liquid layouts 243, 245, 461 objects 251 to anchors in pages 171 list properties for stylesheets 336 aligning with document images and objects to source lists 297 windows 249 files 167...
Page 714 Modified Date Inspector 270 using in Visual Tag Editor 582 New Element button 585 modified-item uploads 442 Marquee Inspector 272 new features in GoLive CS2 10 modules 35 master files, in Version Cue 84 New Folder command 47 Modules Manager 35...
Page 715 INDEX expanding and collapsing updating site files dependent outline 584 on 210 Object Inspector 187 moving elements 584 page titles Object Selection tool 30 navigating in 584 changing 157 objects toggling binary tag display 588 in File Inspector 206 aligning and distributing 251 outline links in diagrams 192 in head sections 163 Objects palette.
Page 716 Network 201 PDF/X-compliant files storing 337 Preview Mode module 32 color management proxy servers, setting up 439 considerations 664 Script Library 201 PSD files. See Adobe Photoshop files pending links SetTitle extend script 157 public key authentication 441 Site 201...
Page 717 538 rollovers button 170 MPEG tracks 553 about 342 Refresh command 44 Multiple Track Inspector 534 Adobe ImageReady 344 Refresh command, in Version Cue 78 picture tracks 541 attaching actions 346 Refresh meta element 165 saving 576 automatically detecting...
Page 718 SDK documentation 9 status bar messages for 344 sharing projects SDK for GoLive 11 thumbnail size, changing 344 Adobe Creative Suite 83, 84 Search Engine action 628 roman character sets 315 using Version Cue Administration search engines 157, 263 utility 130...
Page 719 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...
Page 720 67 regions 508 Spacer Inspector 272 signing in 68 removing last frame of an item 499 spacer.gif images 252, 272 Stock Photos. See Adobe Stock repeating and looping media Photos spaces items 490, 491 Stop Complete action 626 nonbreaking 271...
Page 721 253 System button 153 complimentary and paid 6 creating 275 Synchronized file status, in Version on Adobe.com 9 creating table styles 283 Cue 86 customizing 284 teletype text 299 synchronized uploads 442 Template Regions palette 421, 424...
Page 722 INDEX page. See page templates 3GPP 462 triggers terms, in glossary lists 297 thumbnails action 610 Test Variable action 638 in diagrams 191 browser 609 text updating 225 tryouts 9 See also paragraphs, layout text Tile Horizontally command 26 tutorials 7, 12 boxes Tile Vertically command 26 type.
Page 723 303 adding to Preview In Browser version control, in GoLive 150 in GIF and PNG-8 files 371 menu 32 Version Cue. See Adobe Version Cue web-settings folder 145 browser-window related versions actions 614 website management. See managing...
Page 724 INDEX menus 30 switching 27 Windows Media plug-in options 355 Wipe Transition action 626 Wireless Markup Language. See wizard. See Site Creation Wizard about 462, 473 cards 474 elements 475 enabling 473 events 477 images 476 input, capturing from viewers 479 links 481 onevent element 478 phone emulators 482...