Adobe® GoLive® 9 User Guide for Windows® and Macintosh
If this guide is distributed with software that includes an end user agreement, this guide, as well as the software described in it, is furnished under license and may be used or
copied only in accordance with the terms of such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in a retrieval system, or trans
mitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe Systems Incorporated. Please note that the
content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement.
The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems 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, After Effects, Dreamweaver, Flash, FrameMaker, Illustrator, InCopy, InDesign, Photoshop, and Version Cue are either registered trademarks or
trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Microsoft and Windows are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Mac, Mac OS, and QuickTime are
trademarks of Apple Inc., registered in the United States and other 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. Java is a trademark or registered trademark of Sun Microsystems, Inc. in the United States and other countries. All other trademarks
are the property of their respective owners.
This product contains either BISAFE and/or TIPEM software by RSA Data Security, Inc.
Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA
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.
If you haven’t installed your new software, begin by reading some information on installation and other preliminaries. Before you begin working with your software, take a few moments to read an overview of Adobe Help and of
the many resources available to users. You have access to instructional videos, plug-ins, templates, user communities,
seminars, tutorials, RSS feeds, and much more.
Installation
Requirements
❖ To review complete system requirements and recommendations for your Adobe® product, see the Read Me file
included with your software download.
Install the software
1 Close any other Adobe applications open on your computer.
2 Double-click the executable file that is included with your download, and follow the on-screen instructions.
1
Note: For more information, see the Read Me file included with your software download.
Activate the software
If you have a single-user retail license for your Adobe software, you will be asked to activate your software; this is a
simple, anonymous process that you must complete within 30 days of starting the software.
For more information on product activation, see the Read Me file installed with your software download, or visit the
Adobe website at
1 If the Activation dialog box isn’t already open, choose Help > Activate.
2 Follow the on-screen instructions.
Note: If you want to install the software on a different computer, you must first deactivate it on your computer. Choose
Help > Deactivate.
www.adobe.com/go/activation.
Register
Register your product to receive complimentary installation support, notifications of updates, and other services.
❖ To register, follow the on-screen instructions in the Registration dialog box, which appears after you install and
activate the software.
If you postpone registration, you can register at any time by choosing Help > Registration.
ADOBE GOLIVE 9
User Guide
Adobe Help
Adobe Help resources
Documentation for your Adobe software is available in a variety of formats.
In-product Help
In-product Help provides access to the documentation and instructional content available for the software. It is
available through the Help menu in your Adobe software.
PDF documentation
The in-product Help is also available as a PDF that is optimized for printing. Other documents, such as installation
guides and white papers, may also be provided as PDFs. PDF documentation included with the software can be
found in the folder with your software download.
PDF documentation is also available through the Adobe Help Resource Center, at www.adobe.com/go/documen-
tation.
2
Using Help in the product
In-product Help is available through the Help menu. After you start the Adobe Help Viewer, click Browse to see Help
for additional Adobe products installed on your computer.
These Help features facilitate cross-product learning:
• Topics may contain links to the Help systems of other Adobe products or to additional content on the web.
• Some topics are shared across two or more products. For instance, if you see a Help topic with an Adobe®
Photoshop icon and an Adobe After Effects® icon, you know that the topic either describes functionality that is
similar in the two products or describes cross-product workflows.
• You can search across the Help systems of multiple products.
Note: If you search for a phrase, such as “shape tool,” enclose it in quotation marks to see only those topics that include
all the words in the phrase.
Accessibility features
Adobe Help content is accessible to people with disabilities—such as mobility impairments, blindness, and low
vision. In-product Help supports these standard accessibility features:
• The user can change text size with standard context menu commands.
• Links are underlined for easy recognition.
• If link text doesn’t match the title of the destination, the title is referenced in the Title attribute of the Anchor tag.
For example, the Previous and Next links include the titles of the previous and next topics.
• Content supports high-contrast mode.
• Graphics without captions include alternate text.
• Each frame has a title to indicate its purpose.
• Standard HTML tags define content structure for screen reading or text-to-speech tools.
• Style sheets control formatting, so there are no embedded fonts.
Keyboard shortcuts for toolbar controls (Windows)
Back button Alt+Left Arrow
Forward button Alt+Right Arrow
Print Ctrl+P
About button Ctrl+I
Browse menu Alt+Down Arrow or Alt+Up Arrow to view Help for another application
Search box (Windows) Ctrl+S to place cursor in Search box
Keyboard shortcuts for navigation (Windows)
• To move between panes, press Ctrl+Tab (forward) and Shift+Ctrl+Tab (backward).
• To move through and outline links within a pane, press Tab (forward) or Shift+Tab (backward).
• To activate an outlined link, press Enter.
• To make text bigger, press Ctrl+equal sign.
• To make text smaller, press Ctrl+hyphen.
ADOBE GOLIVE 9
User Guide
3
Resources
Extras
To help you make the most of your Adobe product, certain resources may be installed on your computer during the
setup process or offered online by the Adobe Exchange community.
GL2DW extension
The GL2DW extension assists in the conversion of a GoLive .site file to a site that can be managed using Adobe
DreamWeaver®. The extension is available with the software installation.
Adobe Exchange
For more free content, visit www.adobe.com/go/exchange, an online community where users download and share
thousands of free actions, extensions, plug-ins, and other content for use with Adobe products.
Adobe Design Center
Adobe Design Center offers articles, inspiration, and instruction from industry experts, top designers and Adobe
publishing partners. New content is added monthly.
New ideas are the heart of Think Tank, Dialog Box, and Gallery:
• Think Tank articles consider today’s designers engage with technology and what their experiences mean for
design, design tools, and society.
• In Dialog Box, experts share new ideas in motion graphics and digital design.
ADOBE GOLIVE 9
User Guide
• The Gallery showcases how artists communicate design in motion.
Visit Adobe Design Center at www.adobe.com/designcenter.
Adobe Developer Center
Adobe Developer Center provides samples, tutorials, articles, and community resources for developers who build
rich Internet applications, websites, mobile content, and other projects using Adobe products. The Developer Center
also contains resources for developers who develop plug-ins for Adobe products.
In addition to sample code and tutorials, you'll find RSS feeds, online seminars, SDKs, scripting guides, and other
technical resources.
Visit Adobe Developer Center at www.adobe.com/go/developer.
Customer support
Visit the Adobe Support website, at www.adobe.com/go/support, to find troubleshooting information for your
product and to learn about free and paid technical support options. Follow the Training link for access to Adobe
Press books, a variety of training resources, Adobe software certification programs, and more.
Downloads
Visit www.adobe.com/go/downloads to find free updates, tryouts, and other useful software. In addition, the Adobe
Store (at www.adobe.com/go/store) provides access to thousands of plug-ins from third-party developers, helping
you to automate tasks, customize workflows, create specialized professional effects, and more.
4
Adobe Labs
Adobe Labs gives you the opportunity to experience and evaluate new and emerging technologies and products from
Adobe.
At Adobe Labs, you have access to resources such as these:
• Prerelease software and technologies
• Code samples and best practices to help accelerate your learning
• Early versions of product and technical documentation
• Forums, wiki-based content, and other collaborative resources to help you interact with like-minded developers
Adobe Labs fosters a collaborative software development process. In this environment, customers quickly become
productive with new products and technologies. Adobe Labs is also a forum for early feedback, which the Adobe
development teams use to create software that meets the needs and expectations of the community.
Visit Adobe Labs at www.adobe.com/go/labs.
User communities
User communities feature forums, blogs, and other avenues for users to share technologies, tools, and information.
Users can ask questions and find out how others are getting the most out of their software. User-to-user forums are
available in English, French, German, and Japanese; blogs are posted in a wide range of languages.
To participate in forums or blogs, visit www.adobe.com/communities.
ADOBE GOLIVE 9
User Guide
What’s new
Design mode
Design mode includes a number of new features intended to help make web design more accessible to traditional
Creative Suite designers. The objective is to enable designers to design for the web visually and without the need for
deep knowledge of web technologies such as HTML and CSS.
Designer Styles To manage and facilitate Designer Styles, GoLive 9 includes Character and Paragraph Styles. From
the Control panel, you can add new, edit existing, or delete old styles. Double-clicking a style in the Styles panel
invokes the Styles Options dialog where you can define the specific properties of each style. These styles are comparable to InDesign styles but write to CSS, which allows power and flexibility in designing text for web pages. See
“Formatting text” on page 162 for more information about styling text or “Adding content from Adobe applications”
on page 240 for information about using InDesign styled text in GoLive.
CSS Summary Each of the Styles Options dialog include a CSS Summary option. The CSS Summary option displays
the CSS code that GoLive 9 writes in the background. This is useful for more advanced users that would like to check
the code, as well as the designers that would like to learn more about CSS. For more information, see “Creating and
viewing stylesheets” on page 186.
Automated CSS Styles Text and background attributes on the Control panel and different panels write CSS code
rather than inline HTML tags (e.g. <FONT>). This transition to CSS is consistent across the whole application.
5
Tools panel A redesigned Tools panel supports the new, more visual process of designing for the web in GoLive 9. It
is intended to let designers work with tools that they are already familiar with to select, edit and create objects on a
web page. See “Panels, tools, and menus” on page 10 for more information.
Control panel The Control panel offers quick access to options related to the objects you select. The options that
display on this panel change in a context-sensitive manner based upon which tool you use. By default, the Control
panel is docked to the top of the work space, below the menu bar. See “Panels, tools, and menus” on page 10 for more
information.
New and revised tools New and revised tools, such as the Text tool, the Container tool, the Deep Selection tool, and
several others, are included to streamline the designing process. There are multiple ways to customize and use a
specific tool by selecting options and inputting values in the Control panel while using the tool. See “Panels, tools,
and menus” on page 10 for information about the tools available in GoLive.
Designer-focused site window GoLive 9 simplifies site management tools by leveraging concepts that designers are
already familiar with from using the Creative Suite. The design of the site window is largely based upon Adobe Bridge
and it brings together all of the tools needed to manage a site from start to finish. See “To display site and document
windows” on page 8.
Publishing The site window includes a Publish Server area that allows convenient access to the Publish Server
settings or the files on the publish server, depending on whether you are connected or disconnected to the server.
See “Working with windows and editors” on page 7 and “Managing and viewing websites” on page 98 for more information.
New default workspace GoLive 9 limits the default workspace to a set of panels that are the most relevant and
familiar to designers. See “Work area” on page 7 for more information.
New dialog box The New dialog box allows you to quickly start a new project by choosing from among the different
type of documents GoLive 9 supports.
ADOBE GOLIVE 9
User Guide
User-friendly interface
Revised menu options A new menu option allows you to place images and other page content in pages conveniently
by choosing File > Place. Integration with other GoLive features, such as the Save For Web feature, allows you to
optimize your images while placing them on a web page. See “Adding images and multimedia” on page 206 for more
information.
Also, some menu names have been changed to make them more intuitive, such as the Site menu options and
Advanced menu options.
Panel management The way in which you manage panels in the workspace has changed to make the workspace
more efficient and easier to use. The management is similar to some Creative Suite components and it allows you a
variety of options for how you view and use the panels. For more information, see “Work area” on page 7.
Integration
Copy and drag from InDesign GoLive 9 allows you to copy or drag specific content components between InDesign
and GoLive. Most formatting or applied styles are preserved in the process and automatically translated into
standard CSS styles. See “Adding content from Adobe applications” on page 240 for more information.
Improved color management Maintain common color settings throughout Adobe applications. Print with the
simplified printing interface for color management.
6
Chapter 2: Work area
Working with windows and editors
About the Welcome Screen and work area
When you first start Adobe GoLive, the Welcome Screen appears with options to create a new document or open a
recent item. You can select the option to not show the screen at startup and later reselect the option in the Preferences
dialog box. Also, you can open the Welcome Screen from the Help menu on the application window.
The GoLive work area includes the site window (one for every site project), document windows for each open web
page, a variety of editors and panels, a Tools panel, and a Control panel for working with everything in your site. There
are multiple ways that you can configure and customize the work area to make it an efficient and easy-to-use
workspace. Many of the options for customizing the workspace, such as displaying or completely hiding specific panels
or saving a workspace configuration, are available from the Window menu on the application window menu bar.
7
ABC
GoLive workspace
A. Application window menu bar B. Tools panel C. Control panel D. Site window E. Document window F. Panels collapsed to icons
G. Inspector panel H. Paragraph Styles and Character Styles panel
D
FEGH
See also
“About preferences” on page 20
ADOBE GOLIVE 9
User Guide
About the New dialog box
When you click New Document in the Welcome Screen or choose File > New, GoLive displays the New dialog box.
The New dialog box lets you choose from several categories (Site, Web, Mobile, and Scripting) and to add files of
several types (including HTML pages, cascading stylesheets, or images) to a Favorites category. When you select a
category, GoLive displays a list of options from which you can choose, such as file types or whether to build a new
site or connect to an existing one. When you select a file type, the file opens for editing. When you select whether to
build a new site or connect to an existing one, you can either begin creating a site by using the Site Creation Wizard
or choose a specific site.
You can set options for files, such as doctype and encoding, in the Options section of the New dialog box (available
in Web, Mobile, Scripting, and Favorites).
See also
“To create a new page in a site” on page 73
“Methods for creating sites in GoLive” on page 64
To edit descriptions in the New dialog box
GoLive displays descriptions of files in the New dialog box. You can edit these descriptions in the Description dialog box.
8
1 Select the file in the New dialog box.
2 Right-click the icon next to the file you want and choose Edit Description.
3 In the Description dialog box that appears, edit the description as desired.
Note: Depending upon the file, the options of Can Change Markup Type, Can Change Doctype, or Can Change Encoding
display in the Description dialog box. You can use these options to enable modifications of the markup type, doctype, or
character encoding for this file.
See also
“About site assets, resources, and collections” on page 269
Displaying the site and document windows
For ease of use, keep the site window, the Objects panel, the Tools panel, and the Inspector open while building,
revising, and uploading a site.
You can display multiple site and document windows at one time—GoLive keeps track of the pages with their corresponding sites—so you can easily copy things from page to page and site to site.
To display site and document windows
• To display the site window, open the site file (.site).
• To collapse the site window to a single pane, click the Toggle Split View icon at the bottom of the window. (To
expand the site window to two panes, click the button again.)
• To toggle between the site window and the document window, choose the Select Window button in the
Control panel.
• To display the document window, open an XHTML or HTML page, or create a new page.
ADOBE GOLIVE 9
User Guide
• To display the head section pane in the document window, select the Layout tab, and then click the Toggle Head
Section icon in the upper left corner of the document window (next to the Head label).
• To display the source code pane in the document window, select the Layout tab, and then click the Show/Hide
Split Source icon in the lower left corner of the window.
Note: You can also display the source code pane in the Frame Editor and Outline Editor.
• To display the source code pane to a new vertical or horizontal position in the Layout Editor, Alt-click (Windows)
or Option-click (Mac OS) the Show/Hide Split Source icon.
To display an editor or preview
❖ From within the document window, click any of the following tabs:
Layout tab Lets you add content to a document.
Frame Editor tab Lets you create a frameset and lay out frames that display individual web pages.
Source tab Lets you work directly with your document’s source code.
Outline Editor tab Lets you view source code in a hierarchical, structured view.
PDF Preview tab Lets you preview and export a web page to PDF.
9
To arrange windows and editors
❖ Select a document window, site window, graphical site view window, or editor and choose Cascade, Tile Horizon-
tally, or Tile Vertically from the Window > Cascade and Tile menu.
To switch between windows or editors
❖ Do any of the following tasks:
• Click the window or editor that you want to make it active.
• Choose the desired window or editor from the bottom of the Window menu.
• Click the Select Window button on the Control panel to toggle between the foremost window or editor and
the site window.
• Click and hold the mouse button on the Select Window button to display a pop-up menu from which you can
choose a window or editor.
• If you’re creating a link to a page or object in another window, drag the pick whip to the Select Window button
on the Control panel to bring the other window to the front. Then, continue to drag to the destination in the open
window.
If a window or editor is off-screen and not visible (e.g., if you changed your monitor’s resolution 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 87
ADOBE GOLIVE 9
User Guide
To display rulers in the Layout tab
When you place an object in the Layout tab, gray areas on the rulers indicate the current position and size of the
selected object. When you move the pointer in the document window, lines in the rulers move along to indicate the
current position of the pointer.
❖ To show or hide the layout rulers, choose View > Show Rulers.
Panels, tools, and menus
Workspace overview
You create and manipulate your documents and files using various elements such as panels, bars, and windows. Any
arrangement of these elements is called a workspace. When you first start an Adobe Creative Suite component, you
see the default workspace, which you can customize for the tasks you perform there. For instance, you can create one
workspace for editing and another for viewing, save them, and switch between them as you work.
You can restore the default workspace at any time by choosing the default option on the Window > Workspace menu.
Although default workspaces vary across Flash, Illustrator, InCopy, InDesign, and Photoshop, you manipulate the
elements much the same way in all of them. The Photoshop default workspace is typical:
10
• The menu bar across the top organizes commands under menus.
• The Tools panel (called the Tools palette in Photoshop) contains tools for creating and editing images, artwork,
page elements, and so on. Related tools are grouped together.
• The Control panel (called the options bar in Photoshop) displays options for the currently selected tool. (Flash has
no Control panel.)
• The Document window (called the Stage in Flash) displays the file you’re working on.
• Panels (called palettes in Photoshop) help you monitor and modify your work. Examples include the Timeline in
Flash and the Layers palette in Photoshop. Certain panels are displayed by default, but you can add any panel by
selecting it from the Window menu. Many panels have menus with panel-specific options. Panels can be grouped,
stacked, or docked.
ADOBE GOLIVE 9
User Guide
ABC
D
E
G
11
F
Default Photoshop workspace
A. Document window B. Dock of panels collapsed to icons C. Panel title bar D. Menu bar E. Options bar F. Tools palette G. Collapse To
Icons button H. Three palette (panel) groups in vertical dock
H
For a video on understanding the workspace, see www.adobe.com/go/vid0187.
Hide or show all panels
• (Illustrator, InCopy, InDesign, Photoshop) To hide or show all panels, including the Tools panel and options bar
or Control panel, press Tab.
• (Illustrator, InCopy, InDesign, Photoshop) To hide or show all panels except the Tools panel and options bar or
Control panel, press Shift+Tab.
You can temporarily display panels hidden by these techniques by moving the pointer to the edge of the application
window (Windows) or to the edge of the monitor (Mac OS) and hovering over the strip that appears.
• (Flash) To hide or show all panels, press F4.
Display panel menu options
❖ Position the pointer on the panel menu icon in the upper-right corner of the panel, and press the mouse
button.
(Illustrator) Adjust panel brightness
❖ In User Interface preferences, move the Brightness slider. This control affects all panels, including the Control
panel.
ADOBE GOLIVE 9
User Guide
Reconfigure the Tools panel
You can display the tools in the Tools panel in a single column, or side by side in two columns.
In InDesign, you also can switch from single-column to double-column display by setting an option in Interface
preferences.
❖ Click the double arrow at the top of the Tools panel.
Customize the workspace
To create a custom workspace, move and manipulate panels (called palettes in Photoshop and in Adobe Creative
Suite 2 components).
A
B
C
12
Narrow blue drop zone indicates Color panel will be docked on its own above Layers panel group.
A. Title bar B. Tab C. Drop zone
You can save custom workspaces and switch among them.
In Photoshop, you can change the font size of the text in the options bar, palettes, and tool tips. Choose a size from
the UI Font Size menu in General preferences.
Note: For a video on customizing the workspace in Illustrator, see www.adobe.com/go/vid0032. For a video on custom-
izing the workspace in InDesign, see www.adobe.com/go/vid0065.
Dock and undock panels
A dock is a collection of panels or panel groups displayed together, generally in a vertical orientation. You dock and
undock panels by moving them into and out of a dock.
Note: Docking is not the same as stacking. A stack is a collection of free-floating panels or panel groups, joined top to
bottom.
• To dock a panel, drag it by its tab into the dock, at the top, bottom, or in between other panels.
• To dock a panel group, drag it by its title bar (the solid empty bar above the tabs) into the dock.
• To remove a panel or panel group, drag it out of the dock by its tab or title bar. You can drag it into another dock
or make it free-floating.
Navigator panel being dragged out to new dock, indicated by blue vertical highlight
ADOBE GOLIVE 9
User Guide
13
Navigator panel now in its own dock
To prevent panels from filling all space in a dock, drag the bottom edge of the dock up so it no longer meets the edge
of the workspace.
Move panels
As you move panels, you see blue highlighted drop zones, areas where you can move the panel. For example, you can
move a panel up or down in a dock by dragging it to the narrow blue drop zone above or below another panel. If you
drag to an area that is not a drop zone, the panel floats freely in the workspace.
• To move a panel, drag it by its tab.
• To move a panel group or a stack of free-floating panels, drag the title bar.
Press Ctrl (Windows) or Control (Mac OS) while moving a panel to prevent it from docking.
Add and remove docks and panels
If you remove all panels from a dock, the dock disappears. You can create new docks by moving panels to drop zones
next to existing docks or at the edges of the workspace.
• To remove a panel, click its close icon (the X at the upper-right corner of the tab), or deselect it from the Window menu.
• To add a panel, select it from the Window menu and dock it wherever you wish.
Manipulate panel groups
• To move a panel into a group, drag the panel’s tab to the highlighted drop zone at the top of the group.
ADOBE GOLIVE 9
User Guide
Adding a panel to a panel group
• To rearrange panels in a group, drag a panel’s tab to a new location in the group.
• To remove a panel from a group so that it floats freely, drag the panel by its tab outside the group.
• To make a panel appear at the front of its group, click its tab.
• To move grouped panels together, drag their title bar (above the tabs).
Stack free-floating panels
When you drag a panel out of its dock but not into a drop zone, the panel floats freely, allowing you to position it
anywhere in the workspace. Panels may also float in the workspace when first selected from the Window menu. You
can stack free-floating panels or panel groups together so that they move as a unit when you drag the topmost title
bar. (Panels that are part of a dock cannot be stacked or moved as a unit in this way.)
14
Free-floating stacked panels
• To stack free-floating panels, drag a panel by its tab to the drop zone at the bottom of another panel.
• To change the stacking order, drag a panel up or down by its tab.
Note: Be sure to release the tab over the narrow drop zone between panels, rather than the broad drop zone in a title bar.
• To remove a panel or panel group from the stack, so that it floats by itself, drag it out by its tab or title bar.
Resize or minimize panels
• To resize a panel, drag any side of the panel or drag the size box at its lower-right corner. Some panels, such as the
Color panel in Photoshop, cannot be resized by dragging.
• To change the width of all the panels in a dock, drag the gripper at the top left of the dock.
• To minimize a panel, panel group, or stack of panels, click the Minimize button in its title bar.
You can open a panel menu even when the panel is minimized.
ADOBE GOLIVE 9
User Guide
Minimize button
Manipulate panels collapsed to icons
Collapse panels to icons to reduce clutter on the workspace. (In some cases, panels are collapsed to icons in the
default workspace.) Click a panel icon to expand the panel. You can expand only one panel or panel group at a time.
15
Panels collapsed to icons
Panels expanded from icons
• To collapse or expand all panels in a dock, click the double arrow at the top of the dock.
• To resize panel icons so that you see only the icons (and not the labels), drag the gripper at the top of the dock
toward the icons until the text disappears. (To display the icon text again, drag the gripper away from the panels.)
• To expand a single panel icon, click it.
• To collapse an expanded panel back to its icon, click its tab, its icon, or the double arrow in the panel’s title bar.
If you select Auto-Collapse Icon Panels from the Interface or User Interface Options preferences, an expanded panel
icon will collapse automatically when you click away from it.
• To add a panel or panel group to an icon dock, drag it in by its tab or title bar. (Panels are automatically collapsed
to icons when added to an icon dock.)
• To move a panel icon (or panel icon group), drag the bar that appears above the icon. You can drag panel icons up
and down in the dock, into other docks (where they appear in the panel style of that dock), or outside the dock
(where they appear as free-floating, expanded panels).
ADOBE GOLIVE 9
User Guide
Save, delete, and switch between workspaces
By saving the current size and position of panels as a named workspace, you can restore that workspace even if you
move or close a panel. The names of saved workspaces appear in the Window
In Photoshop, the saved workspace can include a specific keyboard shortcut set and menu set.
Save a custom workspace
1
With the workspace in the configuration you want to save, do one of the following:
• (Flash) Choose Window > Workspace > Save Current, or choose Save Current from the Workspace menu in the
Edit bar.
• (Photoshop) Choose Save Workspace from the Workspace menu in the options bar.
2 Type a name for the workspace.
3 (Photoshop) Under Capture, select one or more options:
Palette Locations Saves the current palette locations.
Keyboard Shortcuts Saves the current set of keyboard shortcuts.
Menus Saves the current set of menus.
> Workspace menu.
16
4 Click OK.
Display or switch between workspaces
Flash, Illustrator, InDesign, and Photoshop include preset workspaces designed to make certain tasks easier.
• Choose Window > Workspace, and select a workspace.
• (Photoshop) Select a workspace from the Workspace menu in the options bar.
• (Flash) Select a workspace from the Workspace menu in the Edit bar.
(InDesign and Photoshop) Assign keyboard shortcuts to each workspace to navigate among them quickly.
Delete a custom workspace
• (Illustrator) Choose Window > Workspace > Manage Workspaces, select the workspace, and then click the Delete icon.
• (InDesign) Choose Window > Workspace > Delete Workspace, select the workspace, and then click Delete.
• (Flash) Choose Manage from the Workspace menu in the Edit bar, select the workspace, and then click Delete.
Alternatively, choose Window > Workspace > Manage, select the workspace, and then click Delete.
• (Photoshop) Choose Delete Workspace from the Workspace menu in the options bar. Alternatively, choose
Window > Workspace > Delete Workspace, select the workspace, and then click Delete.
(Photoshop) Start with the last or default palette locations
When you start Photoshop, palettes can either appear in their original default locations, or appear as you last used them.
❖ In Interface preferences:
• To display palettes in their last locations on startup, select Remember Palette Locations.
• To display palettes in their default locations on startup, deselect Remember Palette Locations.
ADOBE GOLIVE 9
User Guide
The Tools panel
GoLive includes tools for working with text, objects, layers, grid text boxes, and color. By default, the Tools panel is
docked on the left side of the workspace. Click the double-arrow button at the top of the Tools panel to display the
panel in either a single or double column layout.
Selection tool Lets you select any object.
Deep Selection tool Lets you select any item on the page regardless of object hierarchy or covered layers, such as
images and multimedia objects.
17
Link tool
Turns on link editing mode. In link editing mode, valid links appear in blue and broken links appear in red.
The Link edit tool works with the Control panel at the top of the workspace to replace the Link Inspector available
in previous versions of GoLive.
Text toolLets you edit text by placing a text cursor at the mouse pointer position.
Container tool Lets you create a <div> element that flows with surrounding text. You can nest container <div>
elements to create advanced CSS-based layouts.
Layer tool Lets you draw and position layers on a page.
Grid Text Box tool 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.
Table Cell tool /Table tool Lets you create and set up tables by using the Control panel and to select cells,
rows, and columns for editing.
Eyedropper /Styledropper tool Lets you paste the color attributes of a selected layer or other object to
another object with Eyedropper, or use a workflow to transfer style attributes with Styledropper.
Hand tool Lets you scroll the page view.
Zoom tool Lets you magnify a document.
Background color tool and Stroke/Text color tool Lets you color any element that accepts color as a visual
attribute, such as layer boxes, text, and tables. The Swap Colors and Apply None buttons below the stroke and fill
tools give you complete control over the colors of layers and text.
Layout mode /Preview mode tool Lets you work on your document in Layout mode or preview your work in
Frames, Source, Outline, or PDF previews in Preview mode.
Preview in BrowserOpens your document in the Adobe GoLive built-in Live Rendering browser or another
browser that you select. If a browser is installed and specified in the Browser preferences, this icon changes to reflect
the specified browser.
See also
“To magnify or reduce a document” on page 20
“About GoLive layers” on page 122
“To add text to a layout grid” on page 138
“To use the Color panel” on page 93
ADOBE GOLIVE 9
User Guide
The Control panel
The Control panel appears below the command menus at the top of the screen. It contains buttons and pop-up
menus that change depending on what you have selected in the work area.
To display the Control panel
• To show or hide the Control panel, choose Window > Control. (A check mark next to the selection indicates that
it is showing.)
• To move the Control panel drag the lower left corner.
See also
“About version control” on page 69
To use a context menu
Context-sensitive menus display commands relating to the active window or selection. You can use these context
menus as a quick way to choose commonly used commands.
❖ Right-click (Windows) or Control-click (Mac OS) the active window or selection.
18
Working with objects
About the Objects panel
The Objects panel holds a wide selection of web page elements, all ready for insertion. Insert an object by dragging
and dropping it or by double-clicking it. You can use them to insert web basics like multimedia plugins or Java
applets, smart objects linked to Adobe Illustrator or Adobe Photoshop source files, ready-for-use CSS layout objects,
and web form elements. If desired, you can click the Join/Separate Tools and Objects button on the panel to switch
between the panel layout and a layout that is similar to the Tools panel.
Previewing and zooming documents
Previewing web pages
You can preview web pages and test links directly in 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 using Live Rendering. Use the Small Screen Rendering (SSR) option in the
Live Rendering browser to approximate what your page looks like when it’s published to a mobile device. Layout
preview approximates what your page looks like when it’s published on the Web.
You can also preview PDF files you create or open in GoLive.
ADOBE GOLIVE 9
User Guide
In addition to previewing your page in GoLive, you should always preview it using a variety of browsers, browser
versions, and platforms. You’ll need to use browsers to determine potential browser differences and to preview
JavaScript, DHTML, or other items for which GoLive doesn’t provide native support. If desired, you can start a
browser such as Safari, Opera, Firefox, Mozilla, or Microsoft Internet Explorer from within GoLive by first adding it
to the Preview In Browser menu in the Tools panel.
You can also view a browser simulation of your page in the Layout Editor by choosing the profile of a specific web
browser in the View panel.
See also
“To set view options for page layout” on page 77
“Exporting pages to PDF” on page 250
To preview your page in the Live Rendering browser
❖ Do any of the following tasks:
• Open the page you want to preview and click the Preview in Browser tool in the Tools panel.
• Open the page you want to preview and choose File > Preview In > Live Rendering.
•
Choose File > Preview In > Live Rendering, and use the pick whip or click the Browse button to open a page.
• Choose File > Preview In > Live Rendering, choose Load from the Live Rendering window pop-up menu, and
then select a page in the Choose dialog box.
19
To preview your page as it will appear on a mobile device, click SSR in the Live Rendering browser, or open the page
you want to preview and choose File > Preview In > Small Screen Rendering.
Changes you make in the Layout Editor are reflected in the Live Rendering browser after you click in the Live
Rendering browser. If 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:
Load Opens a file from the Choose File To Render dialog box.
Reload Reflects changes you’ve made in the Layout Editor (use this option if you’ve deselected Auto Update).
Auto Update Ensures that the Live Rendering browser displays changes you make in the Layout Editor when you
click in the Live Rendering browser (this option is selected by default). If Auto Update isn’t selected, you’ll need to
choose Reload after you make a change in the Layout Editor.
Bound Binds the Live Rendering browser to a specific document: select the open document you want to preview,
and then choose Bound from the Live Rendering window menu.
To specify browsers for previewing
1 Make sure that each browser is installed on your hard disk and that all plug-ins you need for previewing are placed
in the browser’s Plug-ins folder (or any other location your browser uses for multimedia extensions).
2 Choose Edit > Preferences (Windows) or GoLive > Preferences (Mac OS), and select the Browsers icon from the
list on the left. Or click and hold the Preview in Browser button on the Tools panel and select edit.
ADOBE GOLIVE 9
User Guide
3 Do one of the following tasks to populate the list of browsers:
• To add all browsers on your hard disk to the browser list, click Find All.
• To add a single browser to the list, click Add. Then locate and select the browser and click Open (Windows) or
Choose (Mac OS).
4 Select one or more browsers that you want to be started when you click the Preview In Browser button in the
Tools panel or when you choose File > Preview In > Default Browser.
Note: Most browsers only allow you to open one version at a time. For example, you can open Netscape Navigator and
Microsoft Internet Explorer at the same time, but not necessarily Netscape Navigator 7.0 and 8.1.2.
5 (Optional) To delete a browser from the scrolling window, select it and click Remove.
6 Click OK.
If you select two or more types of browsers, a generic browser icon appears in the Tools panel. If you select only a
single type of browser, the program icon for that browser appears in the Tools panel.
To preview your page in a browser
• To preview the page in all of the browsers selected in the Browsers preferences, click the Preview In Browser
button in the Tools panel, or choose File > Preview In > Default Browser.
• To preview the page in a single browser from the Browsers preferences, click and hold the Preview In Browser
button in the Tools panel, and then choose the browser from the menu that appears. Or, choose a browser from
the File > Preview In submenu.
20
To magnify or reduce a document
❖ Do one of the following tasks:
• Click the Zoom tool in the Tools panel and click in the document window. Alt-click (Windows) or Option-
click to reduce the view.
• Click the Zoom In button or the Zoom Out button at the bottom of the document window.
• Choose a magnification value from the Zoom Values menu at the bottom of the document window.
• Choose Edit from the Zoom Values menu at the bottom of the document window, enter a zoom value percentage
in the Zoom To dialog box, and then click OK.
• Right-click in the Layout tab of the document window and choose View > Zoom from the context menu to set the
zoom value.
• Choose View from the application window menu bar and select the zoom option you want to use.
Setting preferences
About preferences
You can change most of the program settings using the Preferences dialog box, giving you control over the way
GoLive looks and behaves. For example, you can set display options, options for importing images, options for
activating modules, options for selecting default web browsers that you start from GoLive, and spelling checker
options.
ADOBE GOLIVE 9
User Guide
The GoLive preferences file is located in the Documents and Settings/[user]/Application Data/Adobe/Adobe GoLive
folder (Windows) and the Mac
OS X/Users/[username]/Library/Preferences folder (Mac OS).
Note: Some preferences also appear in the Site Settings dialog box (such as URL Handling options) and can be
overridden by settings you make for a specific site.
See also
“Specifying preferences and settings for websites” on page 98
Launch Other Applications To Edit Media Files Specifies whether files that you double-click open in GoLive or in
another application that you specify in the File Mappings tab in the Web Settings window.
Show Tooltips Specifies whether tool tips appear when you place the pointer over an icon, button, or tool.
Write “Generator Adobe GoLive” Specifies that the meta information “<meta name="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. Choose Show Welcome Screen to open a window that offers the choice of opening a new page or site, an
existing file, or tutorials and extras. Choose Do Nothing to launch without any file or window opening.
Default Mode Specifies which document window tab (such as the Source tab) is visible when you initially open a
document.
Cache Folder options Specify the folder and path to the cache folder for GoLive, specify the maximum size of the
cache folder, or clear the cache to empty its folder.
Panels option Select Auto-Collapse Icon Panels to automatically collapse the panels to icons.
See also
“Workspace overview” on page 10
“Setting up pages” on page 75
ADOBE GOLIVE 9
User Guide
To activate or deactivate program modules
Use the Modules preferences to disable or enable selected modules and extend scripts on an as-needed basis—
improving the GoLive application’s launch time, responsiveness, and overall memory requirements.
3 To read a description of a module, select it in the right pane and click the triangle next to Show Item Information
at the bottom of the window.
4 To select or deselect modules, click the check boxes. Program modules that are currently installed are checked by
default.
5 Click OK, and then restart GoLive.
Reverting and restoring changes to pages
Using the History panel
The History panel records the changes that you make to a page in the Layout Editor or Source Code Editor and
changes you make to files in the site window. Each time that you make a change, the new state of the page or site is
added to the History panel. You can revert to a previous state of the page or site or you can restore changes that you
made to that state.
22
When you switch between open documents or site windows, the contents of the History panel adjust accordingly.
However, the content is cleared and you lose the information when you click a different tab in the document window.
You can set the maximum number of states that the History panel displays for a page or site (20 states by default).
To undo and redo changes using the History panel
1 Choose Window > History.
The History panel lists the previous states of the document, with the oldest state at the top of the list and the newest
state at the bottom.
2 In the History panel, click the state of the document to which you want to revert.
3 To restore the changes that you made to that document state, choose a newer state in the History panel. (The
newer states of the document are dimmed.)
In Windows press Shift+Control+Z, or in Mac OS, press Shift+Command+Z, to restore the changes that you made
to a document state incrementally.
To set the maximum number of states listed in the History panel
❖ In the History panel, choose History Options from the panel menu , enter a number between 1 and 1600 in
the Maximum History States box, and click OK.
To clear the History panel of all states
❖ In the History panel, choose Clear History from the panel menu .
Loading...
+ 401 hidden pages
You need points to download manuals.
1 point = 1 manual.
You can buy points or you can get point for every manual you upload.