How to Edit a Template (HTML)

Goes with "How to Build a Website"

**Note: all templates are a little different, but this will get you started**
** You will have to put a little time into learning to be able to fully edit a template**

What you will need:
- Template
- Page Editor (HTML editor)

Where to get the necessary items:
(you can get elsewhere, but these are FREE)

Where to get:

Template
- Free CSS Templates

Page Editor (html editor)
- CoffeeCup Free HTML Editor

How to edit your template:
- Download and install an HTML editor if you do not have one.
- Download and extract a template that you like
- For this demonstration I downloaded this one from Free CSS Templates: Screen Shot
- Now you will want to navigate to the template folder, the template for this demonstration is called implied: Screen Shot
- In the template folder you will see a file called "index" or "index.html" click to open this file in your html editor.
- Edit from the top to the bottom of the page that you now see:

Start with the meta tags:
- Edit the title to the title of your website or business - "How to Edit a Template"
- Edit the keywords to your targeted keywords - "template editing, edit a template, ect."
- Edit the description to describe your website - "How to edit a website template"

Now the body:
- Edit your heading <h1>How to Edit a Template</h1>
- Edit your sub heading <h2> by Best Damn Web Hosts</h2>
- Edit the navigation bar <li class="first"><a href="link to home page">Home</a></li>
**This is only showing how to edit a template, linking pages in the next tutorial, in my template I am going to delete the other navigation buttons**

- Edit the content of the page:
-- <h2 class="title">Welcome to my tutorial</h2>
-- <p class="date">Aug 1, 2009</p>
-- <p>This tutorial was created by Best Damn Web Hosts to show you how to edit a template</p>
**Only editing the first section for this tutorial, you will obviously edit the rest of the content**

- Edit the sidebar links:
<div id="sidebar">
<ul>
<li id="search">
<form method="get" action="">
<fieldset>
<input type="text" id="search-text" name="s" value="" />
<input type="submit" id="search-submit" value="" />
</fieldset>
</form>
</li>
<li>
<h2>LINKS TO WHATEVER</h2>
<ul>
<li><a href="URLs GO HERE">TITLE GOES HERE</a></li>
<li><a href="WWW.EXAMPLE.COM"> EXAMPLE</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue<br />
</a></li>
</ul>
</li>
**Again I only edited a portion of this, edit what you need and delete the rest**

- Edit the footer:
-- <p>(c) 2009 Example.com. Design by <a href="http://www.nodethirtythree.com/">nodethirtythree</a> + <a href="http://www.freecsstemplates.org">free css templates</a></p>

Save your work: file > save
Open the template folder
Click on index.html to see your work: Screen Shot

Upload the index file and images folder to your host an viola!
Your website is now up and running with your template

Made by Best Damn Web Hosts