How to Make Sections in Dreamweaver

Create Web page sections in Dreamweaver.

Dreamweaver is the Web design and development tool which offers both visual and code abilities. You can design and code a website from scratch or using the existing templates in Dreamweaver. You need to have basic HTML and CSS knowledge to be able to work with Dreamweaver. JavaScript, ASP and PHP programming skills are also needed for developing interactive websites. Its window interface includes code and design view, live view, CSS Styles section and Properties section. You can create your layout sections via Div tag in Dreamweaver.

Instructions

1. Click “Start,” “All Programs” and “Dreamweaver” to open the Dreamweaver. Click “New” and “HTML” to create a new HTML page. Click “Insert,” “Layout Objects” and “Div Tag” to create a new tag.

2. Enter an ID name for this tag such as “wrapper.” Click “New CSS Rules” button to create new CSS rules. Select “New Style Sheet File” from the drop-down list under the “Rule Definition” section. Click “OK.”

3. Enter a name for the CSS file and click “Save.” Click “Background” on the Category. Select the background color by clicking the color palette and choosing your desired color.

4. Click “Block,” “Box” or “List” to define the styles for these elements. When all the elements and attributes are defined, click “OK” to create your wrapper section. The wrapper section will turn up in the design view.

5. Click “Properties” on the right pane of the window. Select “Height” from the drop-down list. Enter a number for the height. This will change the height of the wrapper section. You can also alter other attributes for the wrapper section such as “float” or “filter.”

References

• Entheosweb.com: Dreamweaver Tips & Tutorials
• Adobe: What's New in Dreamweaver CS5.5