Maintaining Trinity websites

Basic Editing - Creating a new page in an existing site

dreamweaver

What is this page about

This page give information and instructions to create a new 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.

  • The best method to employ for creating a new page is to use an existing page in the site as a ‘guide page’ or starting point for the new page. 
    • Using an existing page as a starting point saves a lot of needless work that would be involved in creating the page from scratch.
    • Ensuring that the new page has the same layout as the existing pages in the site which is important, as you usually will want to achieve consistency in appearance throughout the site.

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

Creating your page in older/ non template sites

Step 1

Decide on a filename

  1. Create a filename for the new page file and determine what folder you will save it to in your site. 

In this example, we will call the page "browser-info.php" as the page content relates to information on internet browsers.

Please note:

  • When you nominate the filename stick to lowercase lettering and use hyphens ‘-’ instead of spaces. 
  • Don’t use special characters or letters with accents such as á, í, é etc.

Step 2

Identify an existing page in the site to use as a ‘guide page’. 

  1. In Dreamweaver, choose an existing page within the folder in which you would like to create the new page.

In this example, we have chosen the guide page "browsers" as it is in the correct folder, and is visually similar to how we would like our new page to look.

  1. Make a copy of this ‘guide page’. 
    • In Dreamweaver, open the ‘guide page’ as if you are going to edit it.
    • Using the main menu, select File –> Save As, saving the file as the new filename. 
    • This creates a copy of the original guide page with your new filename.

    Dreamweaver save file as

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.

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

In this example, we have saved our "broswer-info.php" file into the internet folder, within subfolder kb.

Step 4

Dreamweaver file menu Upload your new page to the web server.

  1. Upload the new file to the web server
    • Highlight the new file in Dreamweaver, local view.
    • Click on the "connect" and then "put", this saves your local page to the webserver so it can be viewed as a webpage by others.

  2. Browse to it online to check that it is ok.
    • The URL (address) of your new web page will be determined by the site name and the folder it is placed in.
    • For example: our page "browser-info.php" was in the IT Services website, in the internet folder, within a subfolder called kb, so the URL would be www.tcd.ie/itservices/internet/kb/browser-info.php

  3. Link to the new page from another existing page if appropriate so that visitors to the site can locate it. 
  4. If you require the new page to appear as a link in a navigation menu, then contact the Digital Office to add that function to your menu.

Creating your 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

Identify an existing page in the site to use as a ‘guide page’. 

  1. In Dreamweaver, choose an existing page within the folder in which you would like to create the new page.

Please note: In the newer sites, there is an admin folder, there is a sub folder called templates, here you can find templates for each of the different types of pages originally created for your site. It is a good resource to use to create a new page from.

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.
    • Remembering 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.

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

In this example, we have saved our "broswer-info.php" file into the internet folder, within subfolder kb.

Step 4

Dreamweaver file menu Upload your new page to the web server.

  1. Upload the new file to the web server
    • Highlight the new file in Dreamweaver, local view.
    • Click on the "connect" and then "put", this saves your local page to the webserver so it can be viewed as a webpage by others.

  2. Browse to it online to check that it is ok.
    • The URL (address) of your new web page will be determined by the site name and the folder it is placed in.
    • For example: our page "browser-info.php" was in the IT Services website, in the internet folder, within a subfolder called kb, so the URL would be www.tcd.ie/itservices/internet/kb/browser-info.php

  3. Link to the new page from another existing page if appropriate so that visitors to the site can locate it. 
  4. If you require the new page to appear as a link in a navigation menu, then contact the Digital Office to add that function to your menu.

Related pages