Planning For Growth With SSI

bricktowntom · 03-26-2006, 07:56 AM

I wanted to share some information that can make your life so much easier as your site grows and you constantly want to add to or take away from it.

It's a long read, sorry for that and I hope that it is understandable!

==============

Designing with SSI

What is SSI?
SSI is an acronym for server side includes and what it does is allow you to make a change across hundreds or thousands of pages by editing only one file.

What is it useful for?
SSI is useful for managing your navigation, header and footer files although there are many other uses which I will touch base on later. By using ssi, you can modify your navigation menu, header or footer and the changes will be instant across every page on your side utilizing the ssi by calling it via a tag in your page.

How do I do it?
Ok, let's take a look at this page
http://www.business-opportunities-in...cational.shtml
It looks like a complete web page but actually it uses several ssi calls to include html
from other pages.

The header is called from here
http://www.business-opportunities-in...es/header.html

The footer is called from here
http://www.business-opportunities-in...es/footer.html

The navigation menu is called from here
http://www.business-opportunities-in...avigation.html

????: NamePros.com http://www.namepros.com/webmaster-tutorials/180703-planning-for-growth-with-ssi.html
You can view the source on each of those pages to see that is is just basic html with no head or body tags, you don't need those as they will be on the main page that is calling these, you don't need them more than once.

Placing the following tags on any page exactly where you want that page to appear on your new page




The path in the tags above assumes that the header.html, navigation.html and footer.html are in the same folder. If your header, navigation and footer files were at the root of your domain and you were designing a page one level down you would use the tag 

For this to work there are a couple of things that must happen. First your server must support ssi, most decent hosting companies do. Secondly, your pages should end with .shtml instead of .html, the server is configured to parse files ending with that extension for ssi code.

If you have existing pages you would like to add the ssi into but don't want to change the extension from .html to .shtml, you can still use it by editing your .htaccess file. If you are unsure what this file is, I would suggest not messing with it. But for those that are comfortable doing so, you can add the following to your .htaccess file

AddType application/x-httpd-php .php .html .shtml
AddType text/html .shtml
AddHandler server-parsed .shtml

This will tell the server to treat .html extensions as .shtml and the pages will be parsed for your tags. The reason it's not configured to do this automatically is because it does cause a little more work for the server but unless you are receiving massive traffic (thousands of visitors a day), you will not notice.
????: NamePros.com http://www.namepros.com/showthread.php?t=180703

You can find more information about ssi here.
http://www.georgedillon.com/web/ssivar.shtml
http://www.bignosebird.com/ssi.shtml

Tom Moore

Gene · 03-26-2006, 08:03 AM

Thank you Tom! This is very helpful (and timely) information for me. Rep added :-)

primacomputer · 03-26-2006, 08:50 AM

Excellent advice. I use include files for the navigation on any site of more than a few pages.

It's not nearly as much an epic adventure as using dream weaver templates where you modify the template, apply it to every file on the site, and then upload the entire site again, but I find it works well with my dull and efficient lifestyle

J4m!3 · 03-28-2006, 01:10 AM

Thanks

bricktowntom · 04-09-2006, 01:45 PM

Thanks for the warm welcome & acknowledgement. Tom Moore

Epic · 04-09-2006, 05:06 PM

SSI is great but not all hosts support it. If you're host doesn't support it, you can always use PHP includes for the same effect.

brianwiz · 09-09-2006, 09:31 AM

SSI is god. I use it for all my sites. Easy and nice

03-26-2006, 07:56 AM	THREAD STARTER #1 (permalink)
bricktowntom New Member Join Date: Jan 2006 Location: Oklahoma City Posts: 3	Planning For Growth With SSI I wanted to share some information that can make your life so much easier as your site grows and you constantly want to add to or take away from it. It's a long read, sorry for that and I hope that it is understandable! ============== Designing with SSI What is SSI? SSI is an acronym for server side includes and what it does is allow you to make a change across hundreds or thousands of pages by editing only one file. What is it useful for? SSI is useful for managing your navigation, header and footer files although there are many other uses which I will touch base on later. By using ssi, you can modify your navigation menu, header or footer and the changes will be instant across every page on your side utilizing the ssi by calling it via a tag in your page. How do I do it? Ok, let's take a look at this page http://www.business-opportunities-in...cational.shtml It looks like a complete web page but actually it uses several ssi calls to include html from other pages. The header is called from here http://www.business-opportunities-in...es/header.html The footer is called from here http://www.business-opportunities-in...es/footer.html The navigation menu is called from here http://www.business-opportunities-in...avigation.html ????: NamePros.com http://www.namepros.com/webmaster-tutorials/180703-planning-for-growth-with-ssi.html You can view the source on each of those pages to see that is is just basic html with no head or body tags, you don't need those as they will be on the main page that is calling these, you don't need them more than once. Placing the following tags on any page exactly where you want that page to appear on your new page <!--#include virtual="header.html" --> <!--#include virtual="navigation.html" --> <!--#include virtual="footer.html" --> The path in the tags above assumes that the header.html, navigation.html and footer.html are in the same folder. If your header, navigation and footer files were at the root of your domain and you were designing a page one level down you would use the tag <!--#include virtual="../header.html" --> For this to work there are a couple of things that must happen. First your server must support ssi, most decent hosting companies do. Secondly, your pages should end with .shtml instead of .html, the server is configured to parse files ending with that extension for ssi code. If you have existing pages you would like to add the ssi into but don't want to change the extension from .html to .shtml, you can still use it by editing your .htaccess file. If you are unsure what this file is, I would suggest not messing with it. But for those that are comfortable doing so, you can add the following to your .htaccess file AddType application/x-httpd-php .php .html .shtml AddType text/html .shtml AddHandler server-parsed .shtml This will tell the server to treat .html extensions as .shtml and the pages will be parsed for your tags. The reason it's not configured to do this automatically is because it does cause a little more work for the server but unless you are receiving massive traffic (thousands of visitors a day), you will not notice. ????: NamePros.com http://www.namepros.com/showthread.php?t=180703 You can find more information about ssi here. http://www.georgedillon.com/web/ssivar.shtml http://www.bignosebird.com/ssi.shtml Tom Moore __________________ Work At Home Directory & Resource Center

03-26-2006, 08:03 AM	#2 (permalink)
Gene DomainersUniversity.com Join Date: Feb 2005 Location: Oswego, NY Posts: 4,702 Follow @GenePimentel	Thank you Tom! This is very helpful (and timely) information for me. Rep added :-) __________________ . . Expired Domain Search -- ExpiredDomainBoss.com \| Sell Domain Names -- DomainProfitsClub.com -----------------------------------------------------------------------------------------------

03-28-2006, 01:10 AM	#4 (permalink)
J4m!3 NamePros Member Join Date: Oct 2005 Location: Clevedon, UK Posts: 198	Thanks __________________ - Submit Gas Price related Pix & Rants @ PumpPanic.com -

04-09-2006, 01:45 PM	THREAD STARTER #5 (permalink)
bricktowntom New Member Join Date: Jan 2006 Location: Oklahoma City Posts: 3	Planning For Growth With SSI Thanks for the warm welcome & acknowledgement. Tom Moore __________________ Work At Home Directory & Resource Center

04-09-2006, 05:06 PM	#6 (permalink)
Epic Senior Member Join Date: Sep 2005 Posts: 3,767	SSI is great but not all hosts support it. If you're host doesn't support it, you can always use PHP includes for the same effect. __________________ Attractive, Compelling, Efficient Web Design & Development

03-26-2006, 08:50 AM	#3 (permalink)
primacomputer Senior Member Join Date: Mar 2004 Posts: 1,402	Excellent advice. I use include files for the navigation on any site of more than a few pages. It's not nearly as much an epic adventure as using dream weaver templates where you modify the template, apply it to every file on the site, and then upload the entire site again, but I find it works well with my dull and efficient lifestyle

09-09-2006, 09:31 AM	#7 (permalink)
brianwiz NamePros Regular Join Date: Apr 2006 Posts: 262	SSI is god. I use it for all my sites. Easy and nice

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)