Low End Mac Reader Specials

TypeStyler For Mac OS X is Now Shipping! Download The Free Fully Functional 60 Day Tryout at www.typestyler.com

OWC: Mercury On-The-Go FW800+USB2 up to 1.0TB. Bus Powered, no external power supply needed. Macworld ‘Editor’s Choice’, CNET ‘Very Good’ Starting from $99.97, 500GB $159.99. Click here

Poker Mac Don't install Parallels to play poker online! Poker Mac will show you how to download and install a native Mac poker application such as Full Tilt Poker Mac.

Laptop Hardware Provided by TechRestore - Overnight Mac & iPod Repairs.

Compare products like desktop computers, apple laptops, apple macs, and LCD Monitors side by side! All the information and reviews to make the best purchasing decision for new mobile phones, sat nav systems, or MP3 players. The Ciao online shopping community makes searching products easy for you.

Low End Mac's Online Tech Journal

Web Design, Part 1

Using Include Files

Dan Knight - 2000.02.24

When I started designing web pages, I knew nothing about HTML. I used Claris Home Page and put things together until they looked right.

Three years later, I know very little HTML. I still use Claris Home Page. And I still design visually, trying to make things look right.

But there have been a lot of changes, large and small, during those three years. Not only did The New Low End Mac User shorten its name and broaden its focus (from just pre-Quadra desktops), but I've learned a lot of tricks that make managing the site a lot easier than it used to be.

The biggest change is invisible to the visitor. Every page on this site uses a technique called Server Side Include (SSI) to combine several files into a single page of code.

Why Use Server Side Include?

A lot of information is repeated from page to page in a site like Low End Mac. Each page has navigation links across the top and a copyright notice on the bottom. Most pages have a navigation bar on the right. Some pages include links to recent articles of interest. And recently I've begun creating "printer friendly"* versions of new articles.

* Printer friendly means different things to different people. In my case, it means the page should not run off the right side of your printer paper, the text should be black for clarity (and to save color ink if you're using a color printer), and links should be underlined (they aren't otherwise underlined using browsers that support Cascading Style Sheets, but that's a future article). On Low End Mac, the printer friendly page eliminates the navigation bar on the right and lets the text flow to whatever width your window or printed page is.

Once upon a time, the navigation links and copyright notice were hard coded into every page on the site. That meant a quick run through with BBEdit every time January rolled around to change the copyright notice. It also meant I had to open each and every page to make changes. That got to be very time consuming as the site grew.

Then I learned about SSI on the Mac Webmasters email list. Once I understood it, I quickly implemented it on my site. It's made my page files smaller and greatly reduced the number of files I have to update when changing the site.

How Server Side Include Works

A basic web page contains all the HTML used to display things properly. A page using SSI is incomplete, using external files to complete itself. For instance, every page on Low End Mac includes the following code:

<!--#include virtual="top.txt" -->

This instruction tells the server to insert the text in the file "top.txt" where the #include instruction appears. In this case, it pulls in a file that looks like this (I've shortened it significantly):

<P><A HREF="index.shtml">Low End Mac</A> &#149;
<A HREF="/news/index.shtml">Mac News Today</A> &#149;
<A HREF="/ibook/index.shtml">iBook Page</A> &#149;
<A HREF="/imac/index.shtml">iMac Channel</A> &#149;
<A HREF="/macinschool/view.shtml">View From the Classroom</A> &#149;
<A HREF="/rumormill/index.shtml">The Rumor Mill</A></P>

That text appears at the top of the page like this (sample links may not work):

Low End Mac • Mac News Today • iBook Page • iMac Channel • View From the Classroom • The Rumor Mill

By having anywhere from one to several dozen pages use the same file, each individual page file is smaller. Better yet, to add a new section, I only need to update the "top.txt" file, not all the files in that directory.

The same procedure is used with the copyright notice at the bottom of the page, the right-side navigation bar, and links to recent articles.

Most recently, I've begun using SSI to create printer friendly versions of editorial content. Instead of having two pages that duplicate the same text (and two files to update when I find a typo, grammatical error, or just want to update things), both pages use the same include file, which contains the body of the article.

That's how this page is constructed - and the beautiful thing is, because it's the server that puts all the pieces together, all you see is a single seamless page.

Although it did take quite a bit of time to update the hundreds of pages on Low End Mac to use SSI, in the long run it has saved a lot of time as I've updated the copyright notice, changed the navigation, and updated the "recent articles" links. LEM

Part 2: Site Organization

Recent Online Tech Journal Columns

Links for the Day

Recent Content on Low End Mac

Recent Deals

About LEM | Support | Usage | Privacy | Contacts

Entire Low End Mac website copyright ©1997-2009 by Cobweb Publishing, Inc., unless otherwise noted. All rights reserved. Advice presented in good faith, but what works for one may not work for all. Please report errors to .
  LINKS: We allow and encourage links to any public page as long as the linked page does not appear within a frame that prevents bookmarking it.
  Access our RSS news feed at http://lowendmac.com/feed.xml.
  Email may be published at our discretion; email addresses will not be published without permission, and we will encrypt them in hopes of avoiding spammers. If you prefer your message not be published, mark it "not for publication." Letters may be edited for length, context, and to match house style.
  PRIVACY: We don't collect personal information unless you explicitly provide it. For more details, see our Terms of Use.
  Low End Mac is an independent publication and has not been authorized, sponsored, or otherwise approved by Apple Inc. Apple, the Apple logo, Macintosh, iBook, iMac, eMac, iPod, iPhone, PowerBook, MacBook, MagSafe, Mac Pro, Apple TV, and AirPort are registered trademarks of Apple Inc. Additional company and product names may be trademarks or registered trademarks and are hereby acknowledged.

Custom Search

Amazon.com

Navigation

Used Mac Dealers
Apple History
Video Cards
Email Lists

Favorite Sites

MacSurfer
MacMinute
MacInTouch
MyAppleMenu
InfoMac
Macs Only!
The Mac Observer
Accelerate Your Mac
RetroMacCast
PB Central
MacWindows
The Vintage Mac
   Museum
DealMac
DealsOnTheWeb
Mac2Sell
ramseeker
Mac Driver Museum
JAG's House
System 6 Heaven
System 7 Today
the pickle's Low-End
   Mac FAQ
Abandonware
   Petition
Mac vs. PC Info

Affiliates

The Apple Store
Mac Connection
B&H
MacMall
TechRestore
ExperCom
Crucial Memory
batteries.com

Advertise

All of our advertising is handled by BackBeat Media. For price quotes and advertising information, please contact at BackBeat Media (646-546-5194). This number is for advertising only.

Open Link

Problems viewing this page with Internet Explorer 5.5 or 6? It works fine in other browsers, including IE 7. We recommend Firefox for those using Windows, as it is standards based and more secure than IE 6 (and earlier). More LEM visitors use Firefox than any other browser.