Adobe Dreamweaver includes built-in tools that make it easier to manage your Web site files on your computer and a Web server. These tools include SFTP (Secure File Transfer Protocol) software which allows you to transfer files to and from a server such as IT's web hosting server, webadmin.oit.umass.edu.
Note: The instructions in this document are based on Adobe Dreamweaver version CS6. Although there may be small variations, these instructions should also work with earlier versions of Dreamweaver (e.g., CS5.5).
Define Your Site in Dreamweaver
Creating a site definition makes it easier to create links between your Web pages, move or rename files within your site as well as transfer files from your computer to the Web hosting server. Defining a site in Adobe Dreamweaver creates a folder on your computer called a Local Root Folder, which mirrors the folder where your site is hosted on IT's web hosting server.
- Open Dreamweaver and go to Site > Manage Sites... (at top). The Manage Sites window will open.
- In the Manage Sites window, click New Site. The Site Setup window will open.
- In the Site Setup window:
- In the Site Name: field, enter a name for your definition. This name will only appear in Dreamweaver menus to identify your site. We recommend using a name that is easily recognizable and identifies your site clearly. This is especially important if you manage more than one Web site with Dreamweaver.
- Next to the Local Site Folder: field, click Browse for Windows or the Browse icon for Macintosh () and select the folder on your computer where you would like to store the files from your Web site. Note: Store copies of all the files you use to build your Web site in this folder, including images, documents, and other media files. We recommend that you create a separate folder.
- From the options at left, click Servers, then click the plus (+) icon. The Servers window will open.
- In the Servers window:
- In the Server Name: field, enter Web Admin.
- From the Connect using: drop-down menu, select SFTP.
- In the SFTP Address: field, enter webadmin.oit.umass.edu.
- In the Username: field, enter your IT Account NetID (for personal use) or Subsidiary IT Account user name (for departmental use).
- In the Password: field, enter your IT Account password (for personal use) or Subsidiary IT Account password (for departmental use).
- In the Root Directory: field:
- If the URL for the site you wish to manage begins with people.umass.edu, or courses.umass.edu, enter public_html/
- If the URL of your site begins with www.umass.edu, enter /usr/cwis/http/htdocs/dept
Note: You must enter these directory names exactly as they appear here or your site definition will not work.
- Click Test (under the Password: field) to check if you set up your site definition correctly. Note: IT does not recommend that you save your password in Dreamweaver. Once you have tested your connection, click OK and de-select the check box next to Save so that Dreamweaver will not store your password (you might have to re-enter your password).
- Click Save. Then click Save again in the Set Setup window. You will return to the Manage Sites window where your site definitions will now be listed.
- Click Done to close the Manage Sites window. You are ready to connect to the IT Web hosting server.
Transfer Files from Your Computer to a Server
To transfer files from your computer to a server using Dreamweaver, you must use the Files window (lower right), which will show you the contents of your Web site folders on your computer and on the server.
- In Dreamweaver, if the Files window is not visible (at lower right), go to Window (at top) and select Files.
- In the Files window, click Connect to Remote Server (). If you set up your site definition correctly, you will be prompted for the password associated with the IT Account username you entered during the site definition setup process. Enter your password and click OK. Dreamweaver will connect to your Web space and the Connect button will change to reflect the connection (). Note: This also becomes the Disconnect from Remote Server button.
- Once connected, the Files window will show you the files on the server (Remote server). To view the files on your computer (Local view) or to toggle between Remote server and Local view, select Local view or Remote server in the view drop down menu.
- To transfer files between your computer and the server (and vice-versa), in the Files tools window:
- Click the Get file(s) from "Remote Server" button () to download files from the server to your computer.
- Click the Put file(s) to "Remote Server" button () to upload files from your computer to the server.