SSI Tutorial
Welcome to the SSI Tutorial. Here you will learn about SSI and how to add
it to your website. SSI stands for Server Side Include.
SSI is basically used for websites that have side menus such as this site.
SSI is sort of like using an iframe, except that you don't have the extra
scrollable. It's a little different from iframe. SSI makes updating a side
menu a lot easier. If you have a website where to update an affiliate or
a new link, you have to update the same thing on each and every page, then
you should add SSI onto your website. It will save tons of time when you're
updating. To add SSI to your website, follow the steps below.
First of all, create a new page for
the side menu. Let's name this new page sidemenu.shtml.
Do not leave the 's' in 'shtml' out. Next, on the page you want
to add SSI to, cut out the bit of html that you want to be edited easily.
Since this is just an example, just cut out the entire side menu.
Just in case if anything goes wrong, open up notepad and paste this code
onto it (This is not necessary, it is just in case if anything goes wrong).
Save it. Copy that code onto the new page you've already created, sidemenu.shtml. This page should only have the content tags. Remove any header tags such
as <html>, <head>, <title>, <body>, etc.The page should only
contain what you have cut out of the original page. Go back to the original
page and in the area where the side menu used to be, add this code:
<!--#include
virtual="sidemenu.shtml"-->
The document name in the code is supposed to be the page where you added the side menu. If that name doesn't work, add the exact path to that page. If it's inside another directory (e.g. sidemenus/sidemenu.shtml), then insert that path into the code. Make sure that the page with the SSI code is in a higher directory, otherwise it won't work. For example:
<!--#include virtual="sidemenus/sidemenu.shtml"-->
Note:
Do not add the file path as a url (e.g. ).
It has to start as directories (e.g. sidemenus/sidemenu.shtml)
or as just the document name.
Finally, upload both pages to your
server. Make sure that both pages end in .shtml instead of .html. After
you're done, take a look at your work.
Didn't get it to work? Reasons why:
-Your server doesn't support SSI.
If your server doesn't support it, try looking for a server that supports
SSI. Angelfire supports SSI. Ask your server
administrator for that type of information.
-The page/s do not end in '.shtml'.
Change the '.html' to '.shtml'. The only pages that end in '.shtml' should
be the pages that you want to add SSI to.
-The page with the side menu contains
the header tags: <html>, <head>, <title>, <body>, etc. Remove
all of them. The page should only contain the content tags.
-You put the url to the side menu
page on the code. It should only have a direct path: sidemenus/sidemnu.shtml
or sidemenu.shtml.
-You mispelled something during the
process.
Still can't
get it to work? Feel free to contact me:
E-mail address: nytrodragonx@earthlink.net
AIM Screenname: SlimJay190
