Add layers inside a layer

Add layers inside a layer

The last layers you’ll draw will be inside the large center_content layer. These layers act as the equivalent of the table cells you added to the page if you completed Tutorial: Creating a Table-based Page Layout

  1. Click once to the right of your layers to make sure everything is deselected.
  2. In the Layout category of the Insert bar, click Draw Layer and drag another layer inside the center_content layer as the following example shows:

    This is a picture of the feature being described.

  3. Click the new layer’s selection handle to make sure the layer selected.
  4. With the new layer selected, do the following in the Property inspector:
    • Click in the Layer ID text box and rename the layer navigation.
    • In the Width (W) text box, enter 140px.
    • In the Height (H) text box, enter 350px.
    • In the Left (L) text box, enter 20px.
    • Press Enter (Windows) or Return (Macintosh) to apply your last entry.
  5. Use the Up Arrow key on your keyboard to move the navigation layer until it fits perfectly within the center_content layer, as the following example shows:

    This is a picture of the feature being described.

  6. Create another layer in the center_content layer by clicking Draw Layer and dragging another layer, as the following example shows:

    This is a picture of the feature being described.

  7. Click the new layer’s selection handle to make sure the layer is selected.
  8. With the new layer selected, do the following in the Property inspector:
    • Click in the Layer ID text box and rename the layer flash_video.
    • In the Width (W) text box, enter 230px.
    • In the Height (H) text box, enter 350px.
    • Press Enter (Windows) or Return (Macintosh) to apply your last entry.
  9. Drag the flash_video layer or use the arrow keys on your keyboard to position the layer as the following example shows:

    This is a picture of the feature being described.

  10. Create one more layer in the center_content layer by clicking Draw Layer and dragging another layer as the following example shows:

    This is a picture of the feature being described.

  11. Click the new layer’s selection handle to make sure the layer is selected.
  12. With the new layer selected, do the following in the Property inspector:
    • Click in the Layer ID text box and rename the layer text.
    • In the Width (W) text box, enter 330px.
    • In the Height (H) text box, enter 350px.
    • Press Enter (Windows) or Return (Macintosh) to apply your last entry.
  13. Drag the text layer or use the arrow keys on your keyboard to position the layer as the following example shows:

    This is a picture of the feature being described.

  14. Save your page.


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly
 
ASPTreeView.com
 
Evaluation has Б·РПЪВЙДѕїexpired.
Info...