Getting Started - CSS Layouts using Dreamweaver

Create a CSS layouts using Adobe Dreamweaver. The float technique is one way to create a two column CSS Layout. Visit the Max Design website to see the more tutorials and more information on the float layout technique. http://css.maxdesign.com.au/floatutorial/

Objectives

o Learn the basics of the float layout technique
o Learn how to plan a layout and then implement it in CSS
o Add Div tags to a structured HTML file
o Style the ID elements using the Dreamweaver CSS interface
o Add padding, margin, borders, etc styles to elements

Downloading Tutorial Files

In this lesson we will be creating a new CSS file called mystyle.css which we will then link back to our index page. You can download the finished index.htm page at http://myweb.stedwards.edu/s_classfiles/.

There are two files needed:
1. index.htm
2. berlin_wall.htm

The final css document after completing this tutorial: mystyle.css

Table of Contents Next Lesson: Setting Up A Site in Dreamweaver