If you're stuck in the dark ages and are still editing the pages of your web site by hand, there's an easy way to change the look of your web site on a moment's notice, by editing only one file.

I know, there are all kinds of brand new blogging scripts, forums, CMSes, and other stuff to make your site easy to update. But on the other hand there are just as many desktop-based programs that churn out thousands of static HTML files for you to put on your server.

What do you do when you have to change these files later? Edit them by hand, one at a time? I don't think so.

You can save a lot of time down the road using Server Side Includes (SSI).

The point of using Server Side HTML is so you can include other pages on your regular HTML pages, things like a list of links you regularly update OR a header and footer.

Try it out. Take one of those static HTML pages on your site and rename it to something like ""filename.shtml"" instead of ""filename.html."" All we've done is changed the ""html"" at the end to ""shtml.""

Now, take the part of that site you want to appear on every page (the header graphic, link sidebar, etc.), copy and paste that part and save it into a file named ""header.shtml."" REMOVE that text from your filename.shtml file.

Now, in the filename.shtml file, place this at the top:

[!--#include virtual=""/header.shtml""--]

(IMPORTANT: Replace the brackets [ and ] above with the greater-than and less-than ""HTML"" brackets... hold shift and press the ""comma"" and ""period"" keys on your keyboard.)

Upload filename.shtml and header.shtml to your server and load header.shtml. If everything went well, the page should look exactly as it did before. The only difference is: you only need that one ""include virtual"" line to show the top of the page, AND to change that top HTML later on all you have to do is edit header.shtml.

If you had this sort of code on 20,000 pages of your web site all you'd have to do was edit that ONE header.shtml file, and your entire site would change as soon as you uploaded that header.shtml file.

Not bad, huh?

Now do the same thing with the bottom of your web site, only save the new file as footer.shtml and at the bottom of filename.shtml place this:

[!--#include virtual=""/header.shtml""--]

Again, not that exact code... replace the hard-brackets with HTML brackets.

But wait, your fancy page generator software will only save the files as .HTM or .HTML, and specifically links to certain files. You can't just go in and edit everything to link to .SHTML files.

Htaccess to the rescue.

Place this in a new text file:

AddHandler server-parsed .shtml .html .htm

Save that as ""htaccess.txt"", upload to your web server, and rename that htaccess.txt file you just uploaded to "".htaccess"", WITH the dot in front. Now try renaming filename.shtml to filename.html. Guess what, your server side includes now work on .html and .htm files too.

Hopefully your page generator software allows you to edit the template and place these server-side include tags in there. (If not, look into a program called BKReplaceEm.) Don't worry, the pages will look funny and broken on your hard drive but once they are sitting on your web server everything will turn out ok.

If you find yourself doing a bunch of repetitive HTML editing it might be time to look into Server Side Includes to make instant changes.


About The Author


Robert Plank

You know what else, you can use a similar bit of HTACCESS code to make PHP scripts act as HTML files. That, plus 35 more ""Why Didn't I Think of Those"" secrets are revealed in my upcoming ebook: http://www.affiliatebattleplan.com

articles@jumpx.com

About HTML fonts

It is very tempting to use fancy looking fonts when designing a web page. After all, the fancier the font the more attractive it will be to visitors and the more likely they will be to stay at your p...

HTML Links In Plain English

HTML links. The heart and soul of web pages. Without links it would be impossible for a visitor to get from one web page to another, meaning that without HTML links, web pages would be pretty worthless.

Are You Content With the Quality of Your Ezine? How to Send HTML-Formatted Emails in Outlook Express

How many times has this happened to you: you've been slaving over that email newsletter for hours, perfecting the tables, checking and rechecking the copy, tweaking image files. You're finally ready to send, hooray! You take a deep breath, click... and wh

Tips To Create HTML Email Marketing Messages That Generate Enquiries

Email marketing is the need of the day. To stay in touch with your customers, prospects, and subscribers, you have to utilize this tool. This article gives out some tips on how you can make your HTML messages powerful to generate more leads.

>>= Dont Panic I'm Not A Programmer!!

HTML DB uniquely converts an Oracle database into an online development service, which enables anyone with a Web browser to create reporting and data-entry applications quickly without the need for professional programming skills.