1. Home
  2. Computing & Technology
  3. Web Design / HTML

Adding Content to a Notepad Created Web Page

By , About.com Guide

2 of 5

Saving the Navigation to a Template File

Saving the Navigation to a Template File

Saving the Navigation to a Template File

Jennifer Kyrnin

Because we're going to use the navigation over and over, it's easier if it's stored in a separate file, so that you can just copy and paste it into your documents when you're ready to add it. Unfortunately, if you change the HTML for your navigation, you'll have to go in and change it on all the pages. So it's a good idea to make certain of your navigation early so you don't have to change all your files numerous times.

Open a new page in Notepad and save it as nav-template.htm. Then copy the entire division into the file:

<div id="nav"><img src="images/header_shasta_mckinley.jpg" width="225" height="400">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="shed.html">Painting a Shed</a></li>
<li><a href="house.html">Our House</a></li>
<li><a href="pets.html">McKinley and Other Pets</a></li>
</ul>
<p class="footer">
© 2005 <a href="http://www.kyrnin.com/">Kyrnin Design</a>
</p>
</div>

Please remember that any time you change this file you'll need to update every other page in your site. This template is just to make it easier to copy and paste your navigation into new pages.

Explore Web Design / HTML
About.com Special Features

The Best Web Trends of the Decade

A look back at the best innovations, ideas and technologies over the last 10 years, More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML and XHTML
  5. Beginning HTML Tutorials
  6. Adding Content to a Notepad Created Web Page

©2010 About.com, a part of The New York Times Company.

All rights reserved.