Low End Mac
Search LEM 
Donate · Amazon.com · MacResQ · Advertise
Other Cobweb sites: Low End Living · Reformed.net

Quicklinks: · Power Macs · 'Books · Early Macs · Week's Best Deals · Best Buys · OS Downloads

Low End Mac's Online Tech Journal

Web Design, Part 1

Using Include Files

Low End Mac Reader Specials

Download Typestyler, still the Ultimate Styling Tool for Internet, Print and Video Graphics. Works great in Classic with a Native OS X Version on the way. Free Tryout: www.typestyler.com

LA Computer Company: LA Computer Company: Specials on AppleCare, Apple Displays, MacBooks, iMac's, MacBook Pros, Laptop and iPod accessories and more. Apple A/C Adapters for laptops starting at $25.00 Call 1-800-941-7654 or Click Here.

OWC: Burn DVDs, DVD-DL, CDs, DVD-Ram - FAST! Superdrive upgrades from OWC starting from $31.99 with options for nearly every Mac. Models with Lightscribe, Blu-Ray too!

Mac users can finally play Party Poker for Mac. Not only that, they can also learn how to play PokerStars for Mac.

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

Compare products like desktop computers, laptops, and LCD TVs side by side! All the information and reviews to make the best purchasing decision for a new cell phone GPS products or MP3 players. The Ciao network makes searching products easy for you.

MacBook/MacBook Pro / MacMini / iMac Intel Core2 DUO DDR2 667Mhz 4GB Kit $84, 3GB Kit $60, 2GB Kit $40 1GB $20. Click to Maximize your Macs...

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 MacMac News TodayiBook PageiMac ChannelView From the ClassroomThe 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.


Part 2: Site Organization

Recent Online Tech Journal Columns

Recent Content on Low End Mac

  • Time Machine can now backup to a shard hard drive, Alan Zisman, Zis Mac, 07.08. Earlier versions of Leopard didn't seem to allow backup to a shared drive on another Mac, but the 10.5.4 update allows it.
  • More air: Expectations for future MacBook and MacBook Pro models, Dan Knight, Mac Musings, 07.08. Next generation 'Books are expected to include Intel's next generation Montevino processor, but wireless power and wireless USB could give Apple a leg up on the competition.
  • Safari 3.1 Is the best browser for Macs and for Windows, Carl Nygren, Classic Macs in the Intel Age, 07.08. Apple's Safari browser is fast, lightweight, and compatible with pretty much any website that doesn't require users to run Windows and Internet Explorer 5.5 or later.
  • Best iBook G3 deals, Low End Mac Deals, 07.08. Used clamshell, $100; 500 MHz CD, $169; 700, $279; 600 CD-RW, $240; 900 Combo, $299; 14" 700, $300; 900, $449.
  • Best Power Mac G4 deals, Low End Mac Deals, 07.08. Used 450 MHz ACP, $79; 533 DA, $100; 867 QS, $200; 1.25 GHz MDD Combo, $375; 867 dual, $325; 1 GHz, $395; 1.25, $529; 1.42, $619.
  • Best classic iPod deals, Low End Mac Deals, 07.08. Used 20 GB, $100; 30, $120; 40, $150; 60 color, $175; 30 video, $160; 80, $200; refurb 80 classic, $209; new, $229; refurb 160, $299; new, $319.
  • Mac of the Day: 'Lombard' PowerBook G3, June 1999 - 'bronze keyboard' model is first PowerBook with USB, reaches 400 MHz, trims almost 2 lb.
  • List of the Day: PowerList for those using Power Computing Mac clones.
  • July 8 in LEM history: 02: Banned by Macworld - Window XS - OS X: More than just another Unix variant - 03: Hooked by the iBook - Panther and the beige G3 - 05: Future 'Book to use iPod as trackpad?
  • Macintosh reliability improving since the shift to Intel, Kev Kitchens, Kitchens Sync, 07.07. For a while in the G3 and G4 era, Apple was plagued with logic board failures and analog board problems, but they seem to be a thing of the past.
  • 1.8 GHz, SSD MacBook Air price cuts; Samsung vs. Hitachi notebook drives; Centrino 2 preorders; and more, The 'Book Review, 07.07. Also MacBook shipments up 61% over Q1 2007, Apple notebook redesign rumored, Santa Rosa MacBook Pro video failure, Mopar in-vehicle wireless Internet, bargain 'Books from $150 to $2,749, and m
  • iPhone 3G service more costly in States, outrageous in Canada, and more, iNews Review, 07.07. Also long fingernails and the iPhone, future iPhone may include keyboard and Intel Atom CPU, voice control for iPods, Ringtons Studio for the iPhone, and more.
  • Best MacBook deals, Low End Mac Deals, 07.07. Used 1.83 GHz Combo, $819; 2.0 SD, $975; refurb 2.1 GHz Combo, $949; 2.4 SD, $1,099; black, $1,299; new 2.1 Combo, $1,005 a/r; 2.2 SD, $1,205 a/r; more.
  • Best eMac deals, Low End Mac Deals, 07.07. Used 700 MHz CD, $140; CD-RW, $150; Combo, $170; 1 GHz, $200; 1.25 GHz SD, $230; 1.42 GHz Combo, $300; SuperDrive, $439.
  • Best Mac OS X 10.0-10.3 deals, Low End Mac Deals, 07.07. Mac OS X 10.0.3, $40; 10.1, $49; 10.2, $60; 10.3 DVD, $80; CD, $160; 10.1 Server, unlimited users, $80; 10.3 Server, unlimited, $130.
  • More links in our archive.

Go to the Online Tech Journal index.


Have a question?
Ask an expert!

Low End Living

Amazon.com

Navigation

Used Mac Dealers
Apple History
Best Used Macs
Video Cards
Email Lists
InfoMac's Low
End Mac Forum

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
MacMall
TechRestore
MacResQ
ExperCom
Crucial Memory
batteries.com

Advertise

Open Link