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

248 ADOBE GOLIVE CS2
User Guide
Guidelines for layout grids
To simplify the task of laying out, grouping, and aligning multiple objects on your page, add a layout grid and make
it the same size as the window. After you’ve added the objects to the grid, you can optimize the grid’s size to fit around
the objects using the Layout Grid Inspector. For more advanced layouts, you can add multiple layout grids to a page,
for example, to lay out objects in a header area and a footer area. However, you should not place a layout grid on top
of another layout grid.
If you want the layout grid to cover the entire page without any margins in the browser window, use the Page
Inspector to set the page margins to zero—the layout grid moves to the upper left corner of the window. If you know
that you’ll always want the page margins to be zero, you can set this preference for all new pages.
All objects placed on the layout grid are considered part of the grid object. This placement comes in handy if you
create a nice layout grid design and wish to reuse it. You can save the design as a component, page template,
stationery, or library object and store it for later use. (See “About site assets” on page 420.)
See also
“To specify page margins” on page 159
To add a layout grid to a page
❖ Drag the Layout Grid icon from the Basic set in the objects toolbox to the page, or double-click the icon to
place it at the insertion point.
To convert a CSS-based layout grid to a table-based layout grid
❖ Right-click (Windows) or Control-click (Mac OS) the layout grid icon in the upper right corner of the layout grid
and choose Convert To Table Based Grid. To convert the grid back to a CSS-based design, right-click or Control­
click the layout grid icon and choose Convert To CSS Based Grid.
To resize a layout grid
❖
Do one of the following:
•
Select the grid and drag one of the three resize handles on the right side, bottom, and lower right corner of the
grid. The new width and height appears in the Layout Grid Inspector.
•
In the Layout Grid Inspector, enter the desired measurements for Width and Height.
• If the layout grid has a background image, click Use Image Size in the Layout Grid Inspector to adjust the size of
the grid to the image size.
•
If you have finished laying out objects on the grid, click Optimize in the Layout Grid Inspector to automatically
reduce the size of the grid to its minimum size (to fit around the outer borders of all the objects and no more than
that). You can Shift-click the Optimize button to reduce the width only and Alt-click (Windows) or Option-click
(Mac OS) the Optimize button to reduce the height only.
To minimize horizontal page scrolling in a web browser, make sure that the final width of the layout grid is no larger
than 580 pixels, the width of a standard 14-inch monitor.