Defining the Site in Dreamweaver

In order for Dreamweaver to keep track of links between Web pages and dependent files, it is necessary to define a folder on your hard disk as the local root folder and to save all the files for your site in that folder. The local root folder should contain the HTML files for your site as well as all images.

To better manage your site, you can create subfolders in which to put the above files. File and folder names should be one-word, lower-case, alpha-numerical characters and should begin with a letter. The only special character that is permitted is the underscore (_).

After the site is defined, the pages for the site are created in Dreamweaver and saved inside the local root folder. Then the contents of that local root folder are uploaded to the Web server. The local root folder and the folder on the server should have exactly the same structure.

Do not choose the Dreamweaver application folder as the local root folder because it contains the program files.

To define a site in Dreamweaver, follow the steps below:

1

Create and name a folder on your hard drive that will be the local root folder. Each site must have a separate local root folder.
2

Open a new or existing document and save it in the new local root folder as index.htm. This is the root folder's Home page.

The Home page can be a preexisting HTML file or a new blank Dreamweaver document. Later, content can be added or deleted. Creating the Home page at this point enables Dreamweaver to build the Site Map during the site definition.
3

Choose Site > New Site and enter a name for your site in the Site Name field. The site name has no naming restrictions.
 
4

Tab to the Local Root Folder field, click the folder icon, and browse to the folder that will serve as the Local Root Folder.

Select both Refresh Local File List Automatically and Use Cache to Speed Link Updates. This is always recommended unless you are working with an extremely large site.

Note: Browsing to the folder rather than typing the path name ensures a correct path.
5

To select the Home page and build the site map, choose Site Map Layout from the Category window on the left, click the folder icon, and browse to the Home page in the local root folder. Select the file. Click Open and OK.
6

Click Done.

Now that the site has been defined, the Site window opens. The Site window provides two visual representations of your site (Site Map and Site Files) and can be used to open, add, and delete files.

To see both the Site Map and Site Files view, click the Site Map icon circled in red below. The icon to the left of the Site Map icon displays the remote folders and files after the site has been uploaded to the server.

You are now ready to build your Web site. To modify your Home page, simply double-click the file. It will open in the Document window where text or images can be added.

Back to Dreamweaver Tutorial