When laying out web pages, sometimes you may find it is difficult to assign an absolute position of the inserted objects. In this case, you need a new tool to help yourself—“layer”. In Dreamweaver8.0, a layer is an HTML page element–specifically, a div tag, or any other tag–that has an absolute position assigned to it. Layers can contain text, images, or any other content that you can place in the body of an HTML document.
Now let us learn how to use layers to lay out web pages.
Step1 insert layers
Insert some layers. Open a html, and set focus to the position that needed to be inserted layers.
Left-click the “INSERT” menu, and select [layout objects]–[layer].
Step2 set properties
Set the layer’s properties. Select a layer, then you will see the properties panel. Here you can set the layer’s position, height, width, number, visibility, background color and background image.
Step3 insert objects
Now the layers are ready. We can insert objects into layers. Set focus to the layer, and select [INSERT]–[IMAGE]. Open the “select image source” dialog box, and choose an appropriate image. Left-click the “OK” button, and insert the image.
Set focus to the right of the image, and put your words.
Step4 select and adjust layers
You can select two or more layers by press <shift> key. To adjust the size of layers, you can fill the correct number in the “width” and “height” box.
To move layers by dragging, you can drag the selection handle of the last selected layer.
To move one pixel at a time, you can use the arrow keys. Hold down the <Shift> key while pressing an arrow key to move the layer by the current grid snapping increment.
Now some layers are in your web pages, making the whole pages more beautiful. The last picture is as below.
For help, advice, tips and tricks, challenges, feel free to visit our
or Submit your good resource to share.
Reminder: Unless stated otherwise, all resources published on this site are NOT for commercial use. To use any resource from this site for commercial purposes, please contact the author.
