Maintaining Trinity websites

Dreamweaver Setup - Configuring Dreamweaver & Defining a site.

dreamwaever

What is this page about

This page gives information and instructions to configure Dreamweaver (define a site) in order to publish to the Trinity webserver.

 

Who will find this information useful.

Staff and postgraduates with webauthor accounts, and associated editing permissions.

 

Requirements

Before you begin

  1. Identify the version of Dreamweaver you are using, as the steps to define a site vary slightly between versions.
    If you do not know the version you are using, there are instructions to assist you to identify this on the frequently asked questions page.

  2. Identify the exact website address (URL) of the website you wish to edit, you will need to be mindful of the case and spelling of the URL.

Click on the grey box to expand each section for more information.

Setting up Dreamweaver Creative Cloud

If you are using Dreamweaver CC for the first time then you may need to amend your preferences to create a workspace.
The following section gives you details necessary to set up Creative Cloud with the necessary tools and areas to edit your website.

Setting up Dreamweaver Creative Cloud (CC2017)

Open Dreamweaver

  1. Click on Edit -> Preferences
  • In General
    • Untick Show Start Screen

  • In Interface
    • select App Theme - to chose the colour of your Dreamweaver window.
    • select Code Theme to chose the colour of your code view pane
  1. Click on Window -> Toolbars
  • Dreamweaver view settingsselect Document - this give you a toolbar to switch between Code and Design view, or to Split the screen to see both views. This tool bar can be dragged to the top of the page and docked there.
  • Dreamweaver file settings
  • select Files - this gives you the toolbar to the right of the page to see the files held locally on your website.

  • select Properties - this gives you the toolbar at the bottom of the screen to create links, edit images, change the properties of text.
  • Dreamweaver property settings


Defining your website

Defining a Site in Dreamweaver Creative Cloud (CC2017)

A podcast of the steps below and more in-depth instructions on editing Trinity web pages can be found on our web page relating to the Maintaining Trinity Websites course, provided by IT Services.

To define a site in Dreamweaver:

  1. First minimise or close Dreamweaver and on your computer, create a new folder on your PC that will hold your website data.
    This folder can be referred to as the 'local' folder.

  2. In Dreamweaver, click Site menu, then select New Site.

  3. Click Site on the left.
  4. Dreamweaver Site Setup

  5. Type the Site Name of the new site. Try to make the name descriptive to avoid confusion with other sites you might work on.

  6. Click on the folder icon next to the Local Site Folder path field, then browse to the folder you created in Step 1.
    The Local Site Folder is where the web pages or images will be saved on your computer so you may edit them.

  7. Click Servers on the left and click the + sign towards the bottom left.


  8. In Server Name field, type webpub.tcd.ie, or if working with the TCD Life server type www.tcdlife.ie

  9. In Connect using dialogue box, select SFTP.

  10. In SFTP Address field, type webpub.tcd.ie, or if working with the TCD Life server type www.tcdlife.ie

  11. In Username field, type your Trinity username.

  12. In Password field, type your webauthor password.

  13. Root Directory is the location of the folder you will publish to on the web server. All entries here start with /www.tcd.ie/ if working on the Trinity web server.
    The entry usually matches the URL of the site you are working with e.g. /www.tcd.ie/Astronomy. If working on the TCD Life server each entry would start with /www.tcdlife.ie/. If you are not sure what to enter here please contact the IT Service Desk.

  14. Click the Test button in the centre to test that the settings are correct.
    If you receive an error, then it is usually because either the Password or Root Directory are incorrect.
  15. Click Save when finished.

  16. Ensure that the Remote option is selected and the Testing option is not selected.. Click Save.
    Dreamweaver Server settings
  17. You have now defined your site and can download a copy to your pc to begin viewing and editing web files.

To download a copy of your site:

.On the right, below the Files tab, select the name of site you defined

  1. Click the Down-pointing Arrow to copy the site files and folders from the server to your computer

  2. Dreamweaver file download

  3. Click OK when asked if you wish to get the entire site
  4. Click No when asked if you wish to get dependent files

 

Defining a Site in Dreamweaver CS6, CS5.5 or CS5

A podcast of the steps below and more in-depth instructions on editing Trinity web pages can be found on our web page relating to the Maintaining Trinity Websites course, provided by IT Services.

To define a site in Dreamweaver:

  1. First minimise or close Dreamweaver and on your computer, create a new folder that will hold your website data. This folder can be referred to as the 'local' folder.
  2. In Dreamweaver, click Site menu, then select New Site.

    Dreamweaver CS5 Site Fields

  3. Click Site on the left.

  4. Type the Site Name of the new site. Try to make the name descriptive to avoid confusion with other sites you might work on.

  5. Click on the folder icon next to the Local Site Folder path field, then browse to the folder you created in Step 1. The Local Site Folder is where any web pages or images will be saved on your computer so you may edit them.

  6. Click Servers on the left and click the + sign towards the bottom left, as highlighted below.
    Add new Server

    Server Settings
  7. In Server Name field, type webpub.tcd.ie, or if working with the TCD Life server type www.tcdlife.ie

  8. In Connect using dialogue box, select SFTP.

  9. In SFTP Address field, type webpub.tcd.ie, or if working with the TCD Life server type www.tcdlife.ie

  10. In Username field, type your Trinity username.

  11. In Password field, type your webauthor password.

  12. Root Directory is the location of the folder you will publish to on the web server. All entries here start with /www.tcd.ie/ if working on the Trinity web server. The entry usually matches the URL of the site you are working with e.g. /www.tcd.ie/Physics. If working on the TCD Life server each entry would start with /www.tcdlife.ie/. If you are not sure what to enter here please contact the IT Service Desk.

  13. Click the Test button in the centre to test that the settings are correct.
    If you receive an error, then it is usually because either the Password or Root Directory are incorrect.

  14. Sites
  15. Click Save when finished.

  16. Ensure that there is no check mark under Testing, but that there is under Remote. Click Save.


 

 

 

To download a copy of your site:

On the right, below the Files tab, select the name of site you defined

  1. Click the Down-pointing Arrow to copy the site files and folders from the server to your computer

  2. Get Files from Server

  3. Click OK when asked if you wish to get the entire site
  4. Click No when asked if you wish to get dependent files

 

Defining a Site in Dreamweaver CS4, CS3, 8 or MX2004

A podcast of the steps below and more in-depth instructions on editing Trinity web pages can be found on our web page relating to the Maintaining Trinity Websites course, provided by IT Services.

To define a site in Dreamweaver

  1. On your computer, create a new folder that will hold your website data. Do not use Dreamweaver to do this.
    Using Windows, right-click on a blank area, point to New, and then click Folder. Give it a descriptive name.
    or
    Using a Mac, from the File menu, choose New Folder; a new folder icon appears in the active Finder window. Give it a descriptive name.
  2. In Dreamweaver, click Site menu, then select New Site.
  3. Click Advanced tab and under Category on the left select Local Info

  4. Type the Site Name of the new site. Try to make the name descriptive to avoid confusion with other sites you might work on.

  5. Click on the folder icon next to the Local root folder path field, then browse to the folder you created in Step 1. The Local Site Folder is where any web pages or images will be saved on your computer so you may edit them.

  6. Click Remote Info on the left.

  7. In Access drop-down menu, select FTP.

  8. In FTP Host field, type webpub.tcd.ie, or if working with the TCD Life server type www.tcdlife.ie

  9. Host Directory is the location of the folder you will publish to on the web server. All entries here start with /www.tcd.ie/ if working on the Trinity web server. The entry usually matches the URL of the site you are working with e.g. /www.tcd.ie/Physics. If working on the tcdlife server each entry would start with /www.tcdlife.ie/. If you are not sure what to enter here please contact the IT Service Desk.

  10. In Username field, type your Trinity username
  11. In Password field, type your webauthor password
  12. Select Use Secure FTP (SFTP) check box.
  13. Click Test to confirm that Dreamweaver can connect to the required folder.
  14. Click OK once all the details have been filled in correctly and the Test is successful.
  15. Click Done.

To download a copy of your site

  1. In the Local Files panel, select the site you defined.
  2. Click the Download Arrow to copy the site files and folders.

    Get Files from Server

  3. Click OK when asked if you wish to get the entire site.
  4. Click NO when asked if you wish to get dependent files.

 

Related pages