Maintaining Trinity websites

Basic Editing - Editing an existing page in a website.

dreamweaver

What is this page about

This page gives information and instructions to edit a page in an existing website on the Trinity webserver.

 

Who will find this information useful.

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

 

Requirements

 

Before you begin

Identify if your site is an older site type, with left hand menu, or a newer site type based on templates with a top menu.
Some tips on how to identify older and newer site types can be found on our frequently asked questions page. If you are not sure, ask your designated departmental web administrator.

 

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

Editing a page in older/ non template sites

Step 1

Verify the URL(web address) of the page you wish to edit
  1. Browse to the page to check it online in your preferred web browser, this will help you verify the filename and the folder location of the page you wish to edit. 
    • For example, if the URL is https://www.tcd.ie/Astronomy/staff/niamh_flynn.php then you will be looking for the file in Dreamweaver called ‘niamh_flynn.php’ in the folder called ‘staff’.

Step 2

Dreamweaver download fileIn Dreamweaver, download the file.
  1. Connect to the server, clicking on the connect button.
  2. Select the file by single-clicking on it in the file list, you will see the file is highlighted.
  3. Click the down arrow (get files) to download the most recent version to your computer. 
    • Downloading the most up-to-date version of the file on your computer is not only best practice, but is vital if there are multiple webauthors working on the website as it ensures you have retrieved the latest version of the file.

Step 3

Open, Edit & Save the file
  1. Open the file for editing by double clicking on it in the file list on the right.
  2. Make the required changes.
    • Remember when editing files use the Design View.
  3. Save the file and then close it (File –>Save and then File –> Close)

Step 4

Dreamweaver upload file

Upload the file to the web server.
  1. Select it again by single-clicking on it in the file list on the right, you will see the file is highlighted.
  2. Click the up arrow (put files) to publish it to the server.

Step 5

Check your changes
  1. Browse to the page online in your preferred web browser to check the updates are ok. 
    • You may need to Refresh the view – you can do this quickly by hitting the F5 key.
    • You may also need to clear your browser cache to ensure you are looking at the latest version.

 


Editing a page in newer / template sites

Step 1

Verify the URL (web address) of the page you wish to edit
  1. Browse to the page to check it online in your preferred web browser, this will help you verify the filename and the folder location of the page you wish to edit. 
    • For example, if the URL is https://www.tcd.ie/Astronomy/staff/niamh_flynn.php then you will be looking for the file in Dreamweaver called ‘niamh_flynn.php’ in the folder called ‘staff’.
    • Note: in general, each of the "top level" menu items will have a corresponding folder in Dreamweaver. The main home page for each is called 'index.php'.

Step 2

In Dreamweaver, download the file.Dreamweaver Download file
  1. Connect to the server, clicking on the connect button.
  2. Select the file by single-clicking on it in the file list, you will see the file is highlighted.
  3. Click the down arrow (get files) to download the most recent version to your computer. 

Step 3

Edit your new page content.
  1. Update the page content as appropriate.
    • Make all text and image changes as needed to your new page.

    Remember: if you are editing a "short-code" or component from the Trinity Theme Handbook you will need to do this within the "code view" screen on Dreamweaver.

    Basic text changes and image / file changes can be edited in the "design view" if you wish.

  2. Save the file and close it (File –> Save & File –> Close)

Step 4

Dreamweaver upload file Upload your edited page to the web server.

  1. Upload the edited file to the web server
    • Highlight the new file in Dreamweaver, local view.
    • Click on the "connect" and then click the up arrow (put files), this saves your edited page to the webserver so it can be viewed by others.

Step 5

Check your changes

  1. Browse to the page online in your preferred web browser to check the updates are ok. 
    • You may need to Refresh the view – you can do this quickly by hitting the F5 key.
    • You may also need to clear your browser cache to ensure you are looking at the latest version.

Related pages