» Technology Home «

Publishing using Dreamweaver

Publishing using Dreamweaver


Before explaining the publishing process for Dreamweaver, note that Dreamweaver has an excellent help section available from within the program. Never underestimate the help section as a resource for learning how to use this program, which is a favorite among many Webmasters. There are many features of Dreamweaver which could be explained here, but would only be redundant, since there is a plethora of straightforward and easily accessible information contained in the help section of the program itself. Thus only information for setting up your site(s) for publishing is included here.

To get set up for publishing with Dreamweaver, you need to create a local site. This site defines the structure of the pages you are creating and will help you manage your site(s) whether you have one or many pages in your site(s).

Dreamweaver wisely assumes a web page is going to be part of a web site, and thus automatically takes care of some of the site management details that you would normally have to thoughtfully plan and organize yourself.

A site is a storage location for all the documents and files belonging to a web site. A local site requires a name and a local root folder, which tells Dreamweaver where you plan to store all of the site's files. You should create a separate local site for each web site you work on (one for your home space "publichtml", one for your courses "biol1130", etc.). That way you can keep sites separate and organized and managing them will be a breeze.

To create a local site:

NOTE: These instructions borrow from Dreamweaver versions 2.0, 3.0 and 4.0. There may be discrepancies between the example graphics and what you see in your particular version. The concept remains the same. Use Dreamweaver's "Help" section for additional information.

1. From the SITE view, open the Site Definition dialog box in Dreamweaver as follows: go to Site -> New Site (to create a new site) or "Define Sites" (to edit an existing site).

new or define site

2. In the Site Definition dialog box, make sure that Local Info is selected in the Category list in the left pane (see example graphic below).

3. Name your site something descriptive that will help you know which site it is (ex. my home page, biol 1130) by typing in the Site Name: field. The name of your local site is essentially a nickname that leads directly to the folder that you've defined as your local site.

Local information

4. Click the file folder to the right of the Local Root Folder field and navigate to the folder in which your site will be saved locally (ex. a folder named "web site" or something to that effect (you have to create this), on your F:/drive, your C:\ drive or on a floppy disk A:\, then click Select. (If you do use external storage for your site, such as a floppy or a zip disk, you will need it each time you work on your site, because Dreamweaver remembers where you indicated the local files are stored, and will ask for the disk if it is not available.)

5. Enter the HTTP Address for the site (ex: http://www.roch.edu/courses/widg1100/), Select Cache: , or Enable Cache (in version 4.0). Click OK, then click Create if asked if you'd like to create a cache file for the site. Caching the files in the local site folder creates a record of existing files so Dreamweaver can quickly update links when you move, rename, or delete a file.

6. After you've completed the Local Info, select Web Server Info in the left pane, and FTP for Server Access in the right pane.

Remote Web Server Info

7. Enter webhotel.roch.edu for FTP Host (see graphic below). Choose the directory to which you are publishing on the remote server and enter it for Host Directory

(ex. publichtml/ for your personal space, biol1130/ for a biology 1130 course site, biol1130/tests/ for a sub-directory named "tests" within the biol1130 root directory, etc.).

Enter your Login (1st initial last name). And deselect Save Password for security purposes (Dreamweaver will then prompt you to enter the password when trying to publish the site).

FTP Setup

If using an older version of Dreamweaver 2.0 or 3.0, select Check In/Out, enable it and then enter a check out name. If using Dreamweaver 4.0, select "Enable File Check In and Check Out" and enter a Check Out Name. (See Below)

Click O.K. Everything should be set up so when you are in Site Files view (the built in FTP application within Dreamweaver) and you click "Connect" you should see a list of your local files (on the right) and the remote directories and files (on the left). See below.

Finally to publish a page you have just updated, save the file locally. Then in Site Files view, select the file(s) you want to publish to the Web server and click "Put" (the UP ARROW) this will transfer the file to your remote directory. Conversely, you can "Get" a file from your remote directory on the server for updating locally.

NOTE: You may also use the "Check in" or "Check out" buttons. These are essentially the same as "Put" and "Get" respectively. But the process would be similar to the library... when you want to do some work you "Check out" a book, then when you're finished, you "Check in" the book. In Dreamweaver, a checkmark will be displayed beside the file(s) you have checked out and a lock will be displayed beside the files you have checked in. This can be a helpful way to remember what you are currently working on and what you have finished working on. It also helps to prevent over-writing newer files on the web server, with older local files (if you access your site from multiple locations, such as home and work where there may be different local versions of the files).

> Publishing using an FTP client

Contact Information
(507) 285-7210 or 1‑800‑247‑1296
Rochester Community and Technical College
851 30th Ave SE :: Rochester, MN 55904-4999
Celebrating 100 years!    1915-2015    www.rctc.edu/100th
Rochester Community and Technical College, a member of Minnesota State.
RCTC is an affirmative action, equal opportunity educator and employer.
Submit Website Feedback