Updating a Template

Now that we have our template open in NVU let's take a look at how we can change the filler text and images to use the text and images that we want to have in our template. We are not going to look at how to make massive changes to the template, we'll save that for a much later tutorial. We will start by looking at just the basics of how to do direct substitutions of real content that we want to appear in all our pages for the filler content that appears in the original template.

We will start by looking at how to change plain text. Let's say that the template provides a heading at the top of the page that you want to change to something that will identify the page as belonging to your site. To make this change simply click at one end of the text to be changed and drag the mouse across the text to highlight it.

Selecting text for replacement

Now simply type in your replacement text.

The updated text

We can now repeat this same process to change any other text on the page that we want to change for all our pages. This includes the text for the links that are defined in the template that will provide the navigation between the web pages.

The next thing we need to do is to update where the navigation links will link to. To make this change we need to decide on what the filenames are that we are going to use for each of the pages, you should have that from the design you did for your site. If you haven't yet assigned actual filenames (eg. about.html) to your web pages then now is the time to write them on your design paperwork. You need to remember to name the home page to whatever name your hosting provider requires the home page to be named - in most cases this will be index.html.

To actually change where a link will direct to you need to right click on the link and select Link Properties from the menu. This will bring up the link properties dialog box for that link.

Simply type in the name of the file that you propose to create for the specific page, make sure that the URL is relative to page option is checked and press the OK button.

Link Properties dialog box

Work your way through the template changing all of the text content that you want to appear the same on all your web pages. Skip over the filler text that represents the content that will be different for each page as we will come back and change that text as we do the actual pages.

Once you have updated all the text and links that you want to have the same on all your web pages press the Save button at the top left of the editor to save these changes to your template.

In the next tutorial we will look at how to change the other part of your template that you are likely to want to have different - the images.


This article written by Stephen Chapman, Felgall Pty Ltd.

go to top

FaceBook Follow
Twitter Follow