Using Web Templates

This Section Covers -- [Doc Conventions]

Introduction
Viewing and Saving Templates

Introduction

Technet has provided templates that you can use to get your own page started. These are web pages with working links and fake text that can be modified to suit your needs.

Use of these templates is completely optional.

Viewing and Saving Templates

To access the templates directory, from the Technet Tools page, click on Web Page Tools, and select HTML Templates and Images. From this page, click on any of the templates to view them in your browser.

If you want to save the template you are viewing, click on the File Menu and select Save As.... Save the file, making sure you're saving it to your hard drive as HTML, NOT as plain text. Make sure the filename you pick is lower case and has no spaces in it. Rename it index.htm (or index.html) if you would like this to become your home page. Otherwise, rename it to any file name you would like.

NOTE: If you want to replace your default home page, rename your template file to index.htm (or index.html). This way, when someone accesses your main page using www.technet.nm.net/~yourusername/ this file will be automatically displayed. If there is no index.htm or index.html, a list of the files in the directory will be displayed, which is probably not what you want. This special name is only needed for your home page. Any other pages you create can be called whatever you like.

The images in Technet's templates can be accessed using the following path to the image: "/templates/image.gif"

This is done to enable you to save templates to your home directory, modify the text, and still allow your web page to correctly access the graphics without them being stored in your own directory. This will save you disk space.

EXAMPLE:

You want to use Technet's images, either on a page we made or on your own. When you refer to an image in Technet's templates directory, use the path "/templates/image.gif" putting whatever the image is called in place of image.gif. The source code looks like this: <IMG src="/templates/image.gif">

If you want to use your own images, you must put them in your web directory. Don't forget to upload them along with your HTML file or files. Using your own images means the path when creating/editing your files, is different, since you need to store them in your own directory and not the templates directory: Simply refer to them by their filename only: "image.gif" putting the image filename in place of image.gif. The source code looks like this: <IMG src="image.gif">

NOTE: If you are using a graphical HTML editor, the images may not display properly when you edit your files on your hard drive because they are not on your computer. You can download the images if you wish, but you do not need to. When the file is uploaded back onto the web server, the images should display properly.

If you wish to modify the template images, you need to store them on your computer. You cannot store your images in Technet's templates directory.

You should create a directory on your hard drive to store all your HTML and image files. Once you create it, in Netscape 3, click on File, Open File, and browse to the directory and select the HTML file you wish to work on. You will be able to open this HTML file and display it in Netscape. Edit your HTML file and preview it in Netscape until you are satisified with the results. Only then do you need to connect to Technet and upload the file.

See Saving Images, below, for an important note about getting images to display when you store them on your local hard drive.

Saving Images

If you wish to have the images stored in your directory, get into Netscape and click on the image you want with your right mouse button (for Macintosh: hold your mouse button down for about 1 second) and Select Save Image as. Save all the images in the file. Putting all your HTML and image files in the same directory on your hard drive will make maintaining your web page easier.

To save the background, go to the Background Images page and look at the backgrounds and find the one that matches the one your template page uses. Right click (for Macintosh: hold your mouse button down for about 1 second) over the image and select Save Image As... like you would for any other image and save it in the same directory as your other images.

NOTE: If you have moved the image files to your home directory, or are looking at them on your local hard drive, don't forget to change the IMG tags to point there. Typically, these would change from looking like <IMG SRC="/templates/image.gif"> to <IMG SRC="image.gif">.

Once you've saved the template and the image files, you may now use any HTML editor to edit your file to your liking. See Maintaining Your Web Page for how to upload the files to the server once you've finished editing them.

For your convenience, you may look at the images available in the templates directory:


Document URL -- http://www.technet.nm.net/menu/doc/template-help.htm

Last modified on July 14, 1998

Comments to Documentation Manager

For Customer Support please mail questions to:

Customer Support

Copyright © 1998 New Mexico Technet, Inc.

(505) 345-6555