Ten Ton Dreamweaver [Electronic resources] نسخه متنی

1.

Click in the layer where you want your content to appear. Then insert the content just as you would if you were inserting it directly on the page.

2.

In the CSS Style panel, double-click the style that you want to change.

3.

In the CSS Rule Definition dialog box that appears, click a category on the left. For the example here, click the Positioning category.

4.

Enter the values you want. For instance, to crop the content on your layer, enter values in the Clip fields.

The values in the Clip fields determine the area within the layer's width and height is visible; any content outside that area is masked, or hidden. You set the layer's visible area by entering values in the L (left), T (top), R (right), and B (bottom) fields. Each of these values sets a corner point of a rectangle; each corner point's value is set relative to the top-left corner of the layer.

For example, if your layer contains a photograph that's 300x200 and you want to shave off 10 pixels all the way around the image, you'd enter 10 px in the L and T fields, 290 px in the R field, and 190 px in the B field. These values create a box inside your layer that's 280x180. Any layer content that falls outside this box is hidden.

Remember that clipping just masks layer content. You aren't permanently deleting anythingyou're just hiding it.

5.

To add space between the edge of your layer and its contents, click the Box category; then set values in the Padding fields.

Use the Clip fields in the Property Inspector to mask part of your layer's contents. Be sure to preview your page, and watch those target browserssome don't play nice with this setting.

[View full size image]

Noteworthy

If you use the Clip settings to mask part of your layer's contents, watch those target browsers. Even some popular browsers won't show it.

Keep Same for All selected if you want to use the same setting for all four sides of your layer; uncheck Same for All if you want to set individual values for each side.

6.

To control the distance between the layer and other objects on the page, enter values for the Margin field.

Again, keep Same for All selected to use the same value for each side, or deselect it to set individual values.

Controlling Layer Stacking and Visibility

Even though layers are great for controlling page layout, you can use them for many other things, too. For example, maybe you'd like to create a pop-up message that appears and disappears, or have some content that floats above the rest of your page. With layers, these sorts of things are possible by making use of layer stacking order and layer visibility.

Stacking order is the order in which multiple objects (in this case layers) are stacked on top of one another on your page. Dreamweaver calls stacking order a layer's Z-Index, and it's good to understand if you want to be able to stack layers upon one another. A layer's visibility setting determines whether the layer is visible or hidden when your page opens in a web browser.

Here's how to control layer stacking order and visibility:

This is the easiest way to change your layer's stacking order. Alternatively, you can enter a value in the Z-Index field on the Property Inspector. Layers with lower Z-Index values appear behind layers with higher values. However, choosing a Z-Index value isn't very intuitive.

With Prevent Overlaps turned off in the Layers panel, you can move layers above and below each other, changing the layer's stacking order. The stacking order is determined by each layer's Z-Index, as can be seen in the Layers panel.

[View full size image]