Adobe GOLIVE CS2, Руководство пользователя, Страница: 253 / 724

244 ADOBE GOLIVE CS2
User Guide
Photoshop- and Illustrator-based designs
Many web designers create graphically rich page layouts in Adobe Photoshop or Adobe Illustrator and then convert
the designs into web pages. GoLive streamlines this process by automatically creating custom tables for sliced images
and fully supporting rollover code. With Smart Objects, as you update a design in Photoshop or Illustrator, GoLive
automatically optimizes related images for the web.
You can import Photoshop layers as GoLive layers, which you can reposition, overlap, and show or hide. Likewise,
you can use a Photoshop-based design as a tracing image and convert individual cutouts into GoLive layers.
Frame sets
Frames divide a web browser window into sections that contain separate pages. Frame sets hold the frame structure.
You create a new frame set by choosing a frame set layout in the New dialog box or by using the Frame Editor to
create a frame set and lay out frames that display individual web pages.
Site assets
Site assets such as components, stationery, and page templates let you update common elements across your site
while restricting changes to specific areas of a layout. GoLive provides page template samples in the New dialog box
and in the Web section of the Documents tab of the Library palette.
See also
“Designing with tables” on page 274
“About site assets” on page 420
“Adding sliced Photoshop images” on page 377
“Choosing a format for Illustrator source files” on page 380
Page layout workflow
Use the following workflow when laying out pages:
1. Add assets to the site window.
Add assets, such as images and multimedia files, to the site window. From this location, you can quickly add content
to pages and let GoLive keep all paths up to date as you work. You can also set up your pages with common elements
like page titles, margins, and page backgrounds (see “Setting up pages” on page 157).
2. Create a content container.
Choose a content container, such as a CSS layout object, layout grid, layer, or table, and drag its icon from the objects
toolbox to the Layout Editor.
3. Add content to the container.
Add content to the container by doing either of the following:
• Drag placeholders from the objects toolbox into the container, and then link them to reference files (such as image
files) in the site window.
•
Drag files directly from the site window into the container. (Dragging image files directly to a container bypasses
the step for linking placeholders to reference files.)