Edit Templates To Design Site

How To Make Website Using Free Web Page Templates?

Obtaining Free Web Page Templates

There are many websites on the Internet offering free high quality website templates. Usually all they ask is that you register with them. Here are a few links to some free website template sites.

• http:// www.myfreetemplates.com/

• http://www.templatemonster.com/

• http://www.freewebtemplates.com/

• http://freesitetemplates.com/

After deciding on the template and downloading it to your machine you usually need to unZip it using Winzip . Once unzipped you can now modify the template and use it. The screenshot below shows the template files for a free template I downloaded from www.myfreetemplates.com.

Modifying A Website Template

The templates that you download will all need modifying before you can use them. The main things you need to change are the navigation options and the logo. This short tutorial shows you how to modify a template.

12 Steps Of Web Page Creation

1. Open the template file (.htm) using the Trellian WebPage editor

and then save it as website-template.html . or website-template.htm. Here is one template from www.freewebtemplates.com:

2. You may wish to turn off the tags detail by going to edit>folder options and deselecting show details .

3. To edit the navigation then right click on the navigation button you wish to change and select edit html .

4. Delete the current entry in the URL field and then select http in the type field. Then enter the URL for your page in the url field. The screen shot shows changing the home button to point to index.html.

5. To delete a menu item select it using the mouse and then hit the delete key.

6. To modify the image area then right click on the image you want to change and select properties and change the image in the source field (see screen shot below). You can also resize the image if you want. If you want to delete the image then just remove the image link completely. The images are contained in table cells to delete the cells click on the image which in turn selects the cell and hit delete .

7. Delete or modify the copyright notice on the bottom.

8. Delete or modify the text in both informational columns. Insert the text copy prepared during the previous Lesson.

9. Change the page title and data-line by selecting Tools> Meta tag Editor.

Here is the modified template:

Save the page under the name index.html.

10. Again change the text body, title, and data-line (steps 8,9). Save under another name of your choice with .html extention.

You've got your second page. Do the same for all pages of your Website.

11. Open one by one all newly created pages and edit hyperlink addresses of all buttons and anchors.

For that highlight the " Home" button and click the chain icon (next to the anchor) and fill out the hyperlink information:

Repeat for the same for all buttons of your template.

Save the file.

12. To test go to the folder where you've saved your project and double click index.htm it should open in internet explorer. Click the page links and test that they all work.

Notes:

1. If you have any problems with the links just go to each page and check the syntax is the same as that shown in the screenshots above.
2. I have used relative links in the example as it allows us to test on the local computer. I could have used absolute links like http://www.affiliated-business.com/index.htm but that would have meant that I could only test it if it was placed on the Internet server.

Done!!! You've just created your own handmade WEBSITE.

Trellian Web Page WYSIWYG Editor