Define Site in Dreamweaver CS3

Step 1: Dreamweaver CS3 Tutorial - Define New Site

[This is Step 1 of the Dreamweaver CS3 Tutorial]

Defining a new site is the first step to creating a website in Dreamweaver CS3.

Create a folder in which you will store all your project files. Create an 'images' folder within and transfer all the sliced images to this folder.
Open Dreamweaver
Define a new site [Site > New Site > 'Advanced' tab]
Fill in your Site Name in the box provided for 'Site Name'.
Use the yellow folder icon next to the 'Local Root Folder' box to browse for the project folder you had created.
You should be able to see the 'images' folder in your Files panel [Site > Files].

site definition

Step 1: Define a new site in Dreamweaver

Step 2: Create a Dreamweaver Template

Step 3: Create the Page Layout in the Dreamweaver Template

Step 4: Create the CSS Style Sheet

Step 5: Insert Common Elements into the Dreamweaver Template:Text & Images

Step 6: Create Libraries or Server Side Includes

Step 7: Define the Editable Regions of the Template

Step 8: Create the HTML Pages of the Site with Content/ Forms

Step 9: Link the Pages

Step 10: Test the Site Locally and Upload Online to the Hosting Server

Project 1: Table Based Layout Website

Project 2: DIV/ CSS/ Tableless Layout Based Website

Project 3 : Website with Server Side Includes

Spry Tutorial

Free Dreamweaver CS3 Templates

Dreamweaver CS4 Tutorial

Suggestions for Improvement? If you have a suggestion to improve this tutorial please contact us. We would love to hear from you.

Dreamweaver is part of Creative Suite 3 Web Standard
Streamline web design, development, and maintenance. Order Now!