Publish Web pages in Dreamweaver 2.0

Objectives:
Learn to use the Site FTP function in Macromedia Dreamweaver to manage your site and perform Web pages publishing talks. 

Assumptions:
Site FTP means transferring your files from the local drive to a publishing server. We assume that you have already created a folder called "tutorialpages" containing all the HTML files, graphic files and media files that you want to publish. This folder is located in the "My Document" folder on your hard drive in this tutorial. We also assume you to hold an email account at Clarion Computing Services so that you can publish your Webpages at the Eagle server. 

Brief Description of Procedures:
1. Set up a Site before publishing
2.  Identify Local Directory information
3. Identify Host Site Directory information
4. Use the Site Window to manage and publish your files

1. Set up a Site before publishing

A Site has to be built up before publishing tasks can be performed. Please note that a cluster of existing Webpages are not considered to be a Site by Dreamweaver. To build up a site, activate the Dreamweaver program. In a blank working window, choose File-->Open Site-->Define Sites... Then the dialogue box of "Define Sites" will show as figure1. Names of current sites will be listed. But if you haven't worked on any site before, the area should simply be blank.

Figure 1.

Click on the "New" button to create a new site. A window called "Site Definition for Unnamed Site 1" will show up as Figure2.

2. Identify the local directory information

Make sure the "Local Info" is highlighted in the left side "Category" area.

  • Type a name for this Site that you are about to publish. Let us put down "Publishing Tutorial" in this example. (Once a site is named, next time when you go to the menu of "File-->Open Sites", the site name should be available under the submenu. It will be easier for you to edit your Web page later on).
  • Click on the the yellow file icon to locate your "TutorialPages" folder to make ensure correct directory appear in the "Local Root Folder" blank.
  • Type your Web address in space next to the "HTTP Address".

Figure 2.

 

3. Identify the Host Site directory information

  • After you fill out the "Local Info", click on the "Web Server Info" to identify the Host Site information. The "Server Access" should be initially set on the default option: "NONE". Click on the little arrow for the drop down box and choose "FTP".
  • A dialogue box for site definition will show as below. Type "eagle.clarion.edu" for your FTP Host. Do not include the protocol information, such as http://, in the FTPHost name.
  • Type your email user name and password. Check or uncheck the option of "Save" and/or "Use Firewall" according to your preferences. Click the OK button to exit the dialogue box. (See Figure 3.)
  • The Host Directory section allows for setting up a subdirectory folder on the remote Eagle server. Typically, though, you will be leaving it blank for your first time publishing.

Figure 3

  • This exit will bring you back to Figure 1, with a new site name "Publishing Tutorial" listed and highlighted in white area. Click on the "Done" button to confirm the establishment and configuration of this new site. This action will bring out another box as suggested by Figure 4.

Figure 4.

 

4. Use the Site Window to manage and publish the Web pages

  • Switch between Site Files view and Site Map view to review your Web page structure.
  • Click on the Disconnect button to Connect your local system to the remote Eagle server.
  • Click on the Put button to publish your Web pages to the Eagle server.


 
  The End

Questions and Comments? Contact "lwang" x1845.