You are here

Adobe Dreamweaver for www-dev

Use Dreamweaver to publish your Temple University website.

Overview

Before making a connection in Dreamweaver, please make sure you have access to publish to your website

Setup Dreamweaver

To edit your site in Dreamweaver, you must first create a folder on your computer to keep a local copy of your website. The folder can be saved anywhere on your local machine.

Do not move the folder once this setup is complete since Dreamweaver will not know where to find your website’s files.

Next, we need to create a connection to your site in Dreamweaver:

  1. From the application menu go to Site→New Site and enter the following information:
  • Site Name: enter your website name (e.g. “Computer Services”). This setting is only used to help you manage your sites within Dreamweaver.
  • Local root folder: Click on the folder icon to the right of this input to select the folder to use for your site (e.g. C:\Sites\c3demo\ on Windows or /Users/sam/Documents/Sites/c3demo on Mac) This folder will store a local copy of your entire website, so do make sure that you do not use this folder for anything else.

Screenshot of basic site setup information

  1. Click on the “Servers” tab on the left and click on the plus sign and enter the following information:
  • Server Name: www-dev.temple.edu
  • Connect using: SFTP
  • SFTP address: www-dev.temple.edu
  • Username: AccessNet username
  • Password: AccessNet password
  • Root directory: Folder of your website within www-dev.temple.edu (e.g. bursar)
  • Web URL: Full address of your dev website (e.g. http://www-dev.temple.edu/bursar)
  1. Click the "Test" button to confirm your connection to the server. This test should be successful. If you receive an error message, please ensure that all fields are filled out correctly. If you are still experiencing any issues please submit a TUhelp request. Once the test is successful click “Save”.
  2. Click “Save” again to finish adding your site.

Publish content with Dreamweaver

While there are several ways you can manage your files within Dreamweaver, we will go over how to manage and transfer files with the “Files” box on the right-hand side of the Dreamweaver application.

  1. First, to see your website’s files that are on the server, click on the connect button (this looks like an unplugged cable before you click to connect).
  2. Once you have successfully connected, you will now be able to view your remote files on the server. These are the files that are currently on http://www-dev.temple.edu. To view files on the server, switch from “Local view” (the version of your site on your computer) to “Remote view” (the version of your site at http://www-dev.temple.edu) on the drop-down menu at the top right of the “Files” box.

Click on the connect icon to connect to the remote server. Select 'remote server' to view files on the server. From here, you can click on the file to download and edit it.

When you are in either the remote or local views you can transfer files between your computer and the server. The down arrow button (also called the “get” button, and located to the right of the connect button) allows you to download any selected files or folders to your local computer. The up arrow button (or “put” button, located next to the down arrow button) inversely allows you to upload any selected files or folders to the server. When you double click on the file, it will be downloaded and loaded into the file editor.

Please note that this also allows you to overwrite existing files and folders. To avoid accidentally overwriting data, always check the “local” and “remote” views before transferring a file.

The simplest workflow for updating an existing file on your site is to:

  1. Select the file you need to edit in the “Files” box
  2. Click the down arrow (or double click) to download the latest version from the server
  3. Edit the file in Dreamweaver
  4. When you are finished editing a file, select it and click on the up arrow button to upload it to the server. You should now be able to view your uploaded files on the server at http://www-dev.temple.edu.

Within the local view, select a file, and then click the 'Put' button to publish your changes to the server.

Always make sure that you have not modified your local version of the file before overwriting your local file with the server’s copy of the file. It is also important to always download a file from the server before editing it to make sure that any changes made by your colleagues are not overwritten when you upload your changes. The easiest way to make sure that you never accidentally delete your colleagues’ changes is to make sure everyone who is editing any files on your site downloads the files from the server before working on them, and uploads any changes back to the server as soon as they have finished working on the files for the day.

For in-depth tutorials on how to design, edit, and manage your website with Dreamweaver please explore Lynda.com.

Move your site to production

After uploading a file from your computer to the server, you should now be able to view your updates at http://www-dev.temple.edu/websitename. Notice that your files are still not published on the production site at www.temple.edu. The www-dev.temple.edu website is for testing only, and should never be linked to directly. For information on how to move your updated site from www-dev.temple.edu to production at www.temple.edu, please use the File Transfer Utility.

Remote Access

If you would like to make changes to a website  hosted on www-dev.temple.edu from off campus,  you will need special authorization by the Computer Services department.  Please submit a help request via TUhelp with the following information:

  1. Viral Mehta as the consultant name,
  2. In the ticket details include:
  • The reason you need remote access in the ticket summary - To access the web server so I may make edits from off-campus.
  • Your accessnet ID
  • The type of cell phone you have (phone number is not necessary)
  • Your contact information