How to define
a site in Dreamweaver
Configure
Dreamweaver to specify the location of site files
A Web
site consists of a series of files that ultimately all reside in one folder.
The folder on the local computer that contains all the files for a site
is called the local root folder, and Dreamweaver must know its location
to utilize site management capabilities. The local root folder can live
anywhere on the workstation's hard drive. It is best to locate the local
root folder on a local hard drive, although the local root folder can be
on a mapped network drive but error messages will result when attempting
to access the site files when the workstation is not connected to the local
network. Never define the directory from which the pages are being actively
served as the local root folder. Try
to select an appropriate location for the local root folder, to minimize
the need to move it after it has been defined. If a new site is being generated,
simply create an empty folder where the site files will eventually be stored.
Once
the basic site definition has been established, new pages can be created
and files from an existing site can be downloaded to the local root folder
if working on an existing site.
Note:
It
is not recommended to define the Dreamweaver application folder as a site's
local root folder, because it also contains all the files for the program
itself. Only files that are related to a site should be in the folder,
because the contents will eventually be uploaded to a server. Never save
work in the Dreamweaver's application folder.
To
establish a site in Dreamweaver, do the following:
| 1 |
Choose
Window > Site Files (or press F5). |
| 2 |
In
the Site Window, select the pop-up menu next to the connect button. Choose
the bottom option, Define Sites. |
|
 |
| 3 |
The
Define Sites dialog box appears. Select the New button. |
|
 |
| 4 |
The
Site Definition dialog box appears. Type the name of the site into the
field next to Site Name. The name of the site is for organizational purposes
only, and will not appear on any of the pages when previewed in a browser. |
|
 |
| 5 |
Next,
select the file folder icon to the right of the field Local Root Folder.
The Choose Local Folder dialog box appears. Navigate and select the folder
that contains all the site files. After choosing the Select button, the
dialog box closes. |
|
 |
| 6 |
In
the Site Definition dialog box, a path now exists in the field next to
Local Root Folder. This path is essential for Dreamweaver to maintain the
site structure. If the location of the Local Root Folder changes, repeat
step number 5. |
|
 |
| 7 |
Note:
A
copy of the contents of the local root folder will probably be transferred
to a server so that others may view the Web pages once they have been completed.
The next steps provide information for configuring the Web Server Information.
It is not necessary to do so until files have been created and are ready
for transfer. Steps 7, 8 and 9 may be skipped until files need to be uploaded.
Select
the Web Server Info category. The Site Definition window changes to provide
the choice of server access. Select Local/Network if the server lives on
a local area network or FTP if the files will be transferred to a server
that is not accessible via a network. |
|
 |
| 8 |
If
the files will be copied to a Local/Network server, select the file folder
icon to the right of the Remote Folder. Browse to select the folder on
the server where the site files will be placed. |
|
 |
| 9 |
If
FTP access is desired, enter the server information into the appropriate
fields in the Web Server info area. The specific information for these
fields is unique to each server, and therefore must be obtained from the
server administrator, which in many cases is an Internet Service Provider
(ISP). The FTP Host refers to the FTP address or IP address that calls
the server. The Host Directory specifies the exact folder on the server
where the files will go. The Login refers to the user name or login for
the service provider's account, and the password is self-explanatory.
The
FTP Host, Login and Password fields are required. In some cases, a server
may be configured to automatically route the user to the correct directory
by default, and the Host Directory field may be left blank, otherwise,
enter the path to the directory where the Web files will be stored.
If the
local root folder and remote directory information are defined correctly
when the files are selected and the Put button is clicked, the files will
be transferred onto the server and the structure on the local machine and
on the server will mirror each other automatically. This ensures that the
links will work correctly.
Note:
Dreamweaver
transfers the files in binary mode. If the server requires a different
transfer method, or if a proxy server is being employed, another FTP client
such as WS FTP or Fetch may also be used to upload the files. |
|
 |
| 10 |
Select
OK to close the Site Definition dialog box. Then choose Done to close the
Define Sites dialog box.
Note:
The
other two categories, Check In/Out and Site Map Layout are optional. Specifying
the information is not required when defining a site. If desired, the information
can be accessed at a later time through the Define Sites dialog box. |
| 11 |
The
Site Window now displays the contents of the local root folder. The local
root folder displays on the right side of the site window by default. The
path to the local root folder will be visible at the top, if the folder
contains any subfolders and files they will be listed below. |
|
 |
| 12 |
The
site has now been defined. Existing files can be opened by either double
clicking on the file name or icon in the Site Window, or by selecting File
> Open. |
| 13 |
Create
new files by selecting File > New. It is important to save each HTML page
right away because Dreamweaver cannot perform some functions on a page
until it is saved. Therefore, immediately after creating a new document,
it is suggested to save each file inside the Local Root Folder by choosing
File > Save. |
| 14 |
Organization
of the site structure is the next important step.
|
|
|
|
|
