help@spu.edu | 206-281-2982
As described on adobe.com, Dreamweaver is the industry-leading web development tool, enabling users to efficiently design, develop and maintain standards-based websites and applications.
How To:

1. Open Dreamweaver by clicking on Start > Programs > Adobe > Dreamweaver . Click Site > New Site.


(+) View larger


2. When prompted, enter in the site name: [Department Name - i.e. UM, CCC] and leave the Local Site Folder as shown in the screenshot.


(+) View larger


3.Select Servers from the left hand menu and then click the Plus Icon to add a new server connection.


(+) View larger


4. Enter the Server Name: SPU and for Connect Using: choose SFTP. The SFTP Address is web-prod.spu.edu and enter your SPU Username and Password in the appropriate fields. The Root Directory should be set as /depts/[departmentname] and the web URL should be http://www.spu.edu/depts/[departmentname].


(+) View larger


In the white section of the window on the right side (Files), you'll see the words, "To see your remote files, click the [connect] button on the toolbar. In the picture below, we circled the button with a red circle. You'll do this each time you need to connect to the server (each time you open Dreamweaver). Go ahead and click on it.


(+) View larger


FYI: Find the file you need to update. If you need to, click on the plus-signs next to folders to find files within folders. When you have found your file, double click on it. This will open your file as well as check it out. The check out process just lets us know that you have the file opened and that you're making changes to it. Before the file opens, Dreamweaver will ask you if you want to include dependent files or not. Click No > select Don't show this message again.

1. Open Dreamweaver by clicking on Start > Programs > Adobe > Dreamweaver . Click Site > New Site.


(+) View larger


2. When prompted, enter in the site name: [Department Name - i.e. UM, CCC] and leave the Local Site Folder as shown in the screenshot.


(+) View larger


3.Select Servers from the left hand menu and then click the Plus Icon to add a new server connection.


(+) View larger


4. Enter the Server Name: SPU and for Connect Using: choose SFTP. The SFTP Address is web-preprod.spu.edu and enter your SPU Username and Password in the appropriate fields. The Root Directory should be set as /depts/[departmentname] and the web URL should be http://web-preprod.spu.edu/acad/ugcatalog/20112 or http://web-preprod.spu.edu/acad/grcatalog/20112.


(+) View larger


In the white section of the window on the right side (Files), you'll see the words, "To see your remote files, click the [connect] button on the toolbar. In the picture below, we circled the button with a red circle. You'll do this each time you need to connect to the server (each time you open Dreamweaver). Go ahead and click on it.


(+) View larger


FYI: Find the file you need to update. If you need to, click on the plus-signs next to folders to find files within folders. When you have found your file, double click on it. This will open your file as well as check it out. The check out process just lets us know that you have the file opened and that you're making changes to it. Before the file opens, Dreamweaver will ask you if you want to include dependent files or not. Click No > select Don't show this message again.

1. Download the file you want to edit to you machine by right-clicking the file then selecting "Get" on the file you want to edit.


2. Select Local View from the dropdown in the Files Section.


3. Once you have switched to Local View you can double click on the file you want to edit, and you will receive a dialog box asking what you would like to do. Select CheckOut to edit the file.



4. Once you have finished editing the file select "Put" then "Checkin" by right clicking on the file.




Last Updated: 8/23/2010