Sandra Smith-Gordon's Basic Instructions for Dreamweaver

To layout DW page with added Div Tags
when you already have the content

home | dictionary | instructions pages list

Div Tags are layout elements that can be styled using CSS and that contain text, images, tables or other elements. They can be positioned relative to other elements.

 

AP div tags are div tags with an absolute position they can be styled using the Properties Inspector bar or CSS

 

Div tag icon: dic tag icon    AP div tag icon: ap div tag icon

 

Quick Reminder

Body > Insert > Div Tag (icon), complete menu box including New CSS style

Select other region to have a div tag > insert div tag as above

 

Details

Write or paste the content on to the DW page.


First make a container for the whole page: Click on body tag on tag selector bar, this highlights all the text.
Then choose Insert > Div Tag (icon) from Insert bar - menu box appears. In Insert box choose Wrap Around Selection.


In ID box name the tag - this first one will be wrapper (or container).


You can add a style to the Div Tag now - click on New CSS style, or later.

You can now add more tags in the same way - select parts of the content and wrap Div Tags around them, or put them above or below, etc. naming them as you go. When naming, it is customary to add a capital to the second word if there is one: likeThis.

 

You can edit the properties of the Div Tags separately or together - choose the appropriate tag from the bottom left of the page.

 

To centre the container tag: choose the container from the CSS list and get the editing menus, choose

edit style sheet icon (edit style sheet icon) > box. In margin section untick Same for All, make right and left auto, top and bottom 0.

 

 

|