GoLive - CS2

Table of contents

Macromedia GoLive - CS2 User Guide

Chapter 1:

User Guide

Adobe® GoLive® CS2 User Guide for Windows® and Macintosh®

If this guide is distributed with software that includes an end user agreement, this guide, as well as the software described in it, is furnished under license and may be used or copied only in accordance with the terms of such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording, or other wise, without the prior written permission of Adobe Systems Incorporated.Pleasenotethatthe content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement.

Thecontent of this guideisfurnished forinformational useonly, is subjecttochangewithout notice,and should notbeconstrued as acommitmentbyAdobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide.

Please remember that existing artwork or images that you may want to include in your project may be protected under copyright law. The unauthorized incorporation of such material into your new work could be a violation of the rights of the copyright owner. Please be sure to obtain any permission required from the copyright owner.

Any references to company names in sample templates are for demonstration purposes only and are not intended to refer to any actual organization.

Adobe, the Adobe logo, Acrobat, Co-Author, GoLive, Illustrator, InDesign, Photoshop, Version Cue are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.

ActiveX, Microsoft, MS-DOS, Windows, Windows XP, and Windows NT are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or othercountries.Apple,ColorSync,Mac,Mac OS, andMacintosh aretrademarksofApple Computer,Inc.registeredinthe United States andother countries. SVG is a trademark of the World Wide Web Consortium; marks of the W3C are registered and held by its host institutions MIT, INRIA, and Keio. Macromedia and Flash are trademarks or registered trademarks of Macromedia, Inc. in the United States and/or other countries. UNIX is a registered trademark of The Open Group. All other trademarks are the property of their respective owners.

This software is based in part on the work of the Independent JPEG Group. This product includes software developed by the Apache Software Foundation ( This product includes either BISAFE and/or TIPEM software by RSA Data Security, Inc. THE PROXIMITY/MERRIAM-WEBSTER DATABASE, © 1990, Merriam-Webster Inc., © 1990 - All rights reserved, Proximity Technology Inc., THE PROXIMITY/FRANKLIN ELECTRONIC PUBLISHERS INC. DATABASE, © 1994, Franklin Electronic Publishers Inc., © 1994 All rights reserved, Proximity Technology Inc. THE PROXIMITY/FRANKLIN ELECTRONIC PUBLISHERS INC. DATABASE, © 1994, Franklin Electronic Publishers Inc., © 1997 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/WILLIAM COLLINS SONS & CO. LTD. DATABASE, © 1990, William Collins Sons & Co. Ltd., © 1990 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/WILLIAM COLLINS SONS & CO. LTD. DATABASE, © 1990, William Collins Sons & Co. Ltd., © 1997 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/WILLIAM COLLINS SONS & CO. LTD. DATABASE, © 1984, William Collins Sons &Co. Ltd., © 1988 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/DR. LLUIS DE YZAGUIRRE I MAURA DATABASE, © 1991, Dr. Lluis de Yzaguirre i Maura, © 1991 All rights reserved, Proximity Technology Inc. THE PROXIMITY/MUNKSGAARD INTERNATIONAL PUBLISHERS LTD. DATABASE, © 1990, Munksgaard International Publishers Ltd., © 1990 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/VAN DALE LEXICOGRAFIE BV DATABASE, © 1990, Van Dale Lexicografie bv, © 1990 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/VAN DALE LEXICOGRAFIE BV DATABASE, © 1995, Van Dale Lexicografie bv, © 1996 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/VAN DALE LEXICOGRAFIE BV DATABASE, © 1997, Van Dale Lexicografie bv, © 1997 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/IDE A.S. DATABASE, © 1989, IDE a.s., © 1989 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/IDE A.S. DATABASE, © 1990, IDE a.s., © 1990 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/HACHETTE DATABASE, © 1992, Hachette, © 1992 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/EDITIONS FERNAND NATHAN DATABASE, © 1984, Editions Fernand Nathan, © 1989 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/TEXT & SATZ DATENTECHNIK DATABASE, © 1991, Text & Satz Datentechnik, © 1991 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/BERTELSMANN LEXICON VERLANG DATABASE, © 1997, Bertelsmann Lexicon Verlang, © 1997 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/WILLIAM COLLINS SONS & CO. LTD./BERTELSMANN LEXICON VERLANG DATABASE, © 1986/1997, William Collins Sons & Co. Ltd./Bertelsmann Lexicon Verlang, © 1997 - All rights reserved, Proximity Technology Inc. THE PROXIMITY/WILLIAM COLLINS SONS & CO. LTD./BERTELSMANN LEXICON VERLANG DATABASE, © 1990/1997, William Collins Sons & Co. Ltd./Bertelsmann Lexicon Verlang, © 1997 - All rights reserved, Proximity Technology Inc.

The TWAIN Toolkit is distributed as is. The developer and distributors of the TWAIN Toolkit expressly disclaim all implied, express, or statutory warranties, including, without limitation, the implied warranties of merchantability, noninfringement of third-party rights and fitness for a particular purpose. Neither the developers nor the distributors will be liable for damages, whether direct, indirect, special, incidental, or consequential as a result of the reproduction, modification, distribution, or other use of the TWAIN Toolkit.

PANTONE® Colors displayed in the software application or in the user documentation may not match PANTONE-identified standards. Consult current PANTONE Color Publications for accurate color. PANTONE® and other Pantone, Inc. trademarks are the property of Pantone, Inc. © Pantone, Inc., 2005. Pantone, Inc. is the copyright owner of color data and/or software which are licensed to Adobe Systems Incorporated to distribute for use only in combination with Adobe GoLive. PANTONE Color Data and/or Software shall not be copied onto an another disk or into memory unless as part of the execution of Adobe GoLive.

Notice to U.S. Government End Users. The Software and Documentation are “Commercial Items,” as that term is defined at 48 C.F.R. §2.101, consisting of “Commercial Computer Software” and “Commercial Computer Software Documentation,” as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.

Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA.

www.apache.org).

Chapter 1: Getting started

Installation and registration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Adobe Help Center . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Using Help . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Tips and training . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

What’s new . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Chapter 2: Tutorials

Tutorials . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Chapter 3: Work area

Working with windows and editors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Palettes, tools, and menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Previewing and zooming documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Customizing the work area . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Setting preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Reverting and restoring changes to pages . . . . . . . . . . . . . . . . . . . . . . . . . . 36

iii

Chapter 4: Adobe Bridge

The basics of Bridge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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

Comp images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64

Buying stock photos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65

Stock Photos accounts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Chapter 6: Adobe Version Cue

Using Adobe Version Cue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71

Working with Version Cue projects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

Working with ﬁles in Version Cue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84

Disconnecting from projects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95

Deleting ﬁles, folders, and projects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Version Cue versions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

Version Cue alternates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Editing and synchronizing ofﬂine ﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

Using Version Cue in GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

The Version Cue Administration utility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

Creating and editing projects in Version Cue Administration . . . . . . . 128

Backing up and restoring from Version Cue Administration . . . . . . . . 133

Working with users and privileges . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135

Viewing logs, reports, and workspace information . . . . . . . . . . . . . . . . . 139

Version Cue PDF reviews . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140

Chapter 7: Setting up sites and pages

Creating sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

Importing sites from remote servers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148

Version control sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150

Adding ﬁles to sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

Setting up pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Document type deﬁnitions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

Adding elements and scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

Creating links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Specifying and editing links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

Anchor links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

Getting information about documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Chapter 8: Creating site diagrams

Creating diagrams . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Developing diagrams by adding pages 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 diagrams for presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Annotations and level objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

Printing and exporting diagrams . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Staging and submitting diagrams . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

Updating and recalling diagram items . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

Chapter 9: Managing and viewing websites

Site management features and preferences . . . . . . . . . . . . . . . . . . . . . . . . 201

Working with the site window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

Inspecting, tracking, and deleting ﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206

Refreshing and cleaning up sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .209

Providing names and paths for ﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

Using absolute link paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Working with graphical site views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

Using the peripheral panes of the site views . . . . . . . . . . . . . . . . . . . . . . . 219

Scrolling, zooming, and centering the site view . . . . . . . . . . . . . . . . . . . .220

Using collections in a graphical site view . . . . . . . . . . . . . . . . . . . . . . . . . . 222

Changing the display of links, thumbnails, and site views . . . . . . . . . . 225

Building a site map using graphical views . . . . . . . . . . . . . . . . . . . . . . . . . 227

Editing links and URLs sitewide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Fixing site errors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .234

Creating and running queries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

Providing ﬁle status information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

Chapter 10: Laying out pages

Page layout for the web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243

CSS layout objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

Layout grids . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247

Grouping and arranging objects on layout grids . . . . . . . . . . . . . . . . . . . 250

Converting table-based layout grids to tables . . . . . . . . . . . . . . . . . . . . . .252

Creating layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

Selecting, resizing, and positioning layers . . . . . . . . . . . . . . . . . . . . . . . . . 255

Managing layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257

Animating layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260

Understanding frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263

Setting up frame sets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264

Setting up individual frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

Special page 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

Formatting tables with table styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

Formatting tables with the Table Inspector . . . . . . . . . . . . . . . . . . . . . . . . 284

Formatting tables with cascading stylesheets . . . . . . . . . . . . . . . . . . . . . . 287

Text in tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

Sorting in tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290

Chapter 12: Formatting text

Formatting text in web pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

Adding and selecting text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293

Formatting paragraphs with HTML text attributes . . . . . . . . . . . . . . . . . 294

Formatting text inline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

Changing fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300

Changing the size and color of text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

Using HTML text styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307

Searching text and HTML source code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308

Non-roman characters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Chapter 13: Cascading stylesheets

Understanding cascading stylesheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318

Creating and viewing stylesheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

Using external stylesheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323

Creating CSS styles in stylesheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325

Deﬁning style properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330

Applying styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338

Chapter 14: Adding images and multimedia

Pre-optimized images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340

Setting basic image options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341

Creating rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342

Assigning rollover images automatically . . . . . . . . . . . . . . . . . . . . . . . . . . . 345

Using actions with rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346

Creating image maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346

Low source images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Building a web page using tracing images . . . . . . . . . . . . . . . . . . . . . . . . . 348

Adding multimedia to web pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349

Multimedia plug-in options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351

Java applets and W3C object controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356

Chapter 15: Working with Smart Objects

Understanding Smart Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 358

Adding and copying 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 formats and options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369

Output settings for web graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375

Chapter 16: Adding content from Adobe applications

Adding Adobe Photoshop images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377

Adding Adobe Illustrator artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .380

Adding Adobe InDesign content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385

Using the InDesign package window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

Adding graphics and images from InDesign packages . . . . . . . . . . . . . 389

Adding text and tables from InDesign packages . . . . . . . . . . . . . . . . . . . 390

Exporting InDesign packages to HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 391

Chapter 17: Working with PDF documents

Displaying and navigating PDF documents . . . . . . . . . . . . . . . . . . . . . . . . 394

PDF comments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396

Editing PDF link regions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 397

Exporting web pages to PDF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 399

Setting global options for PDF documents . . . . . . . . . . . . . . . . . . . . . . . . . 402

Chapter 18: Forms

Creating forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411

Adding form elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412

Adding form navigation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415

Advanced form elements and properties . . . . . . . . . . . . . . . . . . . . . . . . . . 417

Chapter 19: Site assets

Understanding site assets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

Creating page templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

Applying and updating page templates . . . . . . . . . . . . . . . . . . . . . . . . . . . 424

Stationery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426

Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427

Snippets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 429

Site colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 430

Font sets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432

Site URLs and e-mail addresses . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433

Collections . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435

Site samples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437

Chapter 20: Publishing websites

Preparing to publish a site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .439

Uploading and downloading ﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 441

Exporting sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448

Setting up distributed websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .449

Managing websites with WebDAV . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450

vii

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

Chapter 22: Authoring mobile content

Authoring for mobile devices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 461

Creating MMS messages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462

Creating SVG Tiny ﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 466

XHTML Basic and Mobile . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .468

i-mode HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470

WML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473

Working with WML cards and templates . . . . . . . . . . . . . . . . . . . . . . . . . . . 474

Working with WML elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .475

Working with events and tasks in WML decks . . . . . . . . . . . . . . . . . . . . . . 477

Getting user input in WML decks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 479

Using hypertext links and timers with WML cards . . . . . . . . . . . . . . . . . . 481

Previewing XHTML, i-mode HTML, or WML in a phone emulator (Windows

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482

only)

Chapter 23: Authoring SMIL presentations

Understanding SMIL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 484

Creating SMIL presentations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .487

Adding, grouping, and repeating media items . . . . . . . . . . . . . . . . . . . . . 488

Laying out SMIL presentations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 492

Setting the timing of items and containers . . . . . . . . . . . . . . . . . . . . . . . . 495

Adding links to presentations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499

Creating hotspots in a presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .500

Changing the display or position of hotspots . . . . . . . . . . . . . . . . . . . . . . 502

Setting the timing of hotspots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 503

Animating items and adding transitions . . . . . . . . . . . . . . . . . . . . . . . . . . . 504

Matching presentations to a viewer’s system and preferences . . . . . . 506

Working with regions in SMIL presentations . . . . . . . . . . . . . . . . . . . . . . . 508

Adding SMIL presentations to a site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 510

Creating RealPlayer presentations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 513

Creating RealPix presentations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515

Using effects in a RealPix presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 520

Adjusting images in RealPix presentations . . . . . . . . . . . . . . . . . . . . . . . . . 522

Chapter 24: Editing QuickTime 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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 531

Animating tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 536

Movie tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 538

Picture tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 541

Sprite tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 543

Using Photoshop images as sprites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548

SWF tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 550

Streaming tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 551

3D and MPEG tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 553

Sound, music, and instrument tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 553

Folder and chapter tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 554

Text and HREF tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555

Filter tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558

Using actions to control tracks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566

Scripting with QuickTime Wired Action Programming Language . . . 570

Making movies with XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574

Saving and exporting movies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 576

viii

Chapter 25: Editing source code

Source code editors and preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .578

Source code mangement tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580

Using the Visual Tag Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 581

Using the Outline Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583

Adding new elements to source code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 588

Working with source code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 589

Selecting and highlighting source code . . . . . . . . . . . . . . . . . . . . . . . . . . . 593

Locating source code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 596

Navigating through source code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 600

Inserting or rewriting source code automatically . . . . . . . . . . . . . . . . . . . 600

JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .602

JavaScript libraries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 605

Chapter 26: Using actions

Actions overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608

Browser-triggered actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 609

User-triggered actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 609

Timeline-triggered actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 610

Getters actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 611

Image actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 613

Link actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 614

Message actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 620

Multimedia actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .622

Others actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 626

RealPlayer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 630

Specials 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 in Web Settings . . . . . . . . . . . . . . . . . . . . . . . . . . 648

File Mappings and Global options in Web Settings . . . . . . . . . . . . . . . . . 649

Chapter 28: Color management

Understanding color management . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 652

Keeping colors consistent . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 654

Color-managing imported images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 658

Color-managing documents for online viewing . . . . . . . . . . . . . . . . . . . . 660

Prooﬁng colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 661

Color-managing documents when printing . . . . . . . . . . . . . . . . . . . . . . . . 663

Working with color proﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 665

Color settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 670

Chapter 29: Keyboard shortcuts

Customizing keyboard shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 675

Default keyboard shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 676

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 694

Chapter 1: Getting started

Installation and registration

To install

1 Close any Adobe® applications that are open.

2 Insert the product CD into your computer’s CD drive.

3 Double-click the CD icon, and then follow the on-screen instructions.

After the installation, you may be prompted to activate your copy of the product. (See “To activate” on page 1.)

For more detailed instructions about installing the product, see the How To Install file on the product CD. For instructions about uninstalling the product, see the How To Uninstall file on the product CD.

To activate

Activation is a simple, anonymous process you must complete within 30 days of installing the product. Activation allows you to continue using the product, and it helps prevent casual copying of the product onto more computers than the license agreement allows. To learn more about activation, visit the Adobe website at

www.adobe.com/activation/main.html.

1 Start the product to access the Activation dialog box. (If you’ve just installed Adobe Creative Suite or Adobe

Photoshop®, the Activation dialog box appears automatically.)

2 Follow the on-screen instructions.

Important: If you intend to install the product on a different computer, you must first transfer the activation to that computer. To transfer an activation, choose Help > Transfer Activation.

For more detailed instructions about activating the product and transferring an activation, see the How To Install file on the product CD.

To register

Register your Adobe product to receive complimentary support on installation and product defects and notifications about product updates. Registering your product also gives you access to the wealth of tips, tricks, and tutorials in Adobe Studio® and access to Adobe Studio Exchange, an online community where users download and share thousands of free actions, plug-ins, and other content for use with Adobe products. Adobe Studio is available in English, French, German, and Japanese. Find it from the home page of the Adobe website.

❖ Do one of the following:

• Install and activate the software to access the Registration dialog box, and then follow the on-screen instructions.

An active Internet connection is required.

• Register at any time by choosing Help > Registration.

ADOBE GOLIVE CS2

User Guide

See also

“Adobe Studio” on page 7

“Extras” on page 9

Adobe Help Center

About Adobe Help Center

Adobe Help Center is a free, downloadable application that includes three primary features.

Product Help Provides Help topics for Adobe Photoshop Elements and Adobe CS2 products installed on your

system. (If none of these products are installed, Help topics for them aren’t available.) Help topics are updated periodically and can be downloaded through Adobe Help Center preferences.

Expert Support Provides information about Adobe Expert Support plans and lets you store details about plans

you’ve purchased. If you have an active support plan, you can also use the Expert Support section to submit web cases—questions sent to Adobe support professionals 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 pages, user

forums, tips and tutorials, and training. You can also use this area to store contact information for friends, colleagues, or support professionals, or even websites you turn to for inspiration or troubleshooting information.

Product Help, Expert Support, and More Resources in Adobe Help Center

See also

“Using Help” on page 3

“To search Help topics” on page 5

“To navigate Help” on page 4

To check for updates

Adobe periodically provides updates to software and to topics in Adobe Help Center. You can easily obtain these updates through Adobe Help Center. An active Internet connection is required.

1 Click the Preferences button .

2 In the Preferences dialog box, click Check For Updates. If updates are available, follow the on-screen directions to

download and save them.

ADOBE GOLIVE CS2

User Guide

To set Adobe Help Center preferences

1 Click the Preferences button . Set any of the following options:

Region Specifies your geographical location. Changing this option may affect which services are available to you.

Language Specifies the language in which Expert Support content is displayed.

Display Renewal Reminders For Expert Support Contracts Displays reminder screens when your Expert Support

plan has almost expired. Deselect this option if you’d like to turn off these reminders.

Enable Auto Login For Web Case Submission Allows youtosubmitsupport questionsoverthe web. This option is

available only if you have an active Expert Support plan.

User Interface Language Specifies the language in which Adobe Help Center interface text is displayed.

Check For Updates Searches for new updates to software and Help topics as they become available from Adobe.

Network Administrators Displays options for network administration.

2 Click OK.

To display More Resources

The More Resources section in Adobe Help Center 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 information in More Resources

1 Click More Resources, and then click Personal Contacts.

2 Do any of the following:

• To add a contact, click New, type the contact information you want to save, and click OK.

• To edit a contact, click a contact in the list, click Edit, make changes to the information, and click OK.

• To delete a contact, click a contact in the list, and then click Delete. To confirm the deletion, click Yes when

prompted, or click No to cancel.

Using Help

The complete documentation for using your Adobe product is available in Help, a browser-based system you can access through Adobe Help Center. Help topics are updated periodically, so you can always be sure to have the most recent information available. For more information, see “To check for updates” on page 2.

Important: Adobe Help systems include all of the information in the printed user guides, plus additional information not included in print. The Resources and Extras CD included with the software also includes a PDF version of the complete Help content, optimized for printing.

A B C D E

ADOBE GOLIVE CS2

User Guide

Product Help section of Adobe Help Center A. Returns you to Help home page B. Adds bookmark for current topic C. Prints contents of right pane D. Opens Preferences dialog box E. Opens About Adobe Help Center 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 only topics that apply

across all Creative Suite products, choose Adobe Creative Suite.)

• To expand or collapse a section, click the blue triangle to the left of the section name.

• To display a topic , click its title.

See also

“To use bookmarks” on page 6

ADOBE GOLIVE CS2

User Guide

To search Help topics

Search using words or phrases to quickly find topics. You can search Help for one product or for all Adobe products you’ve installed. If you find a topic that you may want to view again, bookmark it for quick retrieval.

1 In Adobe Help Center, click Product Help.

2 Type one or more words in the Search box. To search across Help for all Adobe products you have installed, click

the black triangle to the left of the Search box and choose Search All Help.

Search Help for one product or for all products you’ve installed

3 Click Search. Topics matching the search words appear in the navigation pane.

4 To view a topic, click its 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 bookmarks” on page 6

Search tips

Adobe Help search works by searching the entire Help text for topics that contain all of the words typed in the Search box. These tips can help you improve your search results in Help:

• If you search using a phrase, such as “shape tool,” put quotation marks around the phrase. The search returns only

those topics containing all words in the phrase.

• Make sure that the search terms are spelled correctly.

• If a search term doesn’t yield results, try using a synonym, such as “web” instead of “Internet.”

To print a topic from Help

1 Select the topic you want to print, and click the Print button.

2 Choose the printer you’d like to use, and then click Print.

ADOBE GOLIVE CS2

User Guide

To change the view

By default, Adobe Help Center opens in Full view. Full view gives you access to the Product Help, Expert Support, and More Resources sections. Switch to Compact view when you want to see only the selected Help topic and you want to keep the Help window on top of your product workspace.

❖ Click the view icon to switch between Full and Compact views.

To use bookmarks

You can bookmark especially helpful topics for easy access, just as you bookmark pages in a web browser, and reread them at another time.

1 Click the Bookmarks tab in the navigation pane to view the bookmarks.

2 Do any of the following in the Bookmarks pane:

• To create a bookmark, select the topic you want to mark, and click the Bookmark button . When the Bookmark

dialog box appears, type a new name in the text box if desired, and then click OK.

• To delete a bookmark, select it and click the Delete button. Click Yes to confirm the deletion.

• To rename abookmark, select it andthenclick theRenamebutton . In thedialogbox,typeanewnamefor the

bookmark and then click OK.

• To move a bookmark, select it and then click the Move Up button or the Move Down button .

Tips and training

Learning resources

Adobe provides a wide range of resources to help you learn and use Adobe products.

• “Tutorials in Help” on page 7: Short step-by-step lessons through Adobe Help Center.

• “Total Training Video Workshop CD” on page 7: Professional training videos from experts.

• “Adobe Studio” on page 7: Videos, tips and tricks, and other learning material on Adobe products.

• Adobe Creative Suite Design Guide (Adobe Creative Suite only): A full-color printed book about using Adobe

Creative Suite 2 as a complete design and publishing toolbox, including five guided projects on print, web, and mobile workflows.

• “Technical information” on page 8: Reference material, scripting guides, and other in-depth information.

• “Other resources” on page 9: Training, books, user forums, product certification, and more.

• Support: Complimentary and paid technical support options from Adobe.

• “Extras” on page 9: Downloadable content and software.

See also

“About Adobe Help Center” on page 2

ADOBE GOLIVE CS2

User Guide

Tutorials in Help

The Help system for each Adobe CS2 product includes several step-by-step tutorials on key features and concepts. These tutorials are also available in the complete, printable, PDF version of the Help contents, included on the Resources and Extras CD.

To use these tutorials with the product, select the tutorial you want from the Contents pane in Adobe Help Center, and click the View icon cation windows, regardless of what window or application is selected. Drag an edge or a corner of the Help window to resize it.

to switch to Compact view. Compact view keeps the Help window on top of the appli-

See also

“Adobe Studio” on page 7

“Total Training Video Workshop CD” on page 7

“Other resources” on page 9

Total Training Video Workshop 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 accompanying step-by-step instructions to selected Total Training videos in monthly updates to Adobe Studio.

Short Total Training web videos on a variety of products and topics are also available in Adobe Studio, and complete Total Training courseware can be purchased online from the Adobe Store.

See also

“Adobe Studio” on page 7

“Other resources” on page 9

Adobe Studio

AdobeStudioprovidesahuge wealth of tips andtricks, tutorials, andinstructional contentinvideo, AdobePDF,and HTML, authored by experts from Adobe and its publishing partners. You can search the entire collection or sort by product, topic, date, and type of content; new content is added monthly. Adobe Studio is available in English, French, German, and Japanese. Find it from the home page of the Adobe website.

ADOBE GOLIVE CS2

User Guide

Tips and tutorials in Adobe Studio

See also

“Total Training Video Workshop CD” on page 7

“Other resources” on page 9

Technical information

The Technical information folder on the Resources and Extras CD included with your Adobe product includes several useful documents in PDF, fully searchable and optimized for printing. These documents provide conceptual and reference material on various in-depth topics, such as scripting, transparency, and high-end printing. For complete developer documentation and resources, visit the Developers area of the Adobe website at

http://partners.adobe.com/public/developer/main.html. For additional backgrounders and instructional content,

visit Adobe Studio.

The Resources and Extras CD also includes the entire Help content optimized for printing. Note that the Help content includes everything in the printed Adobe user guides, plus much more.

See also

“Adobe Studio” on page 7

“Other resources” on page 9

ADOBE GOLIVE CS2

User Guide

Other resources

Additional sources of information and help are available for Adobe products.

• Visit the Training area of the Adobe website for access to Adobe Press books; online, video, and instructor-led

training resources; Adobe software certification programs; and more.

• Visit the Adobe user forums, where users share tips, ask questions, and find out how others are getting the most

out of their software. User forums are available in English, French, German, and Japanese on the main Support page of your local Adobe website.

• Visit the Support area of the Adobe website for additional information about free and paid technical support

options. Top issues are listed by product on the Adobe U.S. and Adobe Japan websites.

• Visit the Developers area of the Adobe website to find information for software and plug-in developers, including

SDKs, scripting guides, and technical resources.

• Click More Resources in Adobe Help Center to access many of the resources on the Adobe website and to create

your own list of frequently visited user groups and websites and valuable contacts.

• Look in Bridge Center for RSS feeds on the latest technical announcements, tutorials, and events. To access Bridge

Center, select it in the Favorites panel in Adobe 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 CS2 product includes a Goodies folder that contains bonus content and files for use with your Adobe product. For more free content and add-ons, visit Adobe Studio Exchange, an online community where users download and share thousands of free actions, plug-ins, and other content for use with Adobeproducts. To visitAdobe Studio Exchange,gotoAdobe Studio from thehomepageofthe Adobewebsite.

In addition, your CS2 product includes Adobe Stock Photos, an integrated service available within Adobe Bridge that lets you search, view, try, and buy royalty-free stock photography from leading stock libraries. Because of the tight integration between Stock Photos and CS2 products, you can download images directly into your Adobe Illustrator®, Adobe InDesign®, and Adobe GoLive® projects. From Photoshop, you can open any downloaded image.

See also

“Adobe Studio” on page 7

“About Adobe Stock Photos” on page 61

“About Adobe Bridge” on page 37

Other downloads

The Downloads area of the Adobe website includes free updates, tryouts, and other useful software. In addition, the Plug-ins section of the Adobe Store provides access to thousands of plug-ins from third-party developers, helping you automate tasks, customize workflows, create specialized professional effects, and more.

ADOBE GOLIVE CS2

User Guide

See also

“About Adobe Stock Photos” on page 61

“Other resources” on page 9

What’s new

New features

Mobile authoring

Mobile workspaces

“Designing for mobile devices” on page 461.

See

Small screen rendering Preview mobile content in GoLive’s built-in LiveRendering browser. See “Designing for

mobile devices” on page 461.

CSS integration Create flexible designsthatworkwellinbothstandardand mobile browsers.See “Using cascading

stylesheets for flexible page designs” on page 461.

Automaticallyconfigure theworkspace formobileformats when youcreateanewdocument.

MMS messages Create sophisticated multimedia messages for mobile devices. See “About MMS messages” on

page 462.

Copy HTML to XHTML Create mobile-compatible copies of web pages quickly and easily. See “To copy HTML pages

to XHTML Mobile” on page 469.

SVG previews Edit SVG and add JavaScript interactivity with an intuitive, visual interface. 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 With theCSS tabinthe site window,updateclass file namesthroughoutasite andviewrefer-

enced HTML files in the In & Out Links palette. See “About the site window” on page 202.

Enhanced CSS editor View source code and check syntax while you edit stylesheets. See “View options for the CSS

Editor” on page 321.

Automatic style conversion Replace HTML styles with CSS styles, or vice versa. See “To replace HTML or CSS

styles” on page 307.

Default CSS files Apply a default stylesheet to all new files you create in a site. See “To set an external stylesheet as

the site default” on page 322.

InDesign integration

Streamlined workflow

Optimize images and text with one click, and customize formatting in the CSS editor. See

“Adding images from InDesign packages” on page 389 and “Adding text and tables from InDesign” on page 390.

Import layers Show and hide InDesign layers in GoLive’s Layers palette. See “About InDesign packages” on

page 385.

ADOBE GOLIVE CS2

User Guide

Organize assets View text and image thumbnails, or categorize assets with XML tags. See “To add a package asset

to a web page” on page 387.

Export to HTML Optimize entire layouts for HTML, and apply templates to link exported pages. See “Exporting

packages to HTML” on page 391.

Shared Adobe features

Tools

UseHand, Zoom,and Eyedropper toolsfound in otherAdobe products. Or useuniqueObjectSelection and

Layer tools optimized for web page layout. See “Tools” on page 30.

Swatches Open swatch libraries in separate palettes, and share colors with other applications using the Adobe

Swatch Exchange format (.ase). See “To use the Swatches palette or a swatch library palette” on page 176.

Color management Use the familiar Adobe Color Picker, and ensure consistent color with the Color Settings dialog

box. See

PDF presets Edit and share presets with other applications. See “About Adobe PDF presets” on page 402.

Help Find content for all Adobe Creative Suite applications in one combined system.

Site publishing

Secure FTP

“To color-manage swatches and the Color Picker” on page 176.

Transfer files via the Secure Sockets Layer (SSL) or Secure Sockets Shell (SSH) protocol. See “To set up

access to a publish server” on page 440.

Version control Collaborate across applications 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, consistent designs by inserting template pages into template regions. See

“Nested page templates” on page 423.

Dynamic collections Attach queries to collections using a streamlined workflow. See “To create a dynamic

collection” on page 437.

Quick Search Search for files directly in the Site window. See “To find files within a site” on page 237.

Cropped components Customize text components for different audiences. See “To crop text in a component” on

page 428.

Smart Favorite icons Automatically optimize page icons for the Favorites or Bookmarks menu of a browser. See

“Smart Favorite icons” on page 166.

New document creation

Previews and descriptions

Samples Choose from predesigned pages, frame sets, scripts, style sheets, and more. See “To create a site from a site

Identify exactly the document you need. See “About the New dialog box” on page 24.

sample” on page 147.

Favorites Quickly access frequently-used document types. See “To create a new page in a site” on page 154.

Extended functionality

Updated, pre-installed SDK

Create powerful new GoLive features with standard JavaScript. To access the SDK,

open the GoLive CS2/Adobe GoLive SDK folder on your hard disk.

New downloadable extensions Add the latest GoLive extensions available from the Adobe Studio Exchange at

http://share.studio.adobe.com/.

Chapter 2: Tutorials

Tutorials

The following tutorials provide a quick tour of the basic Adobe GoLive CS2 features. Before you get started, be sure you are familiar with the basic concepts of GoLive.

As you work through these tutorials, you may have new ideas and questions. To assist you with learning GoLive, Adobe provides a variety of resources. For more information, see “Learning resources” on page 6.

For more advanced GoLive tutorials, visit the Adobe website at

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

www.adobe.com/products/tips/golive.html.

Create and structure a site

Adobe GoLive CS2 makes it easy to create complex, multipage websites using the Site Creation Wizard and the site diagram feature. The Site Creation Wizard walks you through the process of setting up a new website, and the site diagram feature lets you quickly prototype the site, and then convert the prototype to actual pages.

In the steps that follow, you’ll use the Site Creation Wizard, diagramming tools, and the site window to create a new single-user website with multiple pages and folders.

ADOBE GOLIVE CS2

User Guide

1. Create a new blank site.

Start GoLive and choose File > New. Choose Site > Create Site to open the Site Creation Wizard. Select Blank Site, and click Next. Enter a name for the site in the Name box, and then click Browse to specify a location on your hard drive to store the site files and folders. Click Next. Select Don’t Use Version Control in the Use A Version Control System window, and click Next (you may want to specify version control settings later, especially if you’re working on the site as part of a team). Select Specify Server Later in the Publish Server Options window (you can set options for publish 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 contains the site’s project file, a web-content folder, which contains an index.html file, a web-data folder, and a web-settings folder, which GoLive uses to manage the site and its assets.

2. Create a diagram and add a page.

With thesitewindowactive, choose Diagram > NewDiagram andenter adiagram name in theNew Diagramdialog box to create a new diagram. Click the Diagrams tab of the site window and double-click the diagram you just created. Drag a Page icon from the Diagram set of the objects toolbox to the design view to add a new page named untitled.html. Click the page’s name, and then enter a new name, such as Products.html.

ADOBE GOLIVE CS2

User Guide

3. Add new child pages.

With the page in the design view selected, choose Diagram > New Pages. In the New Pages dialog box, enter the number of newchild pagestocreateand abasefilenamefor thenew pages. Forexample,enter 4tocreatefourpages, 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.

Drag the index.html page from the Files tab of the site window to the design view. Index.html becomes an anchor page in the diagram and is indicated by an anchor symbol.

Anchoring the diagram specifies the diagram’s location in the site’s hierarchy.

ADOBE GOLIVE CS2

User Guide

5. Submit the diagram to the site.

Choose Diagram > Staging > Submit All. GoLive converts the diagram’s pages to HTML pages in the site. In the Files tab of the site window, you can see the new pages in the site.

6. Structure the site.

Organize your pages and images in separate folders so that you can keep track of files and update them easily. With the Files tab of the site window active, click the Create New Folder button in the 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 Images. You’ll place all your images in this folder. Select Products.html and its child pages (models.html, models1.html, etc.), and drag them into the Pages folder (Shift-click to select multiple files).

If your site is very complex, you may want to create subfolders within these folders to easily organize your files. Whenever you move, rename, or add pages, or create a new folder in the Files tab, GoLive automatically makes the change in the site’s web-content folder.

ADOBE GOLIVE CS2

User Guide

Design and lay out a web page

Adobe GoLive makes it easy to design and lay out visually compelling web pages. You can create simple or complex professional-quality web pages without writing any code.

Once you’ve designed your page,you cansaveitasapage template.New pagescreated from apagetemplateremain linked to the template—when you change the template, GoLive automatically updates the pages without affecting any content that has been added to them.

1. Set page dimensions and add a CSS layout object.

Open a site, choose File > New, and then select Web > Pages > HTML Page. (For information about creating a site, see “About GoLive sites” on page 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 page dimension doesn’t appear at the bottom of the document window, choose Show > Page Dimensions from the menu.) Drag one of the CSS layout ob

jects from the CSS set of the objects toolbox to the page. Adjust the height and width of the columns, rows, frames, or boxes of the CSS layout object as desired in the CSS Object Inspector.

Setting a default page size helps prevent you from adding objects, such as large graphic banners, that are too wide to display on a standard page. CSS layout objects let you create liquid layouts that adjust to the new size when a user resizes a web browser window (for more information about CSS layout objects, see

“About CSS layout objects” on

page 245).

ADOBE GOLIVE CS2

User Guide

2. Add a background color to the page.

Click the Show Page Properties icon in the upper right corner of the document window. In the Page tab of the Page Inspector, select Background Color and click the lower right corner of the color field. Choose a background color for your page from the swatches that appear, or choose a swatch library from the list and then click the corner of the color field again to choose a background color from those swatches.

You can apply a color or an image to the background of your page to visually enhance it. Although colors that you choose for page backgrounds override the default colors used by most web browsers, viewers can change browser preferences to override your page background colors. You can also select an image for the page background, but keep in mind that web browsers treat the 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 Align Center

button, and then choose Heading 2 from the Set Paragraph Format menu.

In GoLive, you can format text in a variety of ways: use paragraph styles, such as Header 1 and Header 2, to format paragraphs; use physical styles, such as Bold and Italic, to emphasize text; and use structural styles, such as Emphasis and Strong, to both emphasize and classify text. (For more information about formatting text, see “Methods of formatting text” on page 292.) You can also apply fonts, type sizes, and color to text using CSS (cascading stylesheets), which contain a set of stylistic rules that describe how HTML documents should appear to viewers. If you need to update a CSS style, you simply edit the style rule and all content that hosts the style will automatically reflect the new properties. For more information about CSS, see “About cascading stylesheets” on page 318.

ADOBE GOLIVE CS2

User Guide

4. Add a Smart Object.

Drag a Smart Generic icon from the Smart set of the objects toolbox to the CSS layout object. Select the icon in the document window, and click the Browse button in the Source section of the Basic tab of the Smart Generic Image Inspector to navigate to a JPEG file on your hard drive (Smart Generic objects also support a variety of other image formats. See “Adding Smart Objects” on page 360for more information.) Choose options in the Save For Web dialog box, and then save the target file in your site’s web-content folder. (Don’t worry if you don’t have a JPEG file; you can link an image file to the Smart Generic object in the document window at any time.)

When you use Smart objects, you create a link to a source file in a format such as Photoshop, Illustrator®, PDF, or EPS, and then GoLive creates a target file in a web-optimized format. GoLive maintains the link to the source file. When you move, resize, 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 as a page template.

Choose File > Save As, and choose Templates from the Site Folder menu. Type a name for the template in the Save As dialog box, and click Save.

Page templatesare predesignedpagelayoutsthatyou canuse as thebasis fornew pages. Youcan mark regionsofthe page as editable: any part of the template that isn’t marked as an editable region is automatically locked. When you update a template, you automatically update all pages based on that template. For more information about templates,

“Page templates” on page 420.

see

Create and manage links

In this tutorial you’ll create navigational links from which viewers can jump to other pages in your site (internal links) or to other sites on the web (external links).

Adobe GoLive’s powerful site management features make it easy to maintain links between pages, and because GoLive collects and updates URLs in the External tab of the site window, you can quickly create links across the web.

ADOBE GOLIVE CS2

User Guide

1. Create an internal link.

Open a GoLive site, and then open the page that you want to serve as the source of the link. Select a short block of text and click the Create Link button in the toolbar. In the Text Inspector, drag the pick whip to the destination page in the site window.

You can also create internal links by using the Browse button in the Text Inspector to locate a page, or by typing the relative path to the page in the URL box in the Inspector. It’s best, however, to use the pick whip when creating links to avoid mistakenly linking to pages outside of the site’s web-content folder.

2. Test the link.

Clickthe PreviewInBrowser button in thetoolbar to previewthe page with thelinkinyourweb browser. Click the link and make sure that the destination page appears in the browser window.

3. Update the internal link.

With the Files tab of the site window active, click the Create New Folder button in the toolbar. Drag the link’s destination page into the new folder. GoLive displays the Move Files dialog box, which lists the page that serves as the source of the link, and prompts you to update the file. Click OK.

GoLive updates links in your site when you move or rename files in the site window. To avoid broken links in your site, perform all such site management tasks in the GoLive site window, not directly in your site’s web-content folder in Microsoft Windows® Explorer or the Mac OS® Finder.

ADOBE GOLIVE CS2

User Guide

4. Add a URL to the External tab of the site window.

Drag the URL icon from the Site set of the objects toolbox to the External tab of the site window. Rename the untitled URL Adobe URL. Type http://www.adobe.com in the URL box of the External Inspector.

The External tab of the site window contains URLs and e-mail addresses. Storing a URL in the External tab is useful when you want to use the URL on 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 want to serve as the source of the link. Select a short block of text, and click the Create Link button in the toolbar. In the Text Inspector, drag the pick whip to the Adobe URL in the External tab of the site window.

6. Test the link.

Clickthe PreviewInBrowser button in thetoolbar to previewthe page containing thelinkinyourweb browser. Click the link and make sure that the Adobe website appears in the browser window.

ADOBE GOLIVE CS2

User Guide

7. Update the external link.

Select the Adobe URL in the External tab of the site window. Type http://www.adobe.com/products/golive/main.html in the URL box of the External Inspector, and then press Enter (Windows) or Return (Mac OS). GoLive displays the Change Reference dialog box, which lists the page that serves as the source of the link, and prompts you to update the file. Click OK to update the reference.

GoLive provides other tools for updating internal and external links. For example, to edit links sitewide, use the In & Out Links palette or the Change References dialog box (see “Changing all site URLs or links at once” on page 232).

Publish a site

Before visitors can view your website, you need to transfer it to a publish server (a server that hosts your site files, such as an FTP server). This tutorial demonstrates how to use GoLive to transfer your site files to a publish server for the first time. Before you start this tutorial, contact your Internet service provider (ISP) to 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 password.

GoLive makes it easy to transfer your site to a publish server with the Publish Server tab in the site window. Once you’ve transferred a site, updating it is easy using modified-item uploads and synchronized uploads. GoLive takes the guesswork out of determining which files need updating by comparing the modification dates of local files with those on the server.

1. Configure a publish server.

Open a site and choose Site > Publish Server > Set Up Server (if you’ve already set up a server for a site, choose Site > Publish Server > Settings). Click the New Server button in the Site Settings dialog box and type an easily recognizable nickname for your server in the Nickname box (nicknames prevent confusion if you add more than one server to the list). Choose a protocol from the Protocol menu and fill in the Server, Directory, Username, and Password boxes based on the publish server information you obtained from your ISP; then click OK. (Click Advanced to configure advanced FTP options, such as security.)

+ 694 hidden pages