Anyone who has maintained a web site with many pages for an extended period
of time knows the nightmare of having to edit a word or date that recurs on
each page, such as copyright information. Having to edit every single page
can be very time-consuming and tedious and often gets avoided for as long as
possible (usually too long). But it doesn't have to be that way. By using
simple Server Side Includes (SSI), you can streamline and simplify the
maintenance of your site.
SSI can be used to accomplish a variety of things on your web site including
running CGI scripts and posting the results on the web page, posting the
current time and date on the page, posting the date of the last update, etc.
However, I will not get into the technical details of how SSI works or the
more advanced functions. In this article, I'll discuss the simplest use of
SSI, the "Include" command. Before you can implement this SSI strategy, make
sure you know whether your web site host allows the use of SSI. If it
doesn't, find a host that does.
The "Include" command allows you to create a text file with your common
information, then place a directive in your HTML file that "points" to the
text file. When you view the web page, the server places the contents of the
text file in where the directive is in the HTML file. You can use this
trick for anything that recurs on each page of your website. For instance,
you can put a header and footer on each page. The header and footer would be
contained in text files called "header.txt" and "footer.txt". These files
would contain the html that recurs on each page, such as text links, contact
information, copyright information, etc. In place of this html on each page,
you would place these directives:
Now, whenever anyone views the pages containing those directives, the server
will place the contents of the text files in the appropriate place and the
viewer will see the header and footer. Whenever a change is needed within
the header or footer, only ONE file needs to be edited, the text file. All
of the pages using that file will be "automatically" updated. Changing the
copyright date or address or phone number on every page of your web site
will now take only 30 seconds because only one file has to be edited!
The easiest way to do this is to create a web page with everything you'd
like to have on it. Those parts that will recur on every other page are
where you will use SSI. All you have to do is "cut & paste" all of the html
that will be used on each page, pasting it into a text file. Where you "cut"
the html, replace it with the directive, such as:
Do the same thing for the footer, if needed. Save the HTML files using SSI
with the extension ".shtml". Also, depending on how your server is set up
with your host, you may have to make sure the text file is in the same
directory as the.shtml file.
This also makes the initial design and development of web sites go much
smoother. You can now have a "template" for each page using the header and
footer directive, then simply add the content in between for each page.
I guarantee that this little trick will save you hours and hours of tedious
work. As I stated at the beginning, if you've been through these "simple"
edits before, you will need very little convincing!
About the Author
Steve Wood provides web site design and hosting for small businesses. Visit
Wood Interactive at http://www.personalkey.com and request a FREE analysis
of your web site. Questions pertaining to the use of SSI as described in the
above article can be directed to: mailto:steve@personalkey.com.