manualshive.com logo in svg

Adobe GOLIVE CS2, User Manual, Page: 477 / 724

Share
Download
Adobe GOLIVE CS2 User Manual Download Page 477

468 

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. 

❖ 

Choose File > New, and then select Mobile > Pages > XHTML Basic Page or XHTML-MP Page. 

B 

A 

XHTML workspace 

A. 

Mobile View in the Layout Editor 

B. 

Mobile-compatible items in the objects toolbox 

See also 

“Designing for mobile devices” on page 461 

“To configure the objects toolbox for XHTML Basic or Mobile” on page 469 

“To add phone emulators and set a default” on page 482 

To convert an HTML page to XHTML Basic or Mobile 

1 

From the document window menu 

, choose Markup > Convert To XHTML, and then set conversion options. 

2 

From the document window menu, choose Doctype > XHTML Basic 1.0 or XHTML Mobile 1.0. 

When you change the doctype, GoLive automatically disables unsupported text formatting options in menus. 

Summary of Contents for GOLIVE CS2

Page 1: ...Chapter 1 Copyright User Guide...

Page 2: ...SE 1990 Munksgaard Interna tional Publishers Ltd 1990 All rights reserved Proximity Technology Inc THE PROXIMITY VAN DALE LEXICOGRAFIE BV DATABASE 1990 Van Dale Lexicografie bv 1990 All rights reserve...

Page 3: ...idge 37 Files and folders in Bridge 43 Bridge Center 50 Running automated tasks with Bridge 52 Metadata in Bridge 53 Using Version Cue with Bridge 59 Chapter 5 Adobe Stock Photos Adobe Stock Photos 61...

Page 4: ...ages and sections 182 Adding and editing links in diagrams 185 Custom objects 186 Moving and copying objects 188 Grouping objects 189 Anchoring and displaying diagrams and objects 190 Preparing diagra...

Page 5: ...elements 270 Chapter 11 Tables Understanding tables 274 Creating tables 275 Selecting tables rows columns or cells 276 Moving adding or deleting rows or columns 279 Resizing and xing tables 280 Format...

Page 6: ...pying Smart Objects 360 Updating and editing Smart Objects 361 Resizing and cropping Smart Objects 363 Optimizing and saving web graphics 365 Working with slices during optimization 368 Web graphics f...

Page 7: ...450 Chapter 21 Building and updating Co Author sections Understanding co authoring 453 Web designer phase creating Co Author sections and items 454 Co author phase updating a co authored website 458 C...

Page 8: ...e movies QuickTime in GoLive 525 Creating and opening QuickTime movies 526 Editing and previewing movies in the movie viewer window 526 Editing movies in the Timeline Editor 528 Working with tracks 53...

Page 9: ...ecials actions 633 Variables actions 635 Chapter 27 Con guring Web Settings Web Settings 640 Markup Language options in Web Settings 641 Characters options in Web Settings 646 Browser Pro les options...

Page 10: ...ve Suite or Adobe Photoshop the Activation dialog box appears automatically 2 Follow the on screen instructions Important If you intend to install the product on a different computer you must first tr...

Page 11: ...ls over the web To access links in the Expert Support section you must have an active Internet connection More Resources Provides easy access to the extensive resources on Adobe com including support...

Page 12: ...nter provides easy access to some of the content and services available from the Adobe website including support training and tutorials To display this section click More Resources To add contact info...

Page 13: ...window See also To navigate Help on page 4 To search Help topics on page 5 To navigate Help Do any of the following To view Help for a product choose the product name from the Help For menu To view on...

Page 14: ...s title 5 To return to the navigation pane do one of the following Click the Home button Click the Back button Click Next Topic or Previous Topic See also To print a topic from Help on page 5 To use b...

Page 15: ...ark select it and then click the Rename button In the dialog box type a new name for the bookmark and then click OK To move a bookmark select it and then click the Move Up button or the Move Down butt...

Page 16: ...kshop CD Presented by experts in their fields Total Training videos provide overviews demos of key new features and many useful tips and techniques for beginning and advanced users Look for accompanyi...

Page 17: ...ptual 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 w...

Page 18: ...dobe Bridge Bridge Center is available with Adobe Creative Suite only See also To display More Resources on page 3 Learning resources on page 6 Extras The Resources and Extras CD included with your CS...

Page 19: ...ce See About SVG Tiny format on page 466 Updated CSS Liquid layouts Create flexible layouts with CSS layout objects and the CSS layout grid See About CSS layout objects on page 245 CSS site management...

Page 20: ...with systems such as Adobe Version Cue and CVS Or quickly and easily provide built in version control for GoLive workgroups See About version control on page 150 Nested page templates Create complex c...

Page 21: ...www adobe com products tips golive html See also Design and lay out a web page on page 16 Create and manage links on page 18 Publish a site on page 21 Create and structure a site Adobe GoLive CS2 mak...

Page 22: ...blish servers after you ve set up the site and then click Finish to create the new site That s all there is to creating a new site GoLive creates a project folder on your hard drive The project folder...

Page 23: ...ter 4 to create four pages and then enter Models in the Filenames box to add pages named Models html Models1 html Models2 html and Models3 html Click Create 4 Anchor the diagram to a page in the site...

Page 24: ...toolbar Rename the new untitled folder Pages You ll place all your HTML pages in this folder Click in an empty area of the Files tab and click the Create New Folder button Rename the new folder Image...

Page 25: ...age 145 Choose 720 x from the Status Page Dimensions menu at the bottom center of the document window to display the current page at 720 pixels wide the standard width for 17 inch monitors If the menu...

Page 26: ...he image as a tile and repeat it to cover the entire page 3 Add and format text Click inside the CSS layout object to create an insertion point and type some placeholder text On the toolbar click the...

Page 27: ...ize or reoptimize a Smart Object you re manipulating the target file the source file doesn t change This workflow lets you generate multiple image variations from a single source file 5 Save the file...

Page 28: ...folder 2 Test the link Click the Preview In Browser button in the toolbar to preview the page with the link in your web browser Click the link and make sure that the destination page appears in the b...

Page 29: ...n more than one page in your site If you later need to update a URL in the External tab GoLive automatically updates it wherever it appears in the site 5 Create an external link Open the page that you...

Page 30: ...o determine the settings you ll need to access the publish server including the publish server address the server s protocol the location of your directory on the publish server and your user name and...

Page 31: ...to upload selected files all files in your site or only new files and files that have been modified locally since the last upload 4 Upload a modified file In the Files tab of the site window select an...

Page 32: ...ation action to the file or to any other file listed in the Synchronize dialog box select the file and cycle through the synchronization actions by clicking the Synchronization Action icon displayed i...

Page 33: ...w one for every site project document windows for each open web page and a variety of editors toolbars and palettes for working with everything in your site You can stack or tile windows on your scree...

Page 34: ...ect a file or site type you can either choose a specific file or site sample or begin creating a site by using the Site Creation Wizard You can set options for files such as doctype and encoding in th...

Page 35: ...e Toggle Head in the upper left corner of the document window next to the Head label To display the source code pane in the Layout Editor select the Layout tab and then click the Show Hide Split Sourc...

Page 36: ...ion or dragged the window or editor off the screen edge choose Window Cascade and Tile Cascade to return the window or editor to view See also Specifying the destination URL for a link on page 169 To...

Page 37: ...CSS Layers Table Library and View palettes GoLive will close any other open palettes To separate the tools and objects and to display the objects toolbox horizontally click the Separate Tools And Obj...

Page 38: ...pause and continue dragging into the body of the tab Pausing with the pointer on the Font Sets tab brings the body of the tab to the front To collapse palettes into side tabs To collapse a palette in...

Page 39: ...Lets you draw and position text boxes on a layout grid Note If the Grid Text Box tool isn t visible click and hold the Layer tool to display it Eyedropper tool Lets you extract color from text or an...

Page 40: ...GoLive You can also preview QuickTime movies animated GIFs or any other plug in media items that GoLive supports Using the Live Rendering browser you can preview changes you make in the Layout Editor...

Page 41: ...you have multiple document windows open the Live Rendering browser previews the currently selected document To set Live Rendering browser options Choose an option from the Live Rendering window menu L...

Page 42: ...in all of the browsers selected in the Browsers preferences click the Preview In Browser on the toolbar or choose File Preview In Default Browser To preview the page in a single browser from the Brows...

Page 43: ...and do any of the following tasks To add a new workspace click the Create New Workspace button To change the name of the workspace type a new name in the box and press Enter To remove the workspace c...

Page 44: ...generator content Adobe GoLive will appear in each file that you create or save At Launch Specifies what window GoLive opens when it launches Choose Create New Document to open a new file at launch C...

Page 45: ...choose a newer state in the History palette The newer states of the document are dimmed In Mac OS press Shift Command Z to restore the changes that you made to a document state incrementally To set th...

Page 46: ...idge on page 59 Bridge Center If you have Adobe Creative Suite Adobe Bridge includes Bridge Center the dashboard of Adobe Creative Suite where you can view news readers in your web browser see your mo...

Page 47: ...s and Bridge Center Adobe Creative Suite only Like all panels it s located on the left side of the Bridge window The Folders panel Shows the folder hierarchy Use it to navigate to the correct folder T...

Page 48: ...dows or Bridge Quit Bridge Mac OS To return to the last open application that started Bridge choose File Return To Application See also About Adobe Bridge on page 37 To manage files with Bridge on pag...

Page 49: ...ls outside the Bridge window Do any of the following Drag a panel by its tab up or down into another panel area Drag the horizontal divider bar between panels to make them larger or smaller Drag the v...

Page 50: ...ete Workspace Deletes the saved workspace If you choose this command choose the workspace from the menu and click Delete Reset To Default Workspace Restores the workspace to the default configuration...

Page 51: ...ferences Set any of the following Advanced preferences and click OK Do Not Process Files Larger Than Specifies the maximum file size of documents for which Bridge automatically creates thumbnails Disp...

Page 52: ...and needs to be regenerated Purge Central Cache Clears the entire centralized cache and any distributed cache in the currently viewed folder freeing room on the hard drive The command does not otherw...

Page 53: ...een This is a quick and easy way to display and work with large versions of all the graphics files in a folder Instructions on how to use the slide show are displayed on the screen when you choose thi...

Page 54: ...rk with a file you need to select it You can select more than one file at a time Do one of the following in the current folder Click the thumbnail of a file To select contiguous files Shift click them...

Page 55: ...nt for collaborative file management in workgroups You can manage not only Adobe Creative Suite files but also non Adobe files Do any of the following To delete files Select the files and click the De...

Page 56: ...r folder This action copies the file Windows or moves the file Mac OS onto the desktop or folder To drag files into Bridge Select one or more files on the desktop in a folder or in another application...

Page 57: ...obe Bridge on page 37 To manage files with Bridge on page 46 To label files with Bridge Labeling files with a color is a flexible way to quickly mark a large number of files Using the View Sort menu o...

Page 58: ...37 To specify how files and folders are shown in Bridge on page 44 To search for files and folders with Bridge You can perform searches with Bridge You can narrow your search by adding multiple searc...

Page 59: ...ou 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 produ...

Page 60: ...e Suite applications Also displays the Adobe Creative Suite Color Settings state Synchronize or Unsynchronize Open Help Starts Adobe Help Center To work with saved file groups in Bridge Center 1 Click...

Page 61: ...nning automated tasks with Bridge To run automated tasks with Bridge The Tools menu contains submenus for various commands available in the different Adobe Creative Suite applica tions For instance if...

Page 62: ...e compatible The current operating system is selected by default and you can t deselect it See also About Adobe Bridge on page 37 To manage files with Bridge on page 46 Metadata in Bridge About metada...

Page 63: ...ng on the selected file the following types of metadata appear in the Bridge Metadata panel File Properties Describes the characteristics of the file including the size creation date and modification...

Page 64: ...ns And Alternates to display the metadata next to the thumbnails in the content area This is especially useful for viewing Version Cue files Position the pointer over a thumbnail in the content area M...

Page 65: ...n the content area 1 Select one or more files 2 Choose File File Info 3 Select any of the following from the list on the left side of the dialog box Description Lets you enter document information abo...

Page 66: ...t modifiable by the user such as the f stop and the Photoshop file ID information as well as user modifiable information such as document title and keywords Holding down Option also displays the Reset...

Page 67: ...in Version Cue files in the Other Metadata section of the File Info dialog box Do any of the following To add a keyword to files select one or more files In the Keywords panel click the box next to t...

Page 68: ...hensive visualization of and centralized command over all aspects of Version Cue files and projects You can use Bridge to access Version Cue Workspaces create a project in any of those workspaces and...

Page 69: ...nnected to the network on which a particular Version Cue Workspace is located Bridge indicates the availability of the workspaces and projects you ve accessed by displaying different icons of workspac...

Page 70: ...aximum convenience you can open an account with Adobe The benefit of opening an account is that you enter your personal information only once greatly simplifying the checkout process You can also look...

Page 71: ...tes pane 2 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 3 Click the Search button or press Enter Images matching the...

Page 72: ...rice Keywords button Right click the image Windows and choose Get Price Keywords from the menu 3 To close the dialog box click the Close button Note The currency displayed in the Price Keywords dialog...

Page 73: ...send the photo to be printed InDesign and Illustrator display a warning that you are using a comp image You can view your downloaded comps by clicking Downloaded Comps in the Favorites pane or you can...

Page 74: ...rsonal information is kept in strict confidence Any information you enter is used only for Adobe Stock Photos purposes To view your photos click Purchased Images in the Favorites pane or navigate to t...

Page 75: ...t working with them right away 11 To view the receipt for your purchase in the Thank You page click View Receipt You can also monitor the progress of the download by clicking Open Download Status When...

Page 76: ...your account in several ways Manage your profile After you complete the registration process modify your account information anytime by clicking the Your Account link in the navigation bar See your or...

Page 77: ...our Stock Photos account profile Your account profile includes your name and password settings 1 Click the Your Account button 2 Log into your account 3 In the Your Account page click Edit Your Profil...

Page 78: ...e of the default credit card type a new name in the Payment Nickname text box To change the default credit card number type the new number in the Credit Card Number text box and then choose the expira...

Page 79: ...Country To change your default billing country choose the name of the country from the Billing Country menu The currency displayed next to the Billing Country menu may not be the native currency of t...

Page 80: ...ate and shared projects while you browse In addition you can use the Version Cue Workspace Administration for more advanced tasks Initiating and managing online reviews of PDF documents Duplicating ex...

Page 81: ...r spreadsheets When you keep all managed files related to a project in one place you eliminate the task of tracking down important files Here s an example of how you might use Version Cue with Adobe C...

Page 82: ...View menu options to customize the display You can change back to the OS dialog box at any time by clicking Use OS Dialog B A C The Adobe Dialog Box A Favorites panel B Project Tools menu C View menu...

Page 83: ...reviewers can see and reference them as the review progresses Ability to manage non Adobe files Store non Adobe files such as text documents schedule spreadsheets and billing forms in a Version Cue p...

Page 84: ...ersion Cue CS2 Tray Icon Windows or Show Version Cue CS2 Status In Menu Bar Mac OS to keep the Version Cue menu icon visible giving you quick access to Version Cue Administration and preferences 7 Cli...

Page 85: ...anually turn Version Cue on in Acrobat 7 to use it Choose Edit Preferences General Windows or Acrobat Preferences General Mac OS Then select or deselect Enable Version Cue Workgroup File Management Br...

Page 86: ...iles in this folder You can create any type and number of subfolders in the web content folder Web data folder Stores different types of reusable site objects such as Smart Objects components and temp...

Page 87: ...omputers within your subnet should be visible automatically 1 Do one of the following In Illustrator InCopy InDesign or Photoshop choose File Open If you are using the OS Dialog box click Use Adobe Di...

Page 88: ...f the Favorites panel and drag it to the right 4 To change the display of Version Cue Workspaces projects or files in the dialog box do any of the following To view the properties of a file click the...

Page 89: ...diting projects To begin using Version Cue you need to create a Version Cue project When you work with Version Cue you decide what a project entails For example you can create a project to organize fi...

Page 90: ...ure set available in Adobe Creative Suite or in a shared workspace See Availability of Version Cue features on page 71 for more information For information on creating a project in Acrobat 7 see Acrob...

Page 91: ...l you add files to the project See also To add a file or folder to a project in Bridge on page 90 To edit the properties of a project Note You can perform this task only if you have access to the full...

Page 92: ...Creative Suite or in a shared workspace See Availability of Version Cue features on page 71 for more information At any time you can change a project s shared status Projects on a Version Cue Workspa...

Page 93: ...eside in the Version Cue Workspace on the host computer The master copies of files added to the project including file versions and other file data such as comments version dates and user IDs are save...

Page 94: ...so Creating and editing projects on page 80 To create a project on page 81 Disconnecting from projects on page 95 Deleting files and folders on page 97 Editing and synchronizing offline files on page...

Page 95: ...The Open status is indicated only for files on your computer In Use By Me You are editing the file Version Cue assigns this status to a file when you make an edit to the file that changes its content...

Page 96: ...71 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...

Page 97: ...ossibility of creating conflicting copies Click one of the following Discard Changes Displays the most recent version of the file from the Version Cue Workspace and discards your changes to the workin...

Page 98: ...m with your workgroup You can also add non Adobe files to Version Cue projects You can add files using any of the following methods Add files one at a time from within InCopy or in Adobe Creative Suit...

Page 99: ...a desktop 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 Availa...

Page 100: ...copy or move files between projects or from a project to a desktop folder Do one of the following To copy a file between projects start Bridge and navigate to the project folder that contains the file...

Page 101: ...on from the Version Cue Workspace 1 In Illustrator InCopy InDesign or Photoshop choose File Place 2 Click Version Cue in the Favorites panel 3 Double click the host Version Cue Workspace 4 Double clic...

Page 102: ...elp for more information about working with the Links palette and placed files See also Availability of Version Cue features on page 71 To view alternates and versions in the Links palette on page 93...

Page 103: ...in the original folder 4 Close the file 5 In Illustrator InCopy or InDesign select the placed file in the Links palette 6 Choose Alternates from the Links palette menu 7 Select the Alternate you creat...

Page 104: ...n Cue Workspace 5 Double click the project you want to search 6 Click Project Search 7 Enter information in Project Search If you open an older version of a file found as the result of a search the fi...

Page 105: ...esign CS2 GoLive CS2 uses a different method for deleting working copies of site files Disconnect is not available in Acrobat 7 See also Deleting files and folders on page 97 To disconnect from a proj...

Page 106: ...entire contents are erased Any user with appropriate privileges can delete files and folders unless the files or folders are marked In Use In a workgroup if a user is editing a file that you need to...

Page 107: ...re information For information about deleting a project from Acrobat 7 see Acrobat Help 1 In Illustrator InCopy InDesign or Photoshop choose File Open Click Use Adobe Dialog if you re using the OS dia...

Page 108: ...te If Show Deleted files is not selected in the Project Tools menu the file will become hidden and removed from view If Show Deleted Files is selected the file or folder will remain visible with the s...

Page 109: ...t restore the folder Doing so restores the folder and all its contents To delete a file or folder permanently Note You can perform this task only if you have access to the full Version Cue feature set...

Page 110: ...the background color or some text in the layout and then save a version you can go back to the previous version without damaging your file Instead of choosing File Save As and saving a new copy of a...

Page 111: ...ridge choose Tools Version Cue Save A Version 6 In the Save A Version dialog box enter comments you want to associate with the version and then click Continue Note You can save versions of nonembedded...

Page 112: ...ile from a Version Cue Workspace you can quickly access the previous version thumbnails version comments and version dates by using the Versions dialog box 1 In Illustrator InCopy InDesign or Photosho...

Page 113: ...hoose Versions To view a previous version in its native application 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...

Page 114: ...rsion Cue Revert To Last Version See also To delete file versions in a project on page 133 To edit Version Cue project properties on page 130 To delete a version Note You can perform this task only if...

Page 115: ...irectors Version Cue protects alternates the same way as other assets When you save an alternate it appears as a separate file in its project but Version Cue maintains a relationship between the origi...

Page 116: ...e See Availability of Version Cue features on page 71 for more information To quickly see which files have alternates use the Versions And Alternates view in Bridge This view includes thumb nails of e...

Page 117: ...the Versions And Alternates View icon and then click Alternates View at the top of the screen Right click Windows or Control click Mac OS an alternate and then choose Make Primary Alternate from the m...

Page 118: ...vailable in Adobe Creative Suite or in a shared workspace See Availability of Version Cue features on page 71 for more information When you make alternates in Bridge you can make different files alter...

Page 119: ...nize your files with the workspace to save your latest version to the Version Cue Workspace You can synchronize an entire project just a folder in the project or a selected file Working copies are nor...

Page 120: ...anges you can manually cancel the In Use By Me status by choosing Cancel Mark In Use from the context menu See also To synchronize files on page 112 To synchronize files in Bridge on page 112 To edit...

Page 121: ...your edits and disregard the other changes in the master file To synchronize files Note You can perform this task only if you have access to the full Version Cue feature set available in Adobe Creati...

Page 122: ...lows you to publish the site project from either your local computer or the Version Cue Workspace At any time you can synchronize your working copies to the Version Cue project to make sure that they...

Page 123: ...the site file the web content folder the web data folder and the web setting folder for the project If you ve already mounted and created a site file for a Version Cue project choose File Open to open...

Page 124: ...y tab the Files tab contains a Version Status column and an Alternates column and the Extras tab displays the site folders as well as the Version Cue project s Documents folder when the project contai...

Page 125: ...ype a new name in the Username box Type a password in the Password box to save your information This saved you from having to enter your password manually each time login is required Leave the Port se...

Page 126: ...the added files you can use the version comment to provide information about the file or project which can be searched by using the Version Cue search feature When you add a new file the file s statu...

Page 127: ...ncluding version thumbnails version comments and version authors Also allows you to compare the source code of two versions of a web page or a web page version and a working copy and create a new vers...

Page 128: ...in a shared workspace See Availability of Version Cue features on page 71 for more information 1 In GoLive open and edit a file 2 Do one of the following Click Save A Version in the Version Control t...

Page 129: ...m an older version select the version and click Promote To Current Version To close the Versions dialog box click Done To compare a working copy to the master file Note You can perform this task only...

Page 130: ...eature set available in Adobe Creative Suite or in a shared workspace See Availability of Version Cue features on page 71 for more information In GoLive select the alternate and then do one of the fol...

Page 131: ...to the site s web content folder on your computer Choose Site Version Control System Work Offline to work on your local copies without access to the host Version Cue Workspace The master files remain...

Page 132: ...Adobe Creative Suite component or a WebDAV enabled application Yes Yes Delete a file version Yes Yes Delete multiple file versions at once Yes Yes Create Version Cue projects from remote files via FTP...

Page 133: ...Cue workspace is located on not across a network If the Administration utility is installed on your computer you can start using the web based Version Cue Administration utility with the Version Cue d...

Page 134: ...Cue Workspace is installed Precede the address with http and follow it with a colon and the port number for example http 153 32 235 230 3703 IP or http myserver mycompany com 3703 DNS The default port...

Page 135: ...ame type a name in the text box This name identifies the Version Cue Workspace in Adobe Creative Suite components using Version Cue Make This Version Cue Workspace Visible To Others When selected give...

Page 136: ...installed Adobe Creative Suite 1 0 components will work with it Adobe Creative Suite 2 0 components work only with Version Cue 2 0 Workspaces Adobe Creative Suite 1 0 components work with both Version...

Page 137: ...our subnetwork or they can be given the Version Cue Workspace IP or DNS address and port number to gain access to the Version Cue Workspace Require Login For This Project Ensures that only users with...

Page 138: ...gin ID and password have access to the project Note that if you select this option after a user gains access the user can still gain access without logging in Make sure that you change privileges as n...

Page 139: ...re users to log in with a Version Cue login ID and password before accessing the project select Require Login For This Project If selected this option ensures that only Version Cue users you specify c...

Page 140: ...e project on page 134 To duplicate a Version Cue project Duplicate a project to start new project with the same users and privileges Version Cue duplicates the folder hierarchy within the project stru...

Page 141: ...fy the folder to which you want to export the project Select any file in the folder and click Open 5 Click Export You can also export a project by using the Version Cue preferences For more informatio...

Page 142: ...ation page 2 Click the Advanced tab and then click Remove Old Versions 3 Choose a project from the Project Name menu 4 To delete versions select Delete All Versions Older Than and then choose a month...

Page 143: ...roject Name box type a name that is different from those of other projects in the Version Cue Workspace 6 Do any of the following and then click Restore To retain the list of users that were assigned...

Page 144: ...ject with a previous backup To replace current projects on a Version Cue Workspace with a previous version you first restore the backup When you do this Version Cue Administration turns off automatica...

Page 145: ...3 In the New User content frame choose the level of access to give the user from the Admin Access Level menu None Denies the user access to the Version Cue Workspace Administration utility however the...

Page 146: ...he check box next to the User Name column label 4 Do one of the following Click Duplicate Edit the user s properties in the Duplicate User content frame and click Save Click Delete To confirm the dele...

Page 147: ...ist and then copy it to the UsersExport folder in the Version Cue application folder of another computer with a Version Cue Workspace 1 Log into the Version Cue Administration utility 2 Click the User...

Page 148: ...of detail you specify Display time varies according to the size of the log file The default log file size is 1024K If the log file exceeds a specified size limit the system creates a new log file and...

Page 149: ...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 ac...

Page 150: ...Click the Documents tab and choose Not Started from the Review Status menu 4 In the Document List click the name of the PDF document you want to review 5 Choose the version you want to review and then...

Page 151: ...e enter the name or part of it in the Document Name field Click Search To set viewing options in the Document List You can filter the Document List in the Documents tab by doing one or more of the fol...

Page 152: ...See also Deleting files and folders on page 97 To edit review settings 1 Locate the active or completed review see To locate PDF reviews on page 142 2 Click the PDF document name in the Document List...

Page 153: ...the Version Cue Administration utility If you open the review document from the Open dialog box in Acrobat or from Bridge the review comments aren t visible For more information about Acrobat commenti...

Page 154: ...web pages image files external cascading stylesheets and other source files GoLive lists the contents of the web content folder in the Files tab of the site window and uploads the contents of the web...

Page 155: ...m workgroup projects on a version control system GoLive connects to a server and mounts the target site on your computer It checks in or checks out a file in your name to prevent other users from writ...

Page 156: ...itivity click Advanced See Advanced URL handling options on page 148 8 Click Finish To create a site from a site sample 1 Choose File New 2 Choose Site and select a samples category 3 Select a site sa...

Page 157: ...your site will replace or escape unallowed characters in your URLs For example the figure 20 is used to escape spaces which are not allowed in URLs See also Specifying preferences and settings for we...

Page 158: ...Live downloads from other servers any source files that are referenced by the pages it downloads whether or not this option is selected 7 If you are downloading from an FTP server enter the FTP server...

Page 159: ...o revert to previous versions of your site When you connect to a project that employs version control you can check out or check in the target files When you check out a file the version control syste...

Page 160: ...d revert to previous versions and synchronize local files against those in the version control system By default files that you check in are read only and you can check out only one file at a time If...

Page 161: ...Directory in File System to create a version control workspace on the local hard drive FTP Server to create a version control workspace on an FTP server 5 Do one of the following tasks If you re creat...

Page 162: ...site and which files will be deleted 2 Do any of the following tasks To display files that aren t selected for synchronization select Show Skipped Items To view the files as they exist on the server i...

Page 163: ...h the selected versions To show user activity Click the Show User Activity button in the Version Control toolbar GoLive displays user names and a list of files each user has checked out in the User Ac...

Page 164: ...e icon in the toolbar The new page is added to the bottom of the list in the tab or in the folder you selected Select a page in the Files tab in the site window and choose Edit Duplicate to create a c...

Page 165: ...page See also About GoLive sites on page 145 Locking and unlocking files You can use GoLive to unlock files that were locked in the Mac OS Finder or given a Read Only attribute in the Windows Propert...

Page 166: ...one of the following Select the default page title Untitled Page in the Title section of the document window and type your new title Click the Show Page Properties icon in the upper right corner of th...

Page 167: ...size from the Status Page Dimensions menu select it in the Window Size Configuration dialog box click the Remove Selected Window Configurations button and then click OK To create view configurations...

Page 168: ...creen and handheld you can preview each of them by using the Target Media option See also Media font and page rules on page 329 To set view options for page layout 1 Select the Layout tab in the docum...

Page 169: ...window and choose File Save or choose File Save As In the document window choose Save As from the window menu and then choose Save As Stationery Save As Component or Save As Template 3 In the Save As...

Page 170: ...lared in the doctype See Validating the syntax of source code on page 591 Changing a document s doctype You can set a document s doctype when you create the document in the New dialog box or change th...

Page 171: ...s option helps make your document compatible with some browsers that can t handle end tags that have the correct syntax according to standards published by the W3C Remove meta Encoding Element Removes...

Page 172: ...tomatically disables the font size and color options in the toolbar and the Font menu commands The one exception where GoLive does not automatically disable tools is the icons in the objects toolbox Y...

Page 173: ...heir indexes The Keywords Inspector lets you add update delete and rearrange selected keywords in a list for the element You can also add a keyword to the first Keywords element in the head section by...

Page 174: ...nd ensuring compatibility with future versions of HTML and the web browsers that support these versions You use the Element Inspector to edit the start and end tags add the names and values of new att...

Page 175: ...f different browsers are supported in Windows and Mac OS choose Windows from the Supported Platform menu and select the supported browsers for Windows Then choose Mac OS from the Supported Platform me...

Page 176: ...links to other sites or external URLs You can use GoLive s Edit PDF Anchor feature to create links to bookmarks in PDF files GoLive automatically updates the site with each new link you create and con...

Page 177: ...destination file for a navigational link from the Files tab of the site window onto the selection in the page If you drag the file to a page without a selection in it GoLive creates a hypertext link...

Page 178: ...the Files tab in the site window to the page The URL to the source file appears in the Inspector For navigational links drag an HTML file from the Files tab in the site window to a selected link or te...

Page 179: ...e on page 210 To specify the link destination using a recently linked file e mail address or URL 1 Select the text object placeholder icon or existing link in the page 2 In the Inspector choose a rece...

Page 180: ...he complete URL including the parameters appears in the Result box at the bottom of the Edit URL dialog box 3 Click OK See also To make the path of a link absolute on page 213 Anchor links Using ancho...

Page 181: ...e triangle next to the page in the Files tab in the site window 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...

Page 182: ...y site file that already contains XMP data except HTML files The information you add is embedded in the file using XMP eXtensible Metadata Platform XMP facilitates the exchange of metadata between Ado...

Page 183: ...a from the template will replace the current metadata To append the current metadata instead hold down Ctrl Windows or Command Mac OS when you choose the template name Note You must save a metadata te...

Page 184: ...s by name or hexadecimal value Color Picker In the Color Picker you can select colors based on the HSB hue saturation brightness RGB red green blue CMYK cyan magenta yellow black or Lab color models T...

Page 185: ...k a color model button located at the top of the Color palette To display only web safe colors choose Only Web Colors from the Color palette menu The sliders snap to web safe colors when you drag them...

Page 186: ...ault Swatches palette click the Edit button in the lower left corner of the Swatches palette and use the Color palette to adjust the swatch You can also edit the color name and value in the Name and V...

Page 187: ...the Color Picker Double click a color field for example in the Inspector or toolbar To identify web safe colors in the Color Picker Select the Only Web Colors option in the lower left corner of the Co...

Page 188: ...or to text on page 303 To remove color from a selection Select the colored object and do one of the following Deselect Color in the Inspector Choose Remove Color from the Color menu in the toolbar To...

Page 189: ...ors for text that you type on a page and for the three stages of links normal the normal appearance of a link in the web browser active when the mouse button is held down on a link in the browser and...

Page 190: ...e 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 Use the View palette and the Inspector to change the look...

Page 191: ...Diagram box and click OK GoLive creates the diagram in the Diagrams tab of the site window To open an existing diagram In the Diagrams tab of the site window double click the diagram Developing diagra...

Page 192: ...links or create new hyperlinks To add a single page to another page or section Do one of the following Select the page or section to which you want to add the page and choose Next Page Child Page Pre...

Page 193: ...yed with boldface labels and the Section icon if diagram objects appear as icons To add and define a section 1 Drag the Section icon from the Diagram set of the Object palette to the design view to cr...

Page 194: ...s sections and custom objects and change links from one type to another Tour links connect a series of objects not necessarily adjacent siblings in a sequence In the site settings you can change the c...

Page 195: ...the color field and then specify a new color from the swatches that appear To add a link type click the New button type a name and then click the lower right corner of the color field to specify a col...

Page 196: ...he File New Special menu sort specifies the sort order for the display name in menus and file url is the name of your sample file dialog is not used at this time 3 Edit the copy of the specification a...

Page 197: ...void a collision when the drag is completed Note If you drag an object over another object and a line appears to the top bottom left or right of the other object you have dragged too far into the cent...

Page 198: ...objects If Collision Avoidance is selected any unselected objects that would be enclosed by the rectangle move out of the way automatically To create an empty group in a particular location 1 Drag the...

Page 199: ...a links view or in the Files tab of the site window A navigation view gives you the best picture of how the diagram will be anchored 2 Open the diagram window for the diagram and display a design view...

Page 200: ...ti Line Text to allow long labels to wrap to multiple lines or Overhang Text to allow the labels to grow horizontally If you select neither option long labels are truncated Choose a frame size to set...

Page 201: ...ecify how links appear the alignment of parents and children the effects of page breaks and the grid and the arrowhead style for links 1 In the design view select a page section or custom object 2 In...

Page 202: ...to paper or export it to Adobe PDF or SVG format for an online presen tation Master items The Master tab of the diagram window provides a master view with the same grid and canvas settings as the des...

Page 203: ...he border of the design box Specify the fill color of the design box Specify the color and font size of the text 4 Specify how to apply the settings Default Settings Uses the current settings for all...

Page 204: ...t In the Annotation Inspector enter the subject and annotation text 3 In the Annotation tab of the Annotation Inspector do any of the following To display the subject line in the diagram select Displa...

Page 205: ...by dragging any of its handles 4 In the Level tab of the Level Inspector do any of the following Label the level by entering text in the Text box You can also label the level in the design view by cli...

Page 206: ...ects or Distribute Spacing section of the palette select Use Spacing and enter a numeric value for the spacing offset Printing and exporting diagrams To print a diagram 1 Open the design view for the...

Page 207: ...ey form in the design view Unanchored pages and custom objects appear in the scratch pane Pending links between pages are updated The Pending Links palette can be used to resolve any problems with the...

Page 208: ...ject must have a sample file stationery or template specified in the Object Inspector before the object can become a file in the site File Rename icon Indicates that the page will be renamed automatic...

Page 209: ...Staging Recall All or choose Recall All from the diagram window menu To submit selected items 1 In the Design or Staging tab of the diagram window select the items 2 Do one of the following Choose Su...

Page 210: ...r example if you use an application other than GoLive to change the name of an image file you can use the In Out Links palette to change all references in your site to the new file name See also About...

Page 211: ...ible site implementations Colors Contains a collection of colors used in your site Font Sets Contains a collection of font sets used in your site The font sets are lists of alternative fonts that you...

Page 212: ...pen Double click the site file on your system desktop B A Files tab and Extras tab in the site window A Current status of files B Show Hide right pane button Opening a site file automatically creates...

Page 213: ...d in the web data and web settings folders and normally the contents of these folders are not uploaded to the server The files comprising a GoLive site include the site file and the contents of three...

Page 214: ...ndows you can drag to the Select Window button on the toolbar to bring the window to the front When you drag a file or object to a tab on a window GoLive brings the tab to the front of the window To c...

Page 215: ...dating broken links and invalid file references might result To open the desktop folder containing a file or folder in the site window 1 Select the file or folder in the site window You can select onl...

Page 216: ...ate who is editing a file and how complete the file is This information is displayed in two additional columns in the Files tab of the site window for easy reference in the To Be Edited By column and...

Page 217: ...Trash 1 If necessary click the Toggle Split View icon in the scroll bar at the bottom of the site window to show the right pane 2 Click the Extras tab 3 Open the Site Trash folder and then select the...

Page 218: ...e to move rename or delete files in the site window Adding used items to and removing unused items from the site window GoLive can scan all pages in your site for non file items that are used on a pag...

Page 219: ...can clutter the working version of your locally stored site You can also use this command to copy any files or objects into the web content folder that are referenced in your site but actually locate...

Page 220: ...iles and folders use lowercase to avoid case sensitivity problems and don t include spaces in the name Spaces in file and folder names are automatically converted to the URL escape code 20 during the...

Page 221: ...select Site Specific Settings To change file name constraints for all sites choose Edit Preferences Windows or GoLive Preferences Mac OS expand Site on the left and then click Filename Constraints 2...

Page 222: ...e If a common navigation bar is used on many pages that reside in folders at various hierarchical levels you can use an absolute path specification throughout to reference its image files allowing you...

Page 223: ...age that underlies the web of links in your site You can add pages to the structure move pages around and open pages from the navigation view The links view shows a web of actual links going in and ou...

Page 224: ...ws the structure of the site as a tree like hierarchy descending from the home page With a new blank site the navigation view shows a single home page and you can build the structure of the site by ad...

Page 225: ...a links view of a site it shows the site s home page file often called index html If the site contains pages linked to the home page pages linked to these pages and so on you can view them by expandi...

Page 226: ...ques for moving and limiting the view See To magnify or reduce the view in the main pane with a Zoom menu on page 221 and Centering views and displaying partial trees on page 221 To completely expand...

Page 227: ...icate types of links A B Wide and tall orientations of a navigation view compared A Wide orientation B Tall orientation Do either of the following Click the Toggle Between Horizontal Vertical Orientat...

Page 228: ...vigation view s scratch pane to its main pane You use a navigation view s scratch pane as you would its main pane dragging a page to a target page in the main pane and positioning it so that it become...

Page 229: ...view until you hide the pane 1 Show the pane you want to resize 2 Drag the inside border of the pane toward or away from the main pane Note You can simplify site building by using the scratch pane fo...

Page 230: ...ea and click The magnification changes to 200 when you do this the first time It changes to 100 when you do it again in the same pane Draw a rectangle defining the area and release The area enlarges t...

Page 231: ...ay Partial Tree from the context menu again See also Centering views and displaying partial trees on page 221 Using collections in a graphical site view About collections in navigation or links view A...

Page 232: ...elect one or more pages in the navigation view or links view 2 Right click Windows or Control click Mac OS the pages and choose Create Collection 3 Enter a name for the collection in the text box 4 To...

Page 233: ...ck an empty area of navigation or links view and choose Reselect Collection 2 Choose the collection from the Reselect Collection submenu 3 Apply the command to the selection Spotlighting page grouping...

Page 234: ...ry to show the pages you want to spotlight 2 In the Navigation tab of the View palette choose a collection from the Collection menu Choosing a collection automatically selects the Collection button to...

Page 235: ...es or Ovals Ovals are oval shaped only if the Frame Size is set to Wide Otherwise they are circles To specify how you want to show item labels select File Name or Page Titles To change the distance be...

Page 236: ...te Settings dialog box 2 Click the lower right corner of the color field for any item you want to change and choose a color from the list of swatches that appear 3 Click OK Building a site map using g...

Page 237: ...is a pending link from the selected page to the new sibling page and a pending link from the new sibling page to the selected page Note If the page you selected is the home page the only choice avail...

Page 238: ...rom one page to another 1 In the navigation view place the mouse pointer over the page you want to be the source page 2 Hold down Control Shift Windows or Command Mac OS The pointer shows the pick whi...

Page 239: ...s resulting position next to new siblings To move a scratch page into position in the hierarchy 1 Open the scratch pane in the navigation view 2 Drag a page from the scratch pane into the appropriate...

Page 240: ...line between two files both files have a pending link To resolve an unresolved pending link 1 Choose Window Site Pending Links 2 Select the page in the site window or the navigation view that is the...

Page 241: ...or links at once A site can contain many links to a web page and many URLs that reference media files external URLs or e mail addresses If you need to change the destination file referenced in all of...

Page 242: ...In Out Links palette also supports cascading stylesheets CSS classes and identifiers When you click the CSS tab in the site window and then select a class the In Out Links palette shows you all the f...

Page 243: ...ault and then click OK Fixing site errors About site errors If you consistently use GoLive to manage your site site errors will rarely occur GoLive keeps your site intact by tracking when you move ren...

Page 244: ...for example an image placeholder where an image should be Look for link warnings that is objects or text with a red border 5 Select the object or text on the page that contains the broken link 6 Inspe...

Page 245: ...ink To use the Inspector to check and fix the URL of the file open the Inspector and choose Edit from the menu to the right of the URL text box In the Edit URL dialog box edit the URL in the Path text...

Page 246: ...al value of the file or object you are searching for 5 Choose an option from the Search In menu For example choose Colors to search for a color by name or hexadecimal value 6 Click Find All GoLive dis...

Page 247: ...you select this option and define a query to show files that were created over two weeks ago or contain external links the query shows the files created over two weeks ago with or without external li...

Page 248: ...considers everything that makes up the page such as images or QuickTime movies when computing download time Links Shows pages with external links links to files with a certain extension and links of...

Page 249: ...Live opens the Query window with the original query results in the Search In section You can now run another query on the result set See also To define a query on page 238 Collections on page 435 Prov...

Page 250: ...st on the left and then select Color Labels Note You can only edit user defined statuses To add or edit a status for the active site only click the Site Settings button on the toolbar or choose Site S...

Page 251: ...ADOBE GOLIVE CS2 242 User Guide...

Page 252: ...ids enable you to create designs that let you freely position objects anywhere on the page You can convert a CSS based layout grid to a table based layout grid You can also convert a table based layou...

Page 253: ...g changes to specific areas of a layout GoLive provides page template samples in the New dialog box and in the Web section of the Documents tab of the Library palette See also Designing with tables on...

Page 254: ...are liquid layouts they adjust to accommodate the viewer s screen settings You don t need to know how to code CSS to create CSS layout objects but you can customize them by using the CSS Object Inspe...

Page 255: ...t To customize a CSS layout object in the CSS Object Inspector Select the CSS layout object and set values for ID width height color or padding in the CSS Object Inspector available options vary depen...

Page 256: ...nd reposition it Using layout grids you can position multiple objects on your page with 1 pixel accuracy Layout grids and objects on the grid remain fixed in the browser window and don t change to acc...

Page 257: ...con from the Basic set in the objects toolbox to the page or double click the icon to place it at the insertion point To convert a CSS based layout grid to a table based layout grid Right click Window...

Page 258: ...ayout grid Drag a Layout Text Box icon from Basic set in the objects toolbox onto the layout grid 2 Type or paste text into the layout text box Layout text boxes can also contain images and other obje...

Page 259: ...t Background Image and then select an image file 3 To resize the Layout Grid to the size of the image select Use Image Size To add a background color to a layout grid In the Layout Grid Inspector sele...

Page 260: ...grid and click a button under Align Objects in the Align palette You can align objects along the left center or right vertical axis or along the top center or bottom horizontal axis Aligning objects...

Page 261: ...s Spacer elements or transparent GIF images are used to solve a problem displaying empty table cells in Netscape browsers Spacer elements are ignored by Internet Explorer browsers By removing the GoLi...

Page 262: ...s an image or simple HTML text with formatting You use the Layer tool and the Layers palette to add and manage multiple layers on the page You can import Photoshop layers as GoLive layers See Importin...

Page 263: ...it s in the middle of text GoLive inserts a new paragraph to split the text and places the DIV element between them Click in the page to place the insertion point and then click the Create New Layer...

Page 264: ...are other objects or text in the box as well To work around this problem you can add a transparent GIF image to the empty box See also Hiding and showing layers in a browser on page 259 To use a trans...

Page 265: ...ight text boxes Choose Auto from the Width or Height menus to automatically size the layer in relation to its contents Choose Percent from the Width or Height menus to automatically size the layer in...

Page 266: ...the middle has a z index of 2 E The layer in the front has a z index of 3 Managing layers Using the Layers palette You can use the Layers palette Window Layers to quickly select multiple layers for al...

Page 267: ...om the Layers palette menu To bring a layer to the foreground and make it temporarily visible and editable regardless of the hide show and lock unlock settings click the name of a layer To view the hi...

Page 268: ...ve as you work To show or hide a layer using a mouse trigger 1 Select the text object or image that will serve as the mouse event trigger and click the Create Link button in the toolbar 2 In the Inspe...

Page 269: ...e document window A time track appears in the DHTML Timeline Editor for each layer on the page Initially each time track contains a single keyframe 2 Click a keyframe to select the time track of a lay...

Page 270: ...ame 2 Click the Record button in the Timeline tab of the Layer Inspector 3 In the document window drag the layer along the desired path A keyframe appears at each major turn in the path 4 Click each k...

Page 271: ...pecified scene after finishing playback of the current replaces the marker 4 If the first scene is a looped animation or a palindrome you need to insert a Stop Scene action Ctrl click Windows or Comma...

Page 272: ...ges Guidelines for frames You need at least three HTML documents to create a two frame page layout one document for the frame set which holds the frame structure and two documents for the visible page...

Page 273: ...n to use as a navigational aid or table of contents and specify the destination pages and target frame for every link on the page See About target frames for linked pages on page 267 You can double cl...

Page 274: ...ge Doctype dialog box 2 Select the frame set by clicking any of its horizontal or vertical dividers 3 In the Frame Set tab of the Frame Inspector do any of the following To arrange the frames in the f...

Page 275: ...drag Mac OS to copy a frame or frame set As you drag you ll notice that the frame orientation limits the direction of motion You can drag vertical frames sideways and horizontal frames up and down bu...

Page 276: ...frame you must set at least one more frame of the same orientation to Scale or the frame set scales all frames in that direction If you want the frame to have a fixed ratio relative to the overall he...

Page 277: ...ur open frame set appear at the top of the menu _top Displays the linked page in the full web browser window replacing the current frame set entirely _parent Displays the linked page in the parent of...

Page 278: ...click the icon to place it at the insertion point 3 In the Inline Frame Inspector browse or use the pick whip to link to the file you want contained within the inline frame 4 In the Inline Frame Insp...

Page 279: ...2 Drag the Modified Date icon from the Smart set in the objects toolbox to the page or double click the icon to place it at the insertion point 3 In the Modified Date Inspector choose a country from...

Page 280: ...the Width menu Full and Percent are measured in relation to the container such as a layout text box table cell or the document window In the Height text box enter a new line height in pixels You can a...

Page 281: ...agging on page 255 Adding horizontal space between items on a page on page 271 To use a Netscape spacer element for spacing Netscape spacers are recognized only by Netscape Navigator 3 and 4 browsers...

Page 282: ...elay between repetitions in the Delay text box 7 Select Left or Right to determine the scrolling direction When Left is selected the message appears on the right side of the window and scrolls to the...

Page 283: ...ncluding Adobe InDesign Adobe FrameMaker and third party word processing or spreadsheet applications such as Microsoft Excel or Microsoft Word Format tables with the Table Inspector left select table...

Page 284: ...to the document window See also Converting a table based layout grid to a table on page 252 To copy GoLive tables Do one of the following Select one or more cells in an existing GoLive table and choo...

Page 285: ...t If desired customize the appearance of the layout grid and layout text boxes See also About layout grids on page 247 Converting a table based layout grid to a table on page 252 Selecting tables rows...

Page 286: ...ward To select a table Do any of the following Select a cell in the table and press Ctrl Enter Windows or Control Return Mac OS Or place an insertion point in the table or select content within a tabl...

Page 287: ...anges to the Column Selection pointer then click Drag left or right to add adjacent columns to your selection Alternatively with the Column Selection pointer Shift click the top edge of each additiona...

Page 288: ...the current table Release when a solid black line appears in the desired location Note If you drag a selection of cells you can add the cells to a different table only if the destination table has the...

Page 289: ...Rows pointer or the Add Columns pointer then drag away from the table Dragging to add table columns To delete a table row or column Select the row or column or one or more cells in the row or column a...

Page 290: ...er with pixels when the value is followed by a p or a percentage when the value is followed by a percent sign A row or column size that is set to a percentage represents a percentage of the table heig...

Page 291: ...es Using table styles GoLive includes a variety of predefined table styles in the Style tab of the Table Boxes palette which you can use to instantly format a table or portions of a table You can appl...

Page 292: ...n t be able to resize the bracket to modify the style 4 Click Apply or choose Apply Table Style from the Table Boxes palette menu To remove a table style from a table 1 Select the table or portions of...

Page 293: ...Properties in the Table tab of the Table Inspector affect the entire table and properties in the Row and Cell tabs affect only the current selection Formatting tables to your own specifications can ta...

Page 294: ...se Default to have surrounding text or objects wrap along the bottom edge of the table You can t use the Align menu to align a table on a layout grid 6 Select Caption to add a caption to the table and...

Page 295: ...ght or Merge Cells Down To merge two or more cells in a column select the topmost cell that you want to merge and enter the number of rows to span in the Row Span box in the Cell tab of the Table Insp...

Page 296: ...ercentage of the table size Note When you adjust the height or width of the cell GoLive automatically adjusts the width or height of the entire row or column that contains the cell 6 Select Header Sty...

Page 297: ...the properties of all table cells in a page create an HTML element style named after the td tag See also About HTML element styles on page 326 To apply a CSS style to particular tables rows or cells 1...

Page 298: ...table Rows and columns will be added to the GoLive table as needed To paste text into a table 1 Do one of the following In GoLive select the text that you want to copy and choose Edit Copy Copy a bloc...

Page 299: ...tents of a table 1 Select a table or group of cells you want to sort 2 Choose Special Table Sort Table 3 In the Sort Table dialog box choose Rows or Columns from the Sort pop up menu Choose Rows if yo...

Page 300: ...Columns in step 3 choose the tertiary row in the table with contents that you want to appear in numerical and alphabetical order 9 From the adjacent pop up menu choose Ascending or Descending to speci...

Page 301: ...and control than you get with HTML text attributes It s easier to maintain or change your site s appearance by using stylesheets when you change a style in a stylesheet the change is instantly update...

Page 302: ...nt or Size menu in the Type menu and the Set Font Size or Set Text Color menus in the Main toolbar Because the font element can interfere with CSS you should avoid mixing these two formatting methods...

Page 303: ...surrounded by angle brackets for example p or h1 Click a tag in the markup tree bar to select the entire element Formatting paragraphs with HTML text attributes Using HTML text attributes GoLive prov...

Page 304: ...to remove the blank lines before and after a range of text and remove all paragraph formatting All HTML paragraph formats can be enhanced with cascading stylesheets and CSS element styles See About H...

Page 305: ...at a line of text breaks around an image or object 1 Place the image or object at the beginning or within a line of text 2 Select the image or object and choose Left or Right from the Alignment pop up...

Page 306: ...ear option causes all text that follows the line break to appear below an adjacent image Drag the Line Break icon from the Basic set in the objects toolbox to the document widow or double click the ic...

Page 307: ...s affect only the text to which you apply them without affecting the rest of the paragraph Structural text attributes appear in the upper half of the Type Style menu and physical text attributes appea...

Page 308: ...g a monospaced teletype style font such as Courier Keyboard Signifies text that is typed on the keyboard Most browsers display keyboard entries using a monospaced font Physical text attributes The fol...

Page 309: ...y the browser You can control the font that the browser uses by applying a font set to your text When displaying text formatted with a font set the web browser attempts to display the text using the f...

Page 310: ...d a new font select the font set or a font in the set click the Add Font button and choose a font name To change the name of a selected font or font set click the name and then enter a new name in the...

Page 311: ...e moves up and down as the text resizes Keep in mind that a GoLive layout text box doesn t decrease in size when the text appears at a smaller font size than what you used for the page layout As a res...

Page 312: ...he page s default text color as specified in the Page Inspector by using the Set Color menu in the Main toolbar the Swatches palette or the Color palette Note If your page uses cascading stylesheets y...

Page 313: ...the characters you specify and either supplement or replace the current formatting in the text An HTML style can apply several HTML attributes to text at once See also About cascading stylesheets on p...

Page 314: ...agraph regardless of what is selected in the paragraph Note The heading address preformatted and align attributes can only be saved as paragraph styles not as inline text styles Clicking the Inline Te...

Page 315: ...to import from your desktop to the HTML Styles palette To apply HTML styles to text Each style in the HTML Styles palette displays the inline text style icon or the paragraph style icon to indicate w...

Page 316: ...nu Select From Top to start checking at the top of an open page rather than at the insertion point Expand More Options and specify conditions for the search such as to ignore numbers 4 To check the sp...

Page 317: ...r HTML strings Using the GoLive search tools you can find and replace text or strings of HTML in any file throughout your website You can search multiple files at a time specify parameters for narrowi...

Page 318: ...search source code select Source Search Mode 5 If you want to replace the found text click the triangle to expand the Replace text box and type in replacement text 6 Click Find GoLive highlights the f...

Page 319: ...o search only the text in your pages source code 4 Click the Work On menu and do one of the following To search the entirety of a currently open site choose site name The Whole Site from the menu To s...

Page 320: ...th the Find Code Elements dialog box on page 596 To use wildcards in a search on page 311 To save search results for use in another search To search within the result set click Use Result in the Resul...

Page 321: ...dash does not act as a wildcard character if it precedes a range of characters as in ABC or ABC At any other location it acts as a wildcard character indicating a from to relationship Wildcard search...

Page 322: ...ds any alphabetical character Finds any one character in a range enclosed in square brackets For example 0 9 finds any digit Findsanycharacterotherthan the characters following the caret symbol in the...

Page 323: ...valent to a and a and can result in a not found message if no occurrences are found The character preceding the is optional For example ba finds b ba baa etc Other Search String Modifiers The vertical...

Page 324: ...switch between roman and non roman character sets depends on your operating system In Windows versions earlier than Windows 2000 you cannot directly create non roman double byte web pages by using a r...

Page 325: ...sure that you have installed the appropriate double byte script system software and fonts 2 Open a new document window 3 Choose File Document Encoding and choose the appropriate language encoding opti...

Page 326: ...lt gt and amp otherwise GoLive interprets them as HTML tags when it reads the text only file 6 Choose File Save As to save the page with the html extension after the file name The text will not displa...

Page 327: ...lasses and identifiers used in the site For more infor mation see About the site window on page 202 You can use CSS layout objects to create layouts that change in size to accommodate a viewer s brows...

Page 328: ...with the external stylesheets listed in the CSS tab of the Site window to determine where stylesheets are used in the site and to associate them with new pages For more information see Using the In O...

Page 329: ...to other sheets By default the web page s stylesheet overrides the browser s default values Note Except for their title bars internal and external CSS Editors appear identical An internal CSS Editor d...

Page 330: ...ys a preview of a selected style s effect in the lower pane of the CSS Editor Show Split Source Displays the CSS source code in the lower pane of the CSS Editor Show Info Column Shows property types f...

Page 331: ...ate different external stylesheets and apply each external stylesheet separately to a page to quickly preview different sets of styles To set an external stylesheet as the site default You can set an...

Page 332: ...n the site To reference an external stylesheet for multiple web pages select two or more pages within the site window s File tab In the CSS palette click the Create New Link To External CSS button and...

Page 333: ...he site window and then select the external stylesheet in the CSS palette and click the Remove Selected Items button To reference an external stylesheet from another external stylesheet 1 Open the CSS...

Page 334: ...yle to some of the headings that use the Header 4 paragraph format in a page to distinguish them from other Header 4 headings in the page ID styles Define unique style properties for one element on a...

Page 335: ...ple if you create a style named with the h1 i tags and assign the style a lime color all text between i start and end tags italic style that are also within h1 start and end tags will display in the l...

Page 336: ...HTML element that the style is named after wherever the tag appears in the page See also About style properties on page 330 Class styles You can apply class styles to any number of selections in a pag...

Page 337: ...mber sign and with no spaces for example myheaderid Important The number sign must precede the id style s name otherwise the style changes to an element style and can t be used 3 In the CSS Editor add...

Page 338: ...e To create an HTML element style on page 326 To create a class style on page 327 and To create an ID style on page 328 Note You cannot include links to external stylesheets import rules media rules o...

Page 339: ...r You can also store collections of properties and then quickly apply them to a style If multiple styles will share a set of properties you can set the shared properties for each style simultaneously...

Page 340: ...more easily from one output medium to another for example from a computer display to a laser printer Relative units may also reduce the differences in font size that occur when a page is viewed on dif...

Page 341: ...jacent lines of text choose a unit from the Line Height menu and enter a number in the text box 6 To choose the style s preferred font family and alternate fonts and font families to use if the font i...

Page 342: ...tretch menu Note Most browsers don t support font stretch and GoLive doesn t preview font stretch 2 Choose an option from the Vertical Align menu Raises or lowers the line height property of the item...

Page 343: ...t width See also Relative and absolute units on page 331 To set block properties for a style 1 Select a style in the CSS Editor and click the Block Properties set of the CSS Inspector 2 Specify the Wi...

Page 344: ...measurement and then enter a number in any of the Top Right Bottom and Left Padding text boxes Or to specify the spacing in all four directions at once use the All Paddings text box To set border and...

Page 345: ...he position where the list item marker appears choose one of the following from the List Position menu Inside Sets the list item marker flush with the second third and following lines of text Outside...

Page 346: ...f the CSS Editor 4 Enter a name for the property collection in the Store Property Collection dialog box and click OK 5 Select a style in the CSS Definitions tab of the CSS Editor click the Apply Prope...

Page 347: ...dy of a page select the body tag in the markup tree at the bottom of the page and then use the formatting options in step 2 2 Do one of the following In the CSS palette select a formatting option adja...

Page 348: ...heets on page 287 To apply an ID style 1 In the Layout Editor select the text paragraph or object to which you want to assign the ID and do one of the following If the text to be reformatted is a port...

Page 349: ...zed image to a page GoLive references the path to the image file To ensure that GoLive can properly manage these refer ences and publish image files place image files in the site window before adding...

Page 350: ...lso Resizing Smart Objects on page 363 To resize an image disproportionately 1 Select the image in the Layout Editor 2 In the Image Inspector click the Basic tab 3 From the Width and Height menus choo...

Page 351: ...tate Normal Over Down Click Up and Out The Normal state appears when the mouse is over another part of the page The remaining states appear when the viewer moves or clicks the mouse over a rollover ob...

Page 352: ...with self rollovers 1 In the Layout Editor select the trigger object 2 In the Rollovers palette select the state that will trigger the rollover and then click the New Rollover Image button 3 In the N...

Page 353: ...it to the Delete icon To remove all states choose Remove All Rollover States from the palette menu To change the size of rollover thumbnails From the Rollovers palette menu choose View and then choos...

Page 354: ...rollover detection process after adding the needed images to the folder The Detect Rollover Images feature is on by default but you can turn it off if you prefer to assign rollover images manually To...

Page 355: ...wever you can instead configure GoLive to apply rollover and action code directly to the image element 1 Choose Edit Preferences Windows or GoLive Preferences Mac OS 2 In the list on the left select I...

Page 356: ...rame or Color buttons To change the color used for highlighting click the Color button To change the stacking order of multiple overlapping hotspots use the Bring Region To Front button and the Send R...

Page 357: ...ages as visual guides As a design develops you can cut out parts of a tracing image and convert them into Smart Objects on the final web page You can import the following formats as tracing images Ill...

Page 358: ...Image palette click the Crop tool Then select a rectangular portion in the Layout Editor Note You can cancel the cut out process by clicking the Crop tool again 3 Double click the selection in the La...

Page 359: ...l be left aligned Most browsers do not specify alignment preferences Left Positions the icon in the upper left corner Middle Positions the icon in the upper middle Right Positions the icon in the uppe...

Page 360: ...n Inspector offers the following options Autoplay Plays the SWF movie as soon as the page is loaded Loop Plays the movie in an endless loop Quality Balances visual appearance versus playback speed Fro...

Page 361: ...to one SWF detect process per session Flash Page Specifies the web page for the SWF file Alternate Specifies the alternate web page Create Page Generates the web pages for the SWF file Inline With HT...

Page 362: ...hout waiting for a mouse click Enable JavaScript Enables JavaScript functions to control movies Kiosk Mode Disables Save commands including drag and drop functionality HREF options Link Provides a lin...

Page 363: ...ntrol playback in the playback area using controls such as Play and Stop Image Window is available only for videos and animations Control Panel or Default Displays the default RealPlayer control panel...

Page 364: ...xt Menu Enables the context menu in the Windows Media Player window Enable Controls Reveals player controls during full screen playback Full Screen Plays video in full screen mode Invoke URLs Starts t...

Page 365: ...t need to start a browser GoLive also lets you insert W3C object controls which web browsers can download and execute In Windows you can set up these controls with installed ActiveX objects Mac OS doe...

Page 366: ...an t delete properties of Windows ActiveX controls 2 Windows only To access a built in dialog box for an ActiveX control double click the control in the Layout Editor or click Properties in the Basic...

Page 367: ...atility 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...

Page 368: ...rce and target files in two different places in the site window Store source files in the Smart Objects folder in the Extras tab and store target files in the Files tab From those locations GoLive can...

Page 369: ...hop Illustrator or Generic objects set optimization options in the Save For Web dialog box For Smart PDF objects click the Rotate Left button or the Rotate Right button if needed Then navigate to the...

Page 370: ...ll change all related Smart Objects To locate related copies throughout a site see To find the source of Smart Object warnings on page 235 See also About Smart Object source and target files on page 3...

Page 371: ...Use the Update Files Dependent On command For more information see To update site files that are dependent on site extras on page 210 See also About Smart Object source and target files on page 358 To...

Page 372: ...Updates When Opening A Page To convert large JPEG or GIF images into Smart Objects select Automatically Convert Large Web Safe Images To Smart Objects Then enter the required pixel width or height an...

Page 373: ...portionately scales the image to the largest size that fits the cell or region To crop a Smart Object With Smart Objects you can create multiple cropped versions of a single source file without leavin...

Page 374: ...To cancel crop boundaries for a Smart Object Click the Cancel button in the toolbar or press the Esc key To restore a cropped Smart Object to its original size 1 In the Layout Editor select the object...

Page 375: ...he Preview menu above the optimized image The estimated download time is displayed under the optimized image If the download time seems too long try different optimization settings or change the image...

Page 376: ...in any web browser installed on your system The browser preview displays the image with a caption listing the image s file type pixel dimensions file size compression specifications and other HTML inf...

Page 377: ...ft drag to select multiple slices To set options for a user slice 1 Double click the slice with the Slice Select tool 2 In the Slice Options dialog box do any of the following and click OK Type the sl...

Page 378: ...colors to use is called indexing so images in GIF and PNG 8 formats are sometimes called indexed color images To convert an image to indexed color GoLive builds a color lookup table which stores and...

Page 379: ...Reduction Algorithm menu C Dithering Algorithm menu Lossy GIF only Reduces file size by selectively discarding data A higher Lossy setting results in more data being discarded You can often apply a L...

Page 380: ...plies a halftone like square pattern to simulate any colors not in the color table Noise Applies a random pattern similar to the Diffusion dither method but without diffusing the pattern across adjace...

Page 381: ...n again Alternatively select Shift Unshift Selected Colors To From Web Palette or Unshift All Colors from the Color Table palette menu To specify a tolerance for shifting colors specify a value for We...

Page 382: ...ptimized JPEG format Note Progressive JPEGs require more RAM for viewing and are not supported by some browsers Blur Specifies the amount of blur to apply to the image This option applies an effect id...

Page 383: ...s formats on page 369 Optimization options for WBMP format The Dithering Method and Dither options determine the method and amount of application dithering For optimal compression use the lowest perce...

Page 384: ...GIF with width and height values specified in the IMG tag Select GIF TD W H to use a 1 pixel GIF with width and height values specified by the table cell TD tag Select NoWrap TD W H to place a nonsta...

Page 385: ...ing of the file name parts for example letting you indicate rollover state by an abbreviation instead of the full word Filename Compatibility Select one or multiple options to make the file name compa...

Page 386: ...s of Smart Objects on page 358 Importing layered Photoshop images GoLive lets you import Photoshop layered images so that each layer in the image is converted into an appropriate web safe format of yo...

Page 387: ...e For Web dialog box for each remaining layer Repeat the process of choosing an optimization setting and clicking Save for each layer Each Photoshop layer is placed in a separate GoLive layer in the L...

Page 388: ...assign variables to the layers in Photoshop 1 Using a Smart Photoshop object add a PSD file with a text layer to the Layout Editor 2 In the Variable Settings dialog box do any of the following To cha...

Page 389: ...p PSD source file with variables and click Open 4 To change the text edit it in the text box of the Variables Settings dialog box 5 Set optimization options in the Save For Web dialog box See also Cre...

Page 390: ...timize the file in GIF JPEG PNG or WBMP format SVG or SVG Compressed Opens Illustrator so you can set optimization options in the SVG Options dialog box SVG Compressed creates an SVGZ file SWF Opens I...

Page 391: ...g and some SVG filter effects Font Type Specifies how fonts are exported Choose from the following options Adobe CEF Uses font hinting for better rendering of small fonts This font type is supported b...

Page 392: ...o results in slower rendering speeds Decimal Places Specifies the precision of vector data in the SVG file You can set a value of 1 to 7 decimal places A high value results in a larger file size and i...

Page 393: ...he visual appearance of type in all Flash players Compress File Compresses the SWF data resulting in a smaller file size Note that Flash players prior to Flash Player 7 can t display compressed files...

Page 394: ...choose Lossy compression Resolution Adjusts the screen resolution for bitmap images Resolution for exported SWF files can be 72 to 2400 pixels per inch ppi Higher resolution values result in better i...

Page 395: ...kage directly to a site from InDesign save the package in the site s web data InDesignPackages folder See also Importing InDesign packages on page 385 To refresh the Files CSS Extras Diagrams Collecti...

Page 396: ...out or HTML Preview tab do one of the following Click the First Page button the Previous Page button the Next Page button or the Last Page button Type in the Page Number text box You can also double c...

Page 397: ...ntent of text assets Page Shows an asset s location in the original package To color tagged assets in the InDesign Layout or HTML Preview tab select Highlight Tagged Page Items in the View palette To...

Page 398: ...how to optimize images as Smart Objects Note InDesign supports some image features such as spot colors that GoLive does not support For more information see InDesign Help See also Advantages of Smart...

Page 399: ...re information see InDesign Help Note The character encoding of the web page must match the character encoding specified in InDesign s Package For GoLive dialog box otherwise characters like apostroph...

Page 400: ...to HTML Exporting packages to HTML Sometimes a print design doesn t translate well to the web and on screen viewing With the HTML Preview for packages however you can optimize any InDesign document fo...

Page 401: ...t As HTML Include For HTML Export Graphic assets are excluded by default 3 Choose a layout preview method To view entire pages as you scale a layout click the Automatic Zoom button To maintain zoom se...

Page 402: ...ar and specify the page range If you select All Pages or Page Selection enter a file name prefix in the Name field 8 To apply a template to the exported file select Use Template and specify a file in...

Page 403: ...isplayed simultaneously click the Single Page View button the Double Page View button or the Multi Page View button To view more pages at one time in double or multi page view either enlarge the docum...

Page 404: ...Click the First Page button the Last Page button the Next button or the Previous button To navigate to a specific area of a page Do one of the following in the document window Drag with the Hand tool...

Page 405: ...ings 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 A B C Saved se...

Page 406: ...he PDF link editor you can use GoLive to create move resize and delete link regions in any existing PDF file You can also specify link destinations such as web pages HTML anchors PDF pages and PDF boo...

Page 407: ...s button 3 In the document window click the link to select it 4 Do one of the following To move the link region drag it to the desired location on the page To resize the link region position the point...

Page 408: ...ctive PDF forms GoLive provides two ways to export PDF files and each has unique advantages If you export individual open pages you can preview various PDF settings with the PDF Creation Inspector If...

Page 409: ...when exporting PDF Presets are groups of compression security and other settings To customize presets click the Edit Adobe PDF Preset button Size Sets the paper size To change page orientation click...

Page 410: ...or Adobe PDF files on page 409 To export selected pages in a site to PDF 1 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...

Page 411: ...line art or images in PDF documents on page 394 Security options for Adobe PDF files on page 409 About Adobe PDF presets A PDF preset is a predefined set of PDF options that you can use to create Adob...

Page 412: ...rea of the Edit PDF Export Preset dialog box To delete a preset select it and click Delete To import a preset click Load Locate the joboptions file you want to load and click Open To save a preset sel...

Page 413: ...rves lay ers when cre atingPDFfiles from applica tions that Preserves lay ers when cre atingPDFfiles from applica tions that support the generation of layered PDF documents support the generation of l...

Page 414: ...e when Compatibility is set to Acrobat 6 PDF 1 5 Embed Adobe PDF Preset Stores the current PDF preset in the exported PDF file View PDF After Exporting Opens the newly created PDF file in the default...

Page 415: ...mpression is lossy which means that it removes image data and may reduce image quality however it attempts to reduce file size with a minimal loss of information Because JPG compression eliminates dat...

Page 416: ...cts HTML font size in web browser Use Single Page Layout Extends the PDF page length to contain all the web content Allow Image Breaks Breaks images at page breaks rather than shifting entire images a...

Page 417: ...te specifies all pages and The Site Selection specifies selected pages See also Exporting pages to PDF on page 399 Advanced options for Adobe PDF files When you export to PDF or edit a PDF preset you...

Page 418: ...t possible to open the file in a view only mode Permissions Password Sets the password to protect the PDF file This option is only enabled when the previous option is selected Printing Allowed Specifi...

Page 419: ...This option is only available for high 128 bit RC4 encryption Enable Plaintext Metadata Allows users to copy and extract content from the PDF This option is only available when Compatibility is set to...

Page 420: ...toolbox drag the Form icon onto a page This element is a container for individual form elements such as buttons and fields 2 To provide the form s structural foundation drag the Table icon from the ob...

Page 421: ...data Tells the server where the files begin and end Text plain Sends the form data as plain text 6 In the Method menu choose the form delivery method Post Returns data entered by the viewer informati...

Page 422: ...ctor to specify the image source and options which you set just as you set options in the Image Inspector See also Adding pre optimized images on page 340 Formatting text for the web on page 292 To cr...

Page 423: ...t field in a form 1 Drag the Text Area icon from the Forms set in the objects toolbox to your form 2 In the Name box of the Form Text Area Inspector type a unique name to identify the text area 3 In t...

Page 424: ...spector displays the ID that controls the association between the form element and its label See also Formatting text for the web on page 292 To group form elements You can visually indicate that part...

Page 425: ...Small yellow index boxes appear on top of or inside form elements that can be tabbed and a pound sign appears next when it s over such a form element 2 Click each element successively in the desired t...

Page 426: ...ough your pages Hidden icon Inserts an HTML tag that does not appear in a web browser However the form submits the HTML tag values with the rest of the form data Key Generator icon Lets viewers addres...

Page 427: ...in a particular element For example you can keep a form s Submit button inactive until viewers enter some required data Only text fields password fields text areas all buttons check boxes and radio bu...

Page 428: ...CS2 User Guide To set up an inactive form element 1 Select the form element 2 Select Disabled in the Inspector 3 Write a script that dynamically enables the item and attach the script to the page or t...

Page 429: ...n tasks Page template samples are organized in the Documents tab of the Library palette and in the Web section of the New dialog box Snippet presets are organized in the Application Wide group in the...

Page 430: ...the View palette to set the color highlighting for locked and editable regions Regardless of whether you lock the uneditable regions in the template or not these regions are automatically locked in al...

Page 431: ...name the template and click Save In the site window drag the page from the Files tab to the Templates folder in the Extras tab Note Page templates are stored in the site s web data templates folder an...

Page 432: ...click Create In the site window drag the template file from the Extras tab into the Files tab and click Create Page templates with locked and editable regions can be used interchangeably with Macrome...

Page 433: ...s of marked editable regions in the existing content If any are found GoLive automatically moves the existing content into the regions If no matches are found GoLive displays a list of regions in the...

Page 434: ...nks palette to the second template in the Extras tab in the site window 5 Click OK to change the reference See also Using the In Out Links palette to view links on page 232 Updating or detaching a pag...

Page 435: ...any of the following to save the page as stationery Choose File Save As name the stationery choose Stationery from the Site Folder menu and click Save Choose Save As Stationery from the document wind...

Page 436: ...e desired content for the component for example a layout grid with your corporate logo and headline 2 If you ve changed Script Library settings in Preferences or changed Site Settings to Write Code In...

Page 437: ...t and last unit retained For example to retain cat in scatter specify 2 and 4 If you re using custom breaks enter 1 in the Selection Start box to retain the text from the beginning of the text string...

Page 438: ...te into the Snippets tab of the Library palette GoLive includes many preset snippets for common web design tasks These presets are organized in the application wide group in the Snippets tab of the Li...

Page 439: ...e Editor and then choose File Save Editing the contents of a snippet s source file does not affect any pages that already use the snippet Site colors Site colors You can collect and organize colors fo...

Page 440: ...to be colored 2 Do one of the following Select a site color from the Site Colors swatch library Click the color field in the Inspector and then select a color from the Site Colors swatch library Drag...

Page 441: ...ists them in the Scanned Font Sets folder in the Font Sets tab Drag a font set from another site window into the Font Sets tab in the site window Choose Site New Font Set and use the Font Set Inspecto...

Page 442: ...he Font Set Group icon from the Site set in the objects toolbox to the Font Sets tab in the site window 2 Name the group folder as desired 3 In the Fonts tab in the site window drag font sets into the...

Page 443: ...in the Name box and type or paste the complete URL beginning with the server type such as http or ftp in the URL box Drag the Address icon from the Site set in the objects toolbox to the External tab...

Page 444: ...or e mail addresses into the group folder To use a site URL or e mail address on a page 1 Select the text or object on the page that you want to use as a link 2 Do one of the following Drag the site U...

Page 445: ...in navigation or links view in GoLive Help See also About collections in navigation or links view on page 222 To create a static collection by saving query syntax check or find operation results 1 Ope...

Page 446: ...tion 1 Select a dynamic collection in the Collections tab of the site window 2 Click Run Query in the Collection Inspector GoLive loads the most recent query result set into the collection To edit a q...

Page 447: ...tes folder 3 Open the site 4 Choose Site Settings or click the Site Settings button on the toolbar 5 Set any of the following options in the Sample Info section of the Site Settings dialog box Enter a...

Page 448: ...ect to a publish server you may need to customize the network settings you use to access the Internet For example your Internet service provider ISP may require you to use a proxy server for security...

Page 449: ...her information about individual files and folders Depending on your circumstances determine the appropriate publish server client according to the below descrip tions The Publish Server tab Use the P...

Page 450: ...password FTP only Select Use Passive Mode if the FTP server is protected by a firewall FTP only Keep the Use ISO 8859 1 Translation option Mac OS only selected to use the Latin 1 character encoding s...

Page 451: ...ification time with the server modification time to decide whether to upload download or delete a file You can confirm synchronization actions assigned to individual files and assign a different synch...

Page 452: ...ite Publish Server Upload Selection To upload all files click the Upload All button on the toolbar or choose Site Publish Server Upload All Review the files to be uploaded in the Upload dialog and the...

Page 453: ...he server 5 If the Synchronization Conflict icon appears by a file name the file has been changed on the server and the local site Assign a synchronization action to the file so that it is not exclude...

Page 454: ...nups options as follows and then click OK Strip HTML Code For Comments And Spaces Streamline the source code without affecting the appearance of pages Strip HTML Code For Adobe GoLive Elements Removes...

Page 455: ...gh you know that the files are identical Files can get out of synchronization in a variety of ways For instance if you use a file transfer client other than GoLive to upload the file and later try to...

Page 456: ...a new folder for them To transfer files You can use the file browser for any file transfer purpose not just for transferring website files You can open multiple instances of the file browser and even...

Page 457: ...te Pages And Media Creates a root folder that contains two subfolders for HTML pages and media respec tively Flat Creates a root folder that contains all HTML pages and media but no subfolders Folder...

Page 458: ...Mac OS expand the Site settings click Upload Export and make sure the Show Options Before Export Dialog option is selected To upload a site you have exported to a local drive Drag the exported root fo...

Page 459: ...l folder if you want to conceal your site s folder hierarchy 10 Choose Root Of This Site from the With Local Folder menu This option maps the current location of the root folder to its future location...

Page 460: ...an exclusive lock the shared lock simply alerts people that several individuals are editing the same file It does not actually lock the file People without a shared lock can only read the document A s...

Page 461: ...rm To obtain information about files 1 Select the file in the Publish Server tab of the site window 2 If the Publish Server Inspector is not showing choose Window Inspector 3 Click one of the tabs in...

Page 462: ...ding the Co Author section window the Co Author Editor and the Co Author palette to create the site and build the co author sections Co authors use only Adobe Co Author not the complete version of GoL...

Page 463: ...r section 4 Create Co Author stories web designer In the Co Author Editor create stories that GoLive will use to generate the HTML pages 5 Publish the site and export a Site Locator file web designer...

Page 464: ...ion name in the template file to which you ll link the section Matching the names ensures that the stories populate the templates correctly 4 Choose the sort order for the Co Author Editor and Adobe C...

Page 465: ...file and then regenerate the pages in Co Author To manually enter items in the section window 1 In the section window select Name in the Item Name column When you select an item it appears in the edi...

Page 466: ...econd page Links within page templates Use these links to create navigational links between the pages generated from each story in the section To create the links use the next and previous strings in...

Page 467: ...ive generates a page for each story placing them in the section s pages folder Note You can also generate co author web pages by using the Co Author Editor To preview co author web pages Use either th...

Page 468: ...d by the web designer and click Open To create or edit a co author story Co author stories contain the content organized by item names that GoLive places in a template to generate the co author web pa...

Page 469: ...me cases you may want to have the pages reviewed before you publish them in other instances such as when you ve simply made text corrections you may want to publish them directly Coordinate with the w...

Page 470: ...Screen Rendering option in GoLive s built in Live Rendering browser Small Screen Rendering option in built in Live Rendering browser See also To change the default preview device for MMS on page 465 T...

Page 471: ...mobile devices For mobile authoring you can use two types of XHTML XHTML Basic and the more advanced XHTML Mobile i mode Hypertext Markup Language i mode HTML Also known as cHTML i mode HTML is a spe...

Page 472: ...and select Mobile Pages MMS Document 2 In the toolbar select one of the following from the Recipient s Device menu A phone profile to optimize the message for a single device Multiple Devices to open...

Page 473: ...tab of the MMS Inspector select one of the following Replace Current Slides Replaces all existing slides Add Slides Inserts new slides after existing slides 2 Enter the Slide Duration for all slides 3...

Page 474: ...or Choose Mac OS To change the default preview device for MMS 1 Choose Edit Preferences Windows or GoLive Preferences Mac OS 2 Select MMS and choose a device from the Default menu To download the late...

Page 475: ...le Multimedia SVG Tiny Image Or choose File Open and select an svg or svgz file When you resave an svgz file GoLive retains the original compression settings Editing SVG in the document window When yo...

Page 476: ...offset position in pixels and duration in milliseconds Set Attribute Sets values for XML attributes Set Color Sets stroke and fill color In code GoLive SVG actions include the comment agl action name...

Page 477: ...HTML MP Page B A XHTML workspace A Mobile View in the Layout Editor B Mobile compatible items in the objects toolbox See also Designing for mobile devices on page 461 To configure the objects toolbox...

Page 478: ...d spacer gif Strip Code Elements Removes web based CSS styles or BR tags so that you can reoptimize formatting and layout for mobile devices Save To Folder Saves all copies in the specified folder Des...

Page 479: ...in the View palette choose NTT DoCoMo DoCoMo browser version Accessing a DoCoMo profile to simulate phone layout in the Layout Editor See also Page templates on page 420 To set view options for page...

Page 480: ...g procedures to enable Shift JIS encoding as well 1 Choose Edit Preferences Windows or GoLive Preferences Mac OS 2 Select Encodings from the list on the left 3 On the right expand Japanese Windows and...

Page 481: ...e of the following Add a Smart Photoshop Smart Illustrator or Smart Generic Object to your page In the Save For Web dialog box choose GIF format and specify either 2 colors for simple black and white...

Page 482: ...age is a markup language for displaying information on wireless devices such as mobile phones WML is based on a hierarchy of decks and cards A deck is the container element for a WML document and is m...

Page 483: ...hat your WML deck is usable in this constrained environment To add a card to a deck Drag the Card icon from the WML Elements set in the objects toolbox into the document window Release the mouse butto...

Page 484: ...WML elements in your deck If you place elements from the Basic set in the objects toolbox into a WML document the deck will not work correctly Every element has content rules that determine what the...

Page 485: ...can use to group the elements Separate multiple class names with spaces To add text to WML elements By default text is enclosed in a p element however the p element is not displayed when you are work...

Page 486: ...ese attributes height and width Specify the dimensions of the image in pixels or a percentage Some browsers may ignore these attributes xml lang Specifies the language of the element or its attributes...

Page 487: ...ou want to bind the task from the type pop up menu 3 Add a task to the onevent element To add a do element 1 Drag the Do icon from the WML Elements set in the objects toolbox into the document window...

Page 488: ...To set variables or postfield elements in a WML deck on page 477 Getting user input in WML decks Creating text and selection fields You can capture input from users with the following WML elements inp...

Page 489: ...in the desired location in a paragraph 2 Set the following optional attributes in the Fieldset Inspector title Specifies a title for the element xml lang Specifies the language of the element or its...

Page 490: ...in a selection list 1 Drag the Optgroup 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 select el...

Page 491: ...ndow Release the mouse button when the pointer is over the colored area of a card 2 If the card contains other elements move the timer element to the top position in the card 3 In the Inspector enter...

Page 492: ...owser menu on the toolbar Or choose it from the File Preview In submenu 2 Optional After the emulator is open use the Launcher window to choose any of the listed phones to emulate 3 Optional In the Vi...

Page 493: ...ee the W3C website www w3 org For more information on using SMIL presentations with RealPlayer see the RealNetworks website www realnetworks com SMIL presentation types You can create three types of S...

Page 494: ...e SMIL set to add media items to your SMIL presentation Media Inspectors Use the Media Inspectors to specify the appropriate settings for your media files RealPlayer Editor Use the RealPlayer Editor t...

Page 495: ...icon identifies a text item Playback controls Control the playback of items and anchors that are displayed in the Layout tab The contents of static media items such as static images or static text ap...

Page 496: ...erence various media files and is usually part of site save the SMIL document in a site folder with the media and other site files To set a presentation s size title and background color All SMIL pres...

Page 497: ...simultaneously or use the Sequence Container if you want them to play in a sequence You can also set up items to repeat a specified number of times or indefinitely You can add the following types of m...

Page 498: ...n use an ID to identify an item you want to link to 4 To automatically resize a region to match the size of the source file select Resize Region For example image items have a default region size of 3...

Page 499: ...ontainer to the presentation and displays the container in the Timeline Editor If you want the items in your presentation to play simultaneously you can simply add items to the default Parallel Contai...

Page 500: ...n a container be aware of how the item repetition affects the timeline of the container and other items in the container For example a repeating item in a Sequence Container must finish its number of...

Page 501: ...ow or hide the grid or ruler With the Layout tab of the SMIL window active choose one of the following from the View menu Show Grid Show Rulers To turn snapping and guides on or off With the Layout ta...

Page 502: ...ce file To align items To align items in relation to the root layout region boundaries select the item or group of items that you want to align Then in the Align palette under Align To Parent click a...

Page 503: ...G Color and then click the color field to select a color from the Color palette See also To set a presentation s size title and background color on page 487 Setting the layering order of overlapping i...

Page 504: ...or End box in an Inspector you can use either of the following formats hh mm ss xyz Enter hours hh minutes mm seconds ss tenths of seconds x hundredths of seconds y and milliseconds z You can also omi...

Page 505: ...t the clip begin and clip end times to be different from the actual internal times encoded in items such as video audio and animation For example you can set a video item to begin playing at its 5 sec...

Page 506: ...portionally when you change to the container s duration select Scale Container Elements 3 Set the container s begin time by doing one of the following To set a specific time choose At Time from the Be...

Page 507: ...ner s start and end times A Drag timeline bar to change start and end times B Drag left edge to change start time only C Drag right edge to change end time only To stop all items in a Parallel Contain...

Page 508: ...ile Note Make sure that the file is the appropriate type for the item you selected in step 1 For example select a video source file for a video item To link to another SMIL presentation 1 Select the c...

Page 509: ...r item 2 In the Link tab of the Inspector set the following New Presentation options Show Select Replace Presentation to use the current player window New Presentation to open a new player window or N...

Page 510: ...he Display URLs button the Show Hotspot Edges button and the Colorize Hotspots button on the toolbar 2 Select the appropriate hotspot tool for the shape you want Rectangular Hotspot tool Circular Hots...

Page 511: ...e a hotspot drag the hotspot s resize handle To move a hotspot drag the hotspot within the item s region in the Layout tab Note All of the hotspots associated with an item must fit within the item s r...

Page 512: ...ght vertical axis or along the top center or bottom horizontal axis Setting the timing of hotspots Setting the timing of hotspots You can set a hotspot s begin and end time so that its link is active...

Page 513: ...works com resources See also Animate Motion tab options on page 504 Time tab options on page 505 More tab options on page 505 Animate Motion tab options Title Specifies a title for the animation item...

Page 514: ...mation for each cycle None Uses the values specified on the Animate tab Sum Adds the specified value to each cycle Additive Lets you increase animations by increments as well as absolute values You ca...

Page 515: ...r color Fade Color Specifies the fade color To apply transitions to items After you add transitions to the header section of a presentation you can apply them to any item you want 1 Select the item yo...

Page 516: ...in each Switch Statement is called default If the tests for all other cases are false the player application plays the default case s items Note GoLive automatically adds a default case when you add t...

Page 517: ...en enter a depth in bits in the Depth box Enter an integer value greater than zero such as 8 This test evaluates as true if the player application can display a video or image that has the color depth...

Page 518: ...next to the title 2 In the Regions tab of the SMIL Layout Inspector click the New Item button GoLive adds a new region to the list 3 In the ID box change the region s default ID if necessary Note Chan...

Page 519: ...on using the region s layout properties Adding SMIL presentations to a site Adding SMIL presentations to a site After creating and saving a presentation as a SMIL document you can add the SMIL present...

Page 520: ...a separate RealPlayer application window save the text file with a ram extension For example mypresentation ram To use the Ram file to embed a SMIL presentation on a web page save the text file with...

Page 521: ...to presentations To add individual RealPlayer controls to a web page you must add a RealMedia placeholder for each control For example to provide both Play and Pause buttons you must add separate pla...

Page 522: ...current place in the presentation timeline along with total item length Status Field Displays the message text area of the status bar If no status field or status bar is embedded error messages displ...

Page 523: ...information you want to appear If you ve already specified presentation information it appears here 4 If you re using streaming media click the Streaming Info tab and enter the appropriate informatio...

Page 524: ...alPlayer presentation Open the presentation in RealPlayer and test its functionality You can add RealPlayer to the Browsers list in GoLive s preferences See also To specify browsers for previewing on...

Page 525: ...a SMIL presentation transparency is preserved within the region displaying the RealPix presentation but not across other regions in the SMIL presentation To create or open RealPix documents Do one of...

Page 526: ...ffect s icon in the timeline area marks the start time when the effect begins displaying its associated image The right edge marks the end time of the effect The same image is displayed in the present...

Page 527: ...ll value if necessary For example you might want to manage competing bandwidth requirements for multiple items in a SMIL presentation by using a high preroll value to buffer a RealPix presentation bef...

Page 528: ...the image with an effect in the timeline area Each presentation contains its own image library The image library shows the file name and handle ID for each image When you add an image to the library...

Page 529: ...with the effect To replace an added effect you must delete it and then add a different effect To add an effect to an image 1 Drag the image file from the site window or image library to the timeline I...

Page 530: ...add a link to an effect 1 Click the Preview button the Destination View button or the Source View button 2 In the timeline area select the effect that you want to add a link to 3 In the Transition In...

Page 531: ...sition images within the overall presentation display window You crop a source image by using the Source Rectangle which defines the area of the source image you want to display For example you can pl...

Page 532: ...sition Inspector enter the coordinates for the upper left corner of the Source Rectangle 3 In the Width and Height boxes for the Source Rectangle enter dimensions in pixels To resize and reposition an...

Page 533: ...ion the time cursor on the right edge of the image that you want to resize or reposition 2 In the X and Y boxes for the Destination Rectangle in the Transition Inspector enter the coordinates for the...

Page 534: ...ol their behaviors over time and manage their interaction The QuickTime set of the objects toolbox provides icons for the tracks you use to assemble movies The Inspector lets you edit track properties...

Page 535: ...ie viewer window To select tracks in the Layout tab Some movies have several tracks and you must select individual tracks to set properties in the Inspector The Layout tab in the movie viewer window o...

Page 536: ...ies With the Inspector open click the Preview tab in the movie viewer window Then set any of these properties in the Basic tab Autoplay Sets the movie to start automatically when it is viewed in the Q...

Page 537: ...ies for a track or sample in the Inspector To select multiple items Shift click or drag a selection rectangle over the tracks After selecting multiple items you can use the Multiple Inspector to align...

Page 538: ...window To create a new marker position the pointer on the Mouse Time row below the time ruler When the pointer becomes a small triangle place the triangle at the time location where you want to creat...

Page 539: ...additional samples in the track content area You also use this tool to create sprite keyframes Click the Create Sample tool select a start point in the track content area and then drag the sample trac...

Page 540: ...ty In the site window you manage the URLs for linked files in tracks Some track types specify content such as video tracks some specify how the content is combined such as filter tracks and others add...

Page 541: ...start at the beginning of the movie drag the time cursor to the leftmost position in the track content area 0 seconds on the time ruler To set the track to start anytime after the movie begins such as...

Page 542: ...e list When adding a track drag the track s icon from the objects toolbox directly to the position you want in the track list Click the Bring To Front or Send To Back button or choose Movie Track comm...

Page 543: ...ted tracks to the base track s end time Choose the base track from the Base Track menu in the Multiple Track Inspector To set the basic track and sample properties Add or select a track or sample and...

Page 544: ...opaque the track is the darker the color the more transparent it is Transparent Lets you define a transparent color for any visual track Click the color field and drag a color from the preview pane of...

Page 545: ...nd enable keyframe properties such as Position and Scale In the Timeline Editor click the pop up menu to the left of the track name By default GoLive hides keyframes to conserve space Note When you en...

Page 546: ...on the track and maintains their temporal relationships To change property settings To animate a property specify different property settings for each keyframe To quickly specify a property setting dr...

Page 547: ...ume Specifies a number between 0 and 255 Balance Specifies a number between 128 full left and 128 full right See also To set the basic track and sample properties on page 534 Movie tracks About movie...

Page 548: ...ns of the movie track Fill Movie Reduces or enlarges the embedded file to fill the dimensions of the movie track but does not maintain the aspect ratio of the file As a result the movie may appear str...

Page 549: ...ing to end repeatedly if Autoplay is selected and Slave Time is not selected Choose Palindrome to play the complete video file forward and then backward repeatedly Background Color Sets the background...

Page 550: ...d or remove tracks on page 532 To set the basic track and sample properties on page 534 About color tracks A color track adds a layer of color to the movie window You add a color track to your movie b...

Page 551: ...n Set the duration of time for the selected transition effect by dragging the Duration slider or by entering a time in the Duration box 3 In the Images tab of the Picture Track Inspector set the follo...

Page 552: ...ressor and a color depth from the pop up menus and then click OK To replace an image in a picture sample or set individual picture sample properties 1 In the Timeline Editor select the picture sample...

Page 553: ...ption if your sprites contain vector graphics If this option is not selected sprites with vector graphics may look jagged after resizing Background Color Specifies a background color The default backg...

Page 554: ...hop layers as sprites on page 548 Compression options on page 543 To add sprites to a sprite track and use images from the image pool 1 Select the sprite track in the track list and then click the arr...

Page 555: ...irst add a sprite track GoLive automatically creates a default keyframe for the default sprite object which cannot be deleted You can keep the default keyframe as it is if you want But in most cases y...

Page 556: ...taching actions to keyframes For example by attaching the Go To URL action to the Mouse Click Event for a sprite s keyframe you can have a web page open when the viewer clicks the sprite 1 Select the...

Page 557: ...eate the movie 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 mov...

Page 558: ...Over behavior box To map layers in the Photoshop file to the Click behavior box in the Basics tab in the Sprite Sample Inspector for each sprite enter the appropriate extension in the Click box For ex...

Page 559: ...me matches the SWF time base with the QuickTime time base For example if an SWF file has an internal speed of 15 frames per second fps and a duration of one minute the corresponding SWF track also has...

Page 560: ...m the SWF button 4 Click the New Item button to attach an action to the event A dot symbol appears to the right of each active event 5 From the pop up menu below the Events and Actions lists choose an...

Page 561: ...same time The advantage of RTSP streaming is that viewers don t have to store large movie files on their hard disks as they do with HTTP streaming See also To export a movie or track on page 576 To a...

Page 562: ...ckTime set of the objects toolbox to the track list area of the Timeline Editor 2 Optional Set basic properties See also To add or remove tracks on page 532 To set the basic track and sample propertie...

Page 563: ...t a Music Play Note action only plays one of the selected instruments To attach a Music Play Note action to a track or sample After setting up an instrument track with one or more instruments you can...

Page 564: ...Chapter Track icon from the QuickTime set of the objects toolbox to the track list area of the Timeline Editor 2 Select the chapter track in the Timeline Editor and then display the Chapter Track Insp...

Page 565: ...a URL You can also specify the mouse event that triggers the text link to activate For example you can specify that whenever a viewer clicks on a text link a particular web page opens You can have mu...

Page 566: ...in Height boxes in the Layout tab of the Text Sample Inspector Scroll Delay Sets the scroll delay This option works when scrolling is enabled and the delay time is shorter than the sample duration Scr...

Page 567: ...u can t change the HREF default name because QuickTime recognizes an HREF track by the name HREFTrack To show and hide the HREF track Click the Eye icon By default the HREF track is hidden to prevent...

Page 568: ...he video track or picture track that you want to use as the source for the one source filter track Note that when you use a video track as a filter track s source the original video track s data doesn...

Page 569: ...er track to From the Source B menu choose the other video track that you want to apply the two source filter track to 4 Select the two source filter sample in the track content area of the Timeline Ed...

Page 570: ...ct Effect dialog box do one of the following Choose a matte from the Matte menu and if necessary select parameters for the effect Click Save to save the effect as a qfx file for later use Click Load t...

Page 571: ...ween 128 minimum contrast and 128 maximum contrast ColorSync Mac OS only Adjusts the color balance of an image to match a specified color sync profile Typically you would use this to adjust the color...

Page 572: ...channel value of each pixel Lightness Specifies the lightness channel value of each pixel Lens Flare Produces a sunspot effect The Lens Flare filter has two options Intensity And Flare Center and Flar...

Page 573: ...t provides a smooth alpha blending between two video sources which results in a smooth fade out from the first track into the second This effect has one parameter Percentage The two slider controls le...

Page 574: ...t Specifies the number of horizontal repeats of the effect that occur in a single track Vertical Repeat Specifies the number of vertical repeats of the effect that are executed in a single track Borde...

Page 575: ...ick the Get Current Selection button to start the time range at the point of the current play selection Movie Set Play Selection Enables the Play Selection specified by the Movie Set Selection action...

Page 576: ...Set Sound Balance Sets the sound balance for the selected track Choose the track from the Track menu You can set the balance left center or right 128 maximum left to 128 maximum right See also To wire...

Page 577: ...Click the Color box to specify a color in the Color palette Text Set Font Style Sets the font style Options include Normal Bold Italic Underlined Outlined Shadow Condensed and Extended Text Set Font S...

Page 578: ...Import an SWF track and set its size to 320x240 pixels Click the Actions tab and apply the SWF Track Set Zoom Rect action with the zoom rect set to 160x120 pixels Select the Mouse Click trigger event...

Page 579: ...expand the functionality of Apple s QuickTime wired actions the set of predefined actions QuickTime recognizes and to automate the scripting process in GoLive QuickTime Wired Action Programming Langua...

Page 580: ...nMouseExit eventhandlers in one script file OnIdle onListReceived onKey and onMouseMoved each require a separate script Movie Tracks Only onMovieLoaded is allowed as an event handler SWF tracks You ca...

Page 581: ...the QT Script Debugger window Use this window to check the actual value of a variable or to check the return value of a wired action 1 Open a QuickTime movie and its associated QuickTime script 2 If...

Page 582: ...p up menu that appears Click the Actions tab in the Sprite Sample Inspector For a Flash track make sure that it has buttons to add the action to 4 Select an event trigger from the Events list 5 Click...

Page 583: ...one of the following To clear a radio button behavior delete the radio group and then click Apply To clear a toggle button behavior remove the sprite from the target toggle button list and then click...

Page 584: ...e XML List tab choose whether you want to use the movie s XML list or an external XML list If you use an external list you ll need to link to it In the Navigation tab specify the sprite track and its...

Page 585: ...ile Save or File Save As 2 Name the file and then select the destination folder in the Save As dialog box typically in the root folder for your site You might want to create a folder in your site wind...

Page 586: ...hop create a three layer file with the following layer contents and structure Background layer with a graphic of the media skin First layer with a window mask Black areas should reflect the outline of...

Page 587: ...Frame Editor or the Outline Editor for more information see To use the Markup palette on page 580 Outline Editor Presents the HTML code of your documents in a hierarchical organized way and provides a...

Page 588: ...print themes the Source Code or JavaScript Editor uses to display source code 3 Click OK To set Themes preferences 1 Choose Edit Preferences Windows or GoLive Preferences Mac OS and then select Theme...

Page 589: ...itor Frame Editor or Outline Editor 1 Choose Window Markup 2 In the Layout Editor Frame Editor or Outline Editor select the object to which you want to apply an Attribute 3 Do one of the following tas...

Page 590: ...ode palette If you resize the palette with this option enabled the contents wrap to the palette s new size Display Line Numbers Shows code line numbers Dim When Inactive Dims the contents of the Sourc...

Page 591: ...k OK To edit an object or element with the Visual Tag Editor 1 In the Layout Editor do one of the following Select the object you want to edit by clicking it Select the element you want to edit by usi...

Page 592: ...ensitive menu drag items from the site window or the objects toolbox to the Outline Editor and use the pick whip to link documents and graphics You can build documents from scratch fine tune your code...

Page 593: ...the entire outline in the Outline Editor click the triangle Mac OS or sign Windows to the left of the HTML element name at the top of the hierarchy To collapse or expand the currently selected element...

Page 594: ...nt are added to the outline after the end tag of the previously selected element Some elements such as img or meta elements cannot have end tags so only one box is added The By Syntax submenu is espec...

Page 595: ...meration type such as a color or path a triangle color field path pointer or comment sign appears to the right of the attribute name Note If you are not sure whether an attribute name is valid refer t...

Page 596: ...New Text button or the Add New Comment button on the toolbar Note You can add a comment anywhere in your document even before or after the HTML element 3 Enter your text or comment in the text box If...

Page 597: ...t recognize You can also use the Tag icon to prevent GoLive from parsing or changing your source code After you drag the Tag icon from the objects toolbox to the document window GoLive adds noedit and...

Page 598: ...he document or URL Dragging the QuickTime icon to the Source Code Editor To modify the appearance of source code You can use the Source View toolbar in the Source Code Editor source code panel CSS Edi...

Page 599: ...or Source view or JavaScript Editor 2 Scroll through the pop up menu that appears and then press Enter Windows or Return Mac OS to select the desired element attribute or function To compare two files...

Page 600: ...code the Syntax Checker highlights faulty code elements in the editors and lists the errors and warnings in the Check Syntax Result window You can also see the errors next to each element in the Outli...

Page 601: ...ith the DTD The cache is cleared when you quit GoLive A particular DTD such as HTML 4 Strict Checks compliance with that DTD 4 If you added custom elements or attributes to the Markup tab in Web Setti...

Page 602: ...ven in complex documents The markup tree bar represents the current selection in the Layout Editor Frame Editor source code panel or Outline Editor as a path or series of element tags from the root to...

Page 603: ...way as the markup tree bar in the document window See also Editing individual elements with the Visual Tag Editor on page 581 To select the next element higher in the element hierarchy with the Select...

Page 604: ...hlight all items that have a URL choose Items With URLs from the Special menu To highlight all text items choose Text Items from the Special menu To highlight all comments choose Comment Items from th...

Page 605: ...lements command lets you quickly add delete or modify attributes of existing elements delete the content of elements or replace the plain text contents of elements The Find Code Elements dialog box in...

Page 606: ...es of June in a specified element with July To replace the text contents of an element use the Replace Content action See Editing elements in multiple files with the Find Code Elements dialog box on p...

Page 607: ...scope of the search See Locating elements with the Find Code Elements dialog box on page 596 2 In the Change section of the Find Code Elements dialog box choose Keep from the Element menu 3 In the Ch...

Page 608: ...se Replace Content from the Element menu Then type the replacement text in the Content text box It is not necessary to use quotes around the text 3 Click Apply To All to begin the search and carry out...

Page 609: ...ditor JavaScript Editor or CSS Source Code Editor click to place an insertion point in the line of code you want to mark 2 Choose New Marker from the Navigate Through Code menu 3 Type a name for the m...

Page 610: ...the following basic format macro name XY type Syntax Context CDATA macro content macro The first element in a macro definition is the macro name and type which defines the syntax context The value of...

Page 611: ...at allow you to redefine control characters Selection lets you redefine the selection markers if single quotes are not allowed Here is an example Selection write document write what Caret lets you red...

Page 612: ...corresponding to your browser selection appears in the text box below the menu 4 To reference an external script file which must have the js extension select Source and do one of the following Enter...

Page 613: ...JavaScript Editor window For example choose Events from the View menu to display a list of JavaScript events that you can insert in your JavaScript 4 In the Script Inspector enter event code in the Ev...

Page 614: ...reamlining the code in your pages this library offers two advantages It remedies a problem associated with the structure of dynamic GoLive components GoLive invariably places common code for DHTML ite...

Page 615: ...cripts GlobalScripts subfolder of the GoLive application folder Note Selecting the Import GoLive Script Library option in the Preferences or Site Settings dialog boxes does not modify the Script Libra...

Page 616: ...BE GOLIVE CS2 User Guide To set all sites to flatten the JavaScript library upon upload or export 1 Choose Edit Preferences 2 Expand Site and select Upload Export 3 Select Flatten Script Library and c...

Page 617: ...bility for a selected action in parentheses To highlight actions in the document window From the Actions palette menu choose Highlight Rollovers Actions User triggered actions are highlighted in the L...

Page 618: ...n later in the browser session by using the Call Action action 3 Choose an action from the Action menu and set the action s properties To set up a body action 1 Drag the Body Action icon from the Smar...

Page 619: ...hen the viewer tabs out of the field To set up a user triggered action 1 In the Layout Editor select text or an object on the page 2 In the Actions palette select a trigger option from the Events list...

Page 620: ...d press Delete Getters actions About Getters actions The Getters menu in the Actions palette contains actions that work with web page forms and layers Field Validator The Field Validator action valida...

Page 621: ...ion Getters Get Layer Pos Select OnCall from the Events list and give the action a unique alphanu meric name Set up a timeline triggered action to retrieve the layer coordinates from the Get Layer Pos...

Page 622: ...seful if there are images that don t display until after a user interacts with the page such as a rollover image or until a certain point in time Although the page may take longer to load initially pr...

Page 623: ...Image URL Choose the image you want to replace from the Image pop up menu and reference the image that will replace the base image To restore the base image to its original image trigger a second mous...

Page 624: ...directly to a web page that is supposed to appear in a frame of a frame set page With ForceFrame a browser that loads the search engine s link to your page would load the entire frame set page instead...

Page 625: ...he Actions palette Trigger the Key Press action with a browser triggered event set to OnLoad Choose Action Link Key Press Enter a single number or lowercase letter in a Key text box and choose an acti...

Page 626: ...pecified 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 Create a page designed for browsers tha...

Page 627: ...eb page with SWF content that viewers will see if their browser has the plug in installed To display a custom message for viewers without the plug in select Display Alert if No Plug in Found and enter...

Page 628: ...ion can replace text on a page or the contents in either a layer or a table cell with new text Any content within the layer or table cell will be replaced by the new text If the item to be replaced is...

Page 629: ...ets to the action s code in the page the Document Write action replaces the body action with text or code you specify the current value retrieved by an action or the value of a variable Trigger the ac...

Page 630: ...log box with a custom text message Trigger the action with a user triggered event browser triggered event set to OnLoad or with a timeline triggered event Choose Action Message Open Alert Window Enter...

Page 631: ...e same directory Set Status The Set Status action allows you to display a custom message in the status line at the bottom of the browser window Trigger the action with a browser triggered event set to...

Page 632: ...ontent within it or visible properties before you create the action Important Internet Explorer 4 5 and earlier will not see the layer in the specified position unless a Move To action is set up for t...

Page 633: ...Or to retrieve values from a variable click the small red C icon adjacent to the Message text box to change it to a blue circle icon and choose a variable from the pop up menu To retrieve text from a...

Page 634: ...e ShowHide action with a user triggered or timeline triggered event Choose Action Multimedia ShowHide In the Layer menu choose a layer In the Mode menu choose what should happen to the layer Hide hide...

Page 635: ...This action can only be used on a page where the SlideShowAuto action is applied Trigger the action with a user triggered event Choose Action Multimedia SlideShowAutoStop Stop Complete The Stop Comple...

Page 636: ...t tag with attributes in the open text box and enter the HTML closing tag in the close text box For example if you want the new text to display in green with a size of 5 you could enter font color gre...

Page 637: ...wn Left Right Up The Scroll Down Scroll Left Scroll Right and Scroll Up actions let you dynamically scroll the browser window For example you can use these actions to let the viewer follow the path of...

Page 638: ...ield and select a color from the Color palette World Clock The World Clock action displays a live clock showing the time of a specified world time zone The clock displays in the browser s status bar i...

Page 639: ...URL text field Use the value _keep in the Info Pane URL to keep the current info pane To define the width and height of the Info Pane frame enter a pixel value in the Info Pane Width and Height text...

Page 640: ...State Get Version Number Returns the RealPlayer version of the current player or other media plug in For more information on this action see the RealOne Player Scripting Guide available on the RealNet...

Page 641: ...playing enter the number of seconds you want to delay the clip in the Media Browser Delay text box To add the clip to the Now Playing list select that option To display information about the clip that...

Page 642: ...ctions set to OnCall on the page Trigger the CallAction with a user triggered or timeline triggered event Choose Action Specials Call Action Choose an action from the pop up menu Call Function The Cal...

Page 643: ...is true when the layers overlap in the browser window and false while they don t You can use the result of this action to trigger two further actions This action supplements the Drag Layer action An i...

Page 644: ...f the page as a browser triggered event The condition it monitors is false while the timeout period still lasts and true when the timeout period has elapsed Either state has its own action You can use...

Page 645: ...yer Any layer in the current page Layer Position Location of a layer in the current page Image Any image in the current page URL Any URL in the current page Color Any color in the current page Scene A...

Page 646: ...p menu listing all actions from the head section that have their trigger set to OnCall Functions A pop up menu that lists all function declarations from the head section of the current page Read Cooki...

Page 647: ...ssage when the viewer revisits the page select the Show This Message Total Visits option and enter a message The number of times the viewer has visited the page will appear next to the message in the...

Page 648: ...ain matching then the path name component of the URL is compared with the path attribute and if there is a match the cookie is considered valid and is sent along with the URL request Domain Specifies...

Page 649: ...Settings that you d like to remove you have several options You can prevent the window from saving the changes when you close it you can restore the default settings of selected items or all settings...

Page 650: ...standard elements include all those specified by the HTML 2 0 and 3 2 standard publications plus HTML 4 0 forms tags You can add elements to the list and edit existing elements as the current HTML sta...

Page 651: ...select it and click the Duplicate button in the toolbar 2 With the new item selected edit the properties in the Inspector Note To add new Web Settings elements to a document you must hand code them i...

Page 652: ...menu Required Specifies that the element needs an end tag Optional do not write Indicates that the element does not need an end tag and that GoLive is not supposed to read or write one Optional write...

Page 653: ...alphanumeric character string Use this option if you are not sure about the usage Encoded Text Allows any alphanumeric character string in any encoding Number Allows a numerical value only Enumeration...

Page 654: ...ned in the DTD are listed in the right pane See also Methods of restoring default Web Settings on page 640 To edit an XML DTD file on page 645 To edit an XML DTD file An imported Document Type Definit...

Page 655: ...information for the character The left Name box displays the character s HTML name and the right box shows the HTML code that is inserted by default into the source code Comment describes the charact...

Page 656: ...indow select an existing character or a category to which you want to add a character 2 Do one of the following To add a new character click the New Entity button on the toolbar or choose Add Entity f...

Page 657: ...er Profiles tab of Web Settings See also To set view options for page layout on page 159 To view browser profiles The browser profiles in the Browser Profiles tab of Web Settings are write protected Y...

Page 658: ...indow is set to Default the application that will be launched is the same as that mapped in the operating system You can modify the existing mappings or add new ones To change the display of file mapp...

Page 659: ...pper Case Uses only uppercase characters in the tag or attribute name Lower Case Uses only lowercase characters in tags or attributes Capital Capitalizes the first letter of each tag or attribute name...

Page 660: ...between sets of container tags in the source code Line break character Specifies how line breaks are written for your web server platform Macintosh CR Inserts a carriage return character only Unix LF...

Page 661: ...t color spaces brands of computer monitors the way software applications define color print media newsprint paper reproduces a smaller gamut than magazine quality paper and other natural variations su...

Page 662: ...especially useful for adjusting color for devices with a relatively limited gamut such as a four color process printing press Accurately soft proof preview a color document on your monitor by making i...

Page 663: ...n conventions developed by the International Color Consortium ICC a group responsible for standardizing profile formats and procedures so that consistent and accurate color can be achieved throughout...

Page 664: ...t color profiles on page 665 and To install a color profile on page 668 4 Set up color management in Adobe applications The default color settings are sufficient for most users However you can change...

Page 665: ...etermines the color working spaces used by the application what happens when you open and import files with embedded profiles and how the color management system converts colors To view a description...

Page 666: ...ndows or Application name Preferences Appearance Of Black Mac OS 2 Choose an option for On Screen Display All Blacks Accurately Displays pure CMYK black as dark gray This setting allows you to see the...

Page 667: ...te You cannot share the following types of swatches between applications patterns gradients and the Registration swatch from Illustrator or InDesign and book color references HSB XYZ duotone monitorRG...

Page 668: ...se a color graphic for multiple final output devices or media such as for print video and the web prepare the graphic using RGB or Lab colors whenever possible If you must save in a color model other...

Page 669: ...Color managing PDF documents for online viewing When you export Portable Document Format PDF files you can choose to embed profiles PDF files with embedded profiles reproduce color consistently in Acr...

Page 670: ...int Preview to accurately preview overprints in a soft proof Using a soft proof to preview the final output of a document on your monitor A Document in the working space B Document s color values are...

Page 671: ...r and printer combinations create the most accurate soft proof Preserve CMYK Numbers or Preserve RGB Numbers Simulates how the colors will appear without being converted to the color space of the outp...

Page 672: ...ent Color management options for printing let you specify how you want Adobe applications to handle the outgoing image data so the printer will print colors consistent with what you see on your monito...

Page 673: ...in the following ways Purchase a profile for your type of printer and paper This is usually the easiest and least expensive method Purchase a profile for your specific printer and paper This method i...

Page 674: ...and potentially damaging corrections to an already satis factory image With an accurate profile a program importing the image can correct for any device differences and display a scan s actual colors...

Page 675: ...ce profile to display and edit colors See About color working spaces on page 670 To view the current document profile select Document Color Profile in the status bar A B C D Managing color with profil...

Page 676: ...ly 1 Make sure your monitor has been turned on for at least a half hour This gives it sufficient time to warm up and produce more consistent output 2 Make sure your monitor is displaying thousands of...

Page 677: ...es 1 Save or export the document in one of the following file formats Adobe PDF PSD Photoshop AI Illustrator INDD InDesign JPEG or TIFF 2 Select the option for embedding ICC profiles The exact name an...

Page 678: ...ed by the application s working space profiles and you can no longer embed a profile in the document Assign Current Working Space working space Assigns the working space profile to the document Assign...

Page 679: ...in the Color Settings dialog box To ensure that the application displays the setting name in the Color Settings dialog box save the file in the default location If you save the file to a different lo...

Page 680: ...ar in the working space menus To display additional color profiles that you have installed on your system select Advanced Mode Illustrator and InDesign or More Options Photoshop A color profile must b...

Page 681: ...files or importing images into the current document The Grayscale option is available for Photoshop and GoLive only Choose from the following options Preserve Embedded Profiles Always preserves embedd...

Page 682: ...Ensures that the shadow detail in the image is preserved by simulating the full dynamic range of the output device Select this option if you plan to use black point compensation when printing which is...

Page 683: ...o scaling of colors to destination white point is performed This intent aims to maintain color accuracy at the expense of preserving relationships between colors and is suitable for proofing to simula...

Page 684: ...lick New Set 3 Type a name in the Set Name box and select a shortcut set from the Copy From menu Then click OK To create or redefine a shortcut 1 Choose Edit Keyboard Shortcuts Windows or GoLive Keybo...

Page 685: ...th cursor in Text document window Inspector Com mand semico lon Deselect all user Alt click an option Option click an profiles in the in the User Profile option in the User Options tab of the menu Pro...

Page 686: ...Show Option click the state of the Show Link Warnings but Show Link Warn Link Warnings but ton ings button ton Select the body Shift click the Page Shift click the Page element in Split Properties ico...

Page 687: ...eation Wizard Make the site name Ctrl click the Next unique if you enter button in the Site a name or location Creation Wizard that already exists Reformat details in Shift click an item Shift click a...

Page 688: ...rtial tree Esc Esc from selection and move to center Select top level ref Ctrl Home Command Home erences Select first sibling Home Home Select last sibling End End Open the selected Enter or double Re...

Page 689: ...and Alt resize Option resize width of a row or column Select cells Click cell border Click cell border Select multiple Click drag Click drag adjacent cells Select multiple Shift click addi Shift clic...

Page 690: ...objects toolbox table icon in objects toolbox Select parent table Alt click Option click in Table Boxes palette See also Customizing keyboard shortcuts on page 675 Keys for working with layout grids...

Page 691: ...See also Customizing keyboard shortcuts on page 675 Keys for using the DHTML timeline This isn t a complete list of shortcuts This table lists only shortcuts that GoLive doesn t display in menu comma...

Page 692: ...ive doesn t display in menu commands or tool tips Result Windows Mac OS Cursor to begin ning of current word Ctrl Left Arrow Ctrl Left Arrow Cursor to next word Ctrl Right Arrow Ctrl Right Arrow Curso...

Page 693: ...nd clickthe HTML Style palette style See also Customizing keyboard shortcuts on page 675 Keys for working with links This isn t a complete list of shortcuts This table lists only shortcuts that GoLive...

Page 694: ...e of property value Open or close all Alt click a folder in Option click a folders in the Style the Style Info tab of folder in the Style Info tab of the CSS the CSS palette Info tab of the CSS palett...

Page 695: ...otspot by Shift Ctrl Alt Arr Shift Option Arro 10 pixels ow keys w keys Add SVG object Ctrl dragSVGfileto Command drag instead of Smart Layout Editor SVG file to Layout Object Editor Convert lowest Op...

Page 696: ...e or track In the Track List Up Arrow or Down Up Arrow or Down area select upper Arrow Arrow or lower track In the Track Ruler Right Arrow or Left Right Arrow or Left area step forward Arrow Arrow or...

Page 697: ...hift Left Arrow one character Increase selection Shift Right Arrow Shift Right Arrow one character Decrease selection Ctrl Shift Left Option Shift Left one word Arrow Arrow Increase selection Ctrl Shi...

Page 698: ...the Option click OK in type Change Encoding the Change Encod dialog box ing dialog box Display the Select Alt click Open in Option click Open Encoding dialog the Open Docu in the Open Docu boxwhenyouo...

Page 699: ...tings 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 Suppress confirma tion dialog box when del...

Page 700: ...ol 6 Option Command 6 Show files with label 2 Alt Control 7 Option Command 7 Show files with label 3 Alt Control 8 Option Command 8 Show files with label 4 Alt Control 9 Option Command 9 Open selected...

Page 701: ...ized state and Control click the Open Bridge icon in the Command clicktheOpenBridgeiconinthe auto hide palettes options bar options bar Open File Info dialog box Control Alt I Command Option I Display...

Page 702: ...file Enter Return Delete selected file or files Delete Command backspace Cancel dialog Escape Escape Keys for viewing in Version Cue Result Windows Mac OS Details Control 1 Command 1 Icons Control 2...

Page 703: ...eating Version Cue projects in 82 Creative Suite color settings 654 656 deleting Version Cue files in 99 100 deleting Version Cue projects in 98 revealing Version Cue files in 88 Adobe Co Author 458 A...

Page 704: ...368 Anchor Inspector 172 anchors diagrams 190 exporting in PDF files 405 for link destinations 171 for PDF bookmarks 172 placement 171 animations animating layers 260 animating SMIL presentations 491...

Page 705: ...ing file naming rules 212 character set encoding 165 Characters tab in Web Settings 646 Check External Links command 236 Check In All command 152 Check In command 153 Check Out command 152 Check Spell...

Page 706: ...ent Inspector 270 comments adding to a page 270 adding to head section 164 adding with Outline Editor 587 entering for Version Cue projects 130 compact mode 39 Compact view of tutorials 7 Compare To L...

Page 707: ...plate command 174 Delete Permanent command 100 Delete Workspace command 41 DeleteCookie action 636 Deleted file status in Version Cue 87 deleting files from Version Cue projects 99 100 files permanent...

Page 708: ...or 585 adding no edit 165 adding unknown 588 searching for 597 e mail saving addresses with a site 433 searching for addresses 237 Embedded actions 630 emoji characters 471 empty pages adding 227 refe...

Page 709: ...d 308 310 finding and replacing See also searching text or HTML 308 finding files and folders with Bridge 49 fixing broken links 235 Flash file format See SWF format flattening Script Library 606 Flip...

Page 710: ...about 369 in i mode pages 472 optimization settings 369 Global Positioning System GPS data 54 Global tab in Web Settings 650 glossary lists 297 GL Western encoding 316 Go Last Page action 615 GoLive...

Page 711: ...mage Size palette 367 images adding to a page 340 358 adding to buttons in forms 417 adding to layers 254 adding transparent GIFs 272 alternative text for 341 applying to page background 179 borders f...

Page 712: ...rce code editing 688 tables 680 type 683 web settings 690 workspace 676 KeyCompare action 635 keyframes in layer animations 260 keywords 163 keywords applying to files in Bridge 58 KillFrame action 61...

Page 713: ...ited 180 deflecting link lines in diagrams 194 displaying in diagrams 192 editing sitewide 232 233 empty reference 168 fixing for missing files 235 in PDF documents 397 removing 168 titles for 168 upd...

Page 714: ...for 462 guidelines for designing 461 mobile phone emulators 482 Modified Date icon 270 Modified Date Inspector 270 modified item uploads 442 modules 35 Modules Manager 35 monitor profiles 665 666 667...

Page 715: ...385 assets adding 387 assets viewing 387 exporting to HTML 391 graphics adding 389 importing 385 pages viewing 387 tables adding 390 text adding 390 padding properties for stylesheets 335 Page Inspec...

Page 716: ...n Cue 92 plain text 299 play range locator 260 Play Scene action 262 624 Play Sound action 625 PlayClip action 632 Plug in Inspector Attribs tab 351 plug ins 9 See also browser plug ins in Adobe Store...

Page 717: ...pane 515 Info pane 514 Media pane 514 previewing 515 RealPix presentations adding effects 520 creating 515 editing images 522 specifying settings 518 Recall All command 200 Recall Items command 200 R...

Page 718: ...s for elements 597 wildcards for text 311 searching for files and folders 49 secondary rollovers creating 614 Section Inspector 184 sections in Co Author 454 in diagrams 183 184 security assigning use...

Page 719: ...ing using site samples 438 diagrams of 181 distributed 449 downloading 445 exporting 448 graphical views of 214 importing from servers 148 links view 216 navigation view 215 preferences for 201 saving...

Page 720: ...647 Specials actions 633 spell checking about 307 spot colors color management considerations 657 spotlighting collections 224 sRGB color space 660 671 SSL 441 SSR 32 stacking order layers 257 stagin...

Page 721: ...3 table styles about 282 applying 283 creating 283 deselecting or selecting 284 exporting 284 importing 284 removing from a table 283 removing from Table palette 284 renaming 284 working with 283 tabl...

Page 722: ...meRedirect action 620 Times Visited action 638 timing setting for SMIL 495 514 tips and tricks 7 titles changing for pages 157 for links 168 Toggle Binary button 588 Toggle Split View button 580 tool...

Page 723: ...638 Visual Tag Editor about 581 inserting source code 582 wrapping tags around selections 583 W W3C object controls about 356 editing properties for 357 setting up 357 WAP Wireless Application Protoc...

Page 724: ...hone emulators 482 templates 475 timers 482 Work Offline command in GoLive 122 Workflow palette 207 Workgroup Size preference 75 working files editing in Version Cue 110 in GoLive 113 using in Version...

Reviews:

No comments