Web Set Tutorial 61
Site Map Tutorial
Author: Ann Stalls
February 14,2011

supplies

Supplies include:

blank button.

Supplies Needed:
header
buttons


You will need to have each area of your website divided by buttons.

Each button is sized for this code: width="202" height="91"

You may change the button size but you will need to edit the code.

Be sure to change the header width and size with your dimensions.

Replace any of my written information in the title, body and footer with your information.

The code will include everything you see below without the tutorial directions.

You will replace my background color #000000 with your background color.

You will replace your scrollbar colors and font colors.

You will need to change the button names to your button names.

You will need to replace my links with your "links URL"

Create a Coming Soon or Reserved button for the areas you have not made yet.

This code is written for 28 separate areas.

Use your Coming Soon button if you have less than 28 areas on your site.

Create a blank button with all the font information on it to later add to this.

Change my bordercolor="#2e84fd to your bordercolor to match your page.

The purpose of a Site Map is so you can go to one page and see every link for every page on your site only.

This page will need to be updated each time you add a new web page.

Change the name of the 61.txt and 61.html page to what you want to name it.

You will need to create a link on your index page for your site map page.

Save your txt file as a html file.
You are done with this tutorial.
Upload your files to your server.

To add music, add this code after the header.

You will need to change it to your file name and file extension.

<embed src="44.mp3" autostart="true" loop="false" hidden="true">


Thank you!

Lady Ann

email

Another version of this Tutorial may be found here.

To return to the tutorials, click HERE.

Below is the actual Site Map for another website.

Welcome to my Lady Ann Designs' Site Map.
Coming Soon
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Coming Soon
Coming Soon
Designed by ŠAnn Stalls for  Lady Ann Designs 2010 All Rights Reserved