Adding content to the layout grid
Using a layout grid, you can add text, images, and other objects anywhere you want on the page. You add text to a layout grid using layout text boxes. Layout text boxes can also contain images and other objects that you want to align within the text or wrap text around. (See Aligning images or objects within text.) You can store frequently used text and objects in the Library palette or in the site window for a specific site. (See Using snippets.) While dragging layers, layout grid text boxes, and image map areas, you can show visual smart guides in the layout window by choosing View > Smart Guides before you drag.
To add text to the layout grid: Drag a Layout Text Box icon from Basic set in the Objects palette onto the layout grid and type or paste text into it. (See Adding text to Web pages.)
To add a background color or image to a layout text box: - Select the layout text box.
- In the Layout Text Box Inspector, do one of the following:
- Select Color, click the color field, and choose a color from the Color or Swatches palette. Or, click the lower right corner of the color field in the Inspector and choose a color from the swatches that appear (the swatches are based on the current settings in the Swatches palette).
- Select BgImage, and then select an image file.
To add images or other objects to the layout grid: Do one of the following: - Drag image files or other media files from the site window onto the layout grid or a layout text box on the grid. Dragging the file from the site window automatically creates a resource link between the page and the image or media file. (See Adding Smart Objects to the Layout Editor, or see Adding multimedia to a Web page.)
- Drag object placeholder icons (such as Smart Objects or components) from the Objects palette onto the grid and link its source file in the Inspector. (See Linking files.)
You can also paste copies of layout text boxes, images, and other objects into a layout grid by clicking in an empty area of the layout grid to place the blinking insertion point and choosing Edit > Paste.
To add a tiled background image to a layout grid: - Select the layout grid.
- In the Layout Grid Inspector, select Background Image, and then select an image file.
- To resize the Layout Grid to the size of the image, select Use Image Size.
To add a background color to a layout grid: Do one of the following in the Layout Grid Inspector: - Select Background Color, click the color field, and select a color from the Color or Swatches palette.
- Click the lower right corner of the color field and select a color from the swatches that appear (the swatches are based on the current settings in the Swatches palette).
To prevent a layout text box from automatically resizing in GoLive: In the Layout Text Box Inspector, select Allow Content Overflow. With this option selected, as more text is added or reformatted, the layout text box does not resize in your page layout. This doesn't affect how it will appear in Web browsers. Note: In a Web browser, the layout text box automatically adjusts its size in relation to its content, which resizes according to the platform that the browser is using--for example, to accommodate fonts that appear smaller on Mac OS and larger on Windows. You can assign a pixel size definition for all text using a cascading style sheet. (See About relative, absolute, and percentage units.)
|