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

Lesson 3. Designing Web Pages > Adding the first layer

Adding the first layer

Now you'll add a layer to the page. You'll use this layer to add an image of a guitar to the page.

Drag the Layer icon from the Basic set () in the Objects palette to the area below the component on the page. (You can also double-click the Layer icon to place a layer at the insertion point on the page.)

A layer appears on the page in the upper left corner below the component, and the Inspector changes to the Layer Inspector. When you add a single layer to a page, GoLive inserts a small yellow marker, which stays at the original point of insertion even after you move the layer.

Adding a layer to page

It's important to name layers, so that you can differentiate them from one another. GoLive displays their names in the Layers palette and in lists that you choose from when applying actions to them or animating them. Now you'll name the layer according to the contents that you'll add to it.

In the Layers Inspector, enter Image in the Name text box.

Now you'll add the guitar image to the layer.

Drag guitar.gif from the images folder in the Files tab of the site window to the layer on the page.

The guitar image appears in the layer.

Click in the blank space outside the image to deselect it.

You can convert non-overlapping layers and their contents into objects on a layout grid in a new untitled page. This is useful if you need a table-based design for the page in addition to your DHTML layers-based design. If the layer contains text, it converts into a layout text box on the grid. The position, size, and background color attributes of the layer are retained. GoLive creates a new page to contain the converted objects, keeping the original page of layer intact.



Not a subscriber?

Start A Free Trial

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