Dreamweaver3 Layer Application Tips (i)

dreamweaver| skill layer is often used in the production of web page skills, some people use the layer to stay in the positioning element of this point, some other more classical effects are not used, but it is a pity. Today I have some of the skills I know to write for you to learn the reference, none of these skills require you to write a line of programs, only you need to frequent click of the mouse. These skills from easy to difficult, step-by-step.

positioning of >> elements

This is one of the simplest and most widely used applications, but I'll just say it anyway. It is convenient to use a table to compose a page, but sometimes you need to put some pictures and other applications in the text, the table is not competent, then you need layers to typesetting. The layers can also be converted into tables in DW3, which is also quite handy. Sometimes a larger picture needs to be segmented and then inserted into the Web page, then use the DW3 layer conversion function to typesetting will be more than twice. First, you have to put your picture in a layer on the page (you want to put it there). Then, click on the menu Modify\layout mode\convent Layers to table after a menu, set the parameters Click OK to get the effect you want.

>> Show hidden layers when mouse over picture ( See examples )


This is the more commonly used technique, which will save a lot of space, when you introduce a picture using this method is very effective. Let's look at how to implement:
1. Insert a layer first, and set its properties to implied. Open the properties floating surface (CTRL+F3) to set the Vis property to hidden (hide) The following figure:



2. Click the picture with the mouse, open the Behaviors (Behavior) menu (F8), hold the small plus drag the mouse select Show hide-layers (display hidden layer), immediately jump out of a show hide-layers menu, choose Show (Display) Click OK, Don't panic, then there is a line in the Events box as follows:



Click on the small black triangle, there will be a lot of options, do not be confused please select onmouseover (mouse moved to the picture), so far work done half.

3. Repeat the second step, when out of the show hide-layers menu, this time to choose hide (Hide), click on the small triangle select onmouseout (mouse out of the picture), and finally set the following figure, this effect is all done.



>> Drag layer application ( See example )

It is convenient to build a layer that can be dragged in DW3, the drag layer must have event activation, such as onclick,onmouseover and so on. The following is the process of implementation:
1. First build a layer into the things you want to put, in this case, insert a picture.
2. Select the layer and press F8 to pull out behaviors floating panel, click on the floating panel of the plus selector drag Layer this option, immediately out of a Drag Layer edit window Press OK.
3. In the Behaviors floating panel, you will find the default events (event) is onclick, change it to onmouseover event, click on a small triangle under the onmouseover can be selected.

This is a few of the more classic applications, many tutorials have this technique. I repeat it to pave the way for the skill behind.