Tuesday, August 19, 2008


Dreamweaver Personal Web Site Setup

Changes to personal web sites occured February 18, 2008!

Recent changes to personal web services for campus users may require the use of a 3rd-party sFTP (secure file transfer protocol) application, such as Cyberduck for Macintosh OS X, in order to connect and transfer files from a local computer to the web server. Recent versions of Dreamweaver (2004, Studio 8 and CS3) and Contribute (3 and 4 aka CS3) support sFTP natively and do not require a 3rd-party sFTP application to move files between the local computer and web server.

  1. If you do not already have Dreamweaver CS 3, you can obtain it from the Macintosh software installer server in the Adobe software directory. Dreamweaver CS 3 is available on standard lab builds.
  2. Open Adobe Dreamweaver CS 3, which should be installed in your Applications directory on the hard drive.
    Dreamweaver CS 3 Icon
  3. The default Dreamweaver window will appear if this is your first time using this program. From the menubar select Sites > New Site and switch to the Advanced mode at the top of the Site Definition dialog. Name your site (this can be anything, and is used to select the appropriate site settings if you maintain multiple web sites) and select a local folder that contains your web site or will be the location for your site (you can create a new directory if needed). Optionally, you can define a default images directory inside your local root folder and define your HTTP address as http://www.appstate.edu/~username/ where username is your University username.
    Local Settings
  4. Select Remote Info from the Category column and set Access to FTP, with FTP host www.appstate.edu, host directory to public_html, your University username and password, and check Use Secure FTP (SFTP). You can optionally save your password if your computer is secure and not shared by others. Click Test to check your settings. If Dreamweaver can connect to the web server, click OK to save your site settings, otherwise check your settings and confirm your password.
    Remote settings
  5. In Dreamweaver's normal layout, the files pane is on the right. If the Files pane is missing select Window > Files from the menu bar or press F8 to toggle the Files pane. Click the Expand icon to view the remote and local web files side-by-side.
    Files Pane
  6. In the default Expanded view, remote files (web server) are on the left, and the local files (your computer) are on the right. Click the Connect icon to connect to the remote web server.
    Expanded Files
  7. To download files from the web server to your local computer, select the file(s) and/or folder(s) on the left (remote) you wish to download and click the Get icon on the tool bar.
    Getting Files
  8. To upload files from your local computer to the web server, select the file(s) and/or folder(s) on the right (local) you wish to upload and click the Put icon on the tool bar.
    Put Files
  9. If you have made changes in several files on your local computer, you can use synchronize to upload only the files that have changed. Likewise, synchonize can be used to download changed files if you are working from multiple computers. Synchronize can be applied to the entire web site, or on selected folders and files. Click the Synchronize icon on the toolbar and select the items and direction you wish to synchronize.
    Sync