• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 3. Designing Web Pages > Adding a layout grid

Adding a layout grid

GoLive layout grids make it easy for you to create table-based designs in your pages. Instead of setting up multiple table cells, you can add a single layout grid to a page and position objects anywhere on the grid with 1-pixel accuracy. You can easily add text to a grid by dragging a layout text box onto the grid and entering text into the layout text box.

1.
Click the navbar.html window to make it active.

2.
Drag the Layout Grid icon from the Basic set () in the Objects palette to the page. (You can also double-click the Layout Grid icon to place a layout grid at the insertion point on the page.)

A layout grid is added to the page. Now you'll specify a width for the layout grid.

3.
Choose Window > Inspector to open the Inspector, or click the tab if the Inspector is collapsed.

4.
In the Layout Grid Inspector, enter 600 for Width. Press Enter or Return.

To resize a layout grid, you can also select it and drag one of its handles.

Now that you've added a layout grid to the page, you can add objects, such as images, to it.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint