Creating a Basic Webpage In Dreamweaver
Here, we're going to create a basic page in Dreamweaver and apply some of the most common elements to the page, such as hyperlinks, images and email links all using the graphic user interface as opposed to code.
Lets create a new document by File>New, choosing HTML page type and a one column elastic layout. Make sure you select "create new file" for the css layout, click ok and save the css file as dwcss.css.
Next, lets change the background color. On the right of your workspace, you'll see a tab for CSS Styles (if within this window you see a "refresh" button, you can click it). If the all button is not clicked, click that as well. This will show us all the classes that are in our css document and thus can be applied to this page.
To change the background color, double click on the body class. A dialog will pop up where we can easily set the style for the page:
Click ok, and you'll notice the background color outside the container has changed to a peach color. In the background, Dreamweaver is writing the type of code we wrote earlier for us.