Professionals providing quality information for improved health. spacer

MLANET Style Guide

Server Side Includes

To top of page General SSI Information

MLA uses server side include (ssi) files to reduce duplication in coding and to provide an easier way to update the design of the site. MLANET's design and design structure is defined by multiple ssi files. Support for ssi is available to MLANET hostees (sections, chapters, and councils) for use on their own sites.

Unit Web editors may find the following ssi links and tutorials useful:

To top of page How SSI Works on MLANET

In a typical MLANET page, we use approximately seven ssi files to structure the page, much of its navigation, and its meta information. For example, the HTML beginning code of this page looks like this as code, with three ssi files (highlighted in yellow)...:

sample ssi file

...but like this in a browser "view source" window:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD><TITLE>Medical Library Association: MLANET Style Guide, Server Side Includes</TITLE>

this is ssi = "meta_general.html"
<link rel="schema.DC" href="http://purl.org/dc"><meta name="DC.Title" content="Medical Library Association: MLANET"><meta name="DC.Creator" content="MLA Staff - info@mlahq.org"><meta name="DC.Subject" content="MLANET; MLA; Medical Library Association; An association of health information professionals; medical libraries; medical library; medical librarians; health information; health information professionals; professional development; advocacy; organization; research; National Information Policy; information technology; contact us; Quality Information for Improved Health"><meta name="DC.Description" content="MLA was founded in 1898 and has grown to a professional organization of more than 3,800 professionals and 1,200 institutions in the health information field. MLA is dedicated to improving excellence and leadership of the health information professional, to foster the art and science of health information services. MLA is an educational organization of individuals and institutions in the health sciences information field. MLA and its members are dedicated to quality information for improved health."><meta name="DC.Type" scheme="DCMIType" content="Text"><meta name="DC.Format" scheme="IMT" content="text/html"><meta name="DC.Language" scheme="RFC1766" content="en-us"><meta name="DC.Rights" content="http://www.mlanet.org/copyright.html">

<LINK REL=STYLESHEET HREF="/ssi/2000/gen2000.css" TYPE="text/css"></HEAD><BODY>

this is ssi = "gen2.html"
<table width="100%" border=0 cellspacing=0 cellpadding=0><tr><td width=23px height=55px><a name="top"></a><map name="head_2000"><area shape="rect" coords="6,9,276,49" href="/index.html" alt="Medical Library Association Network"><area shape="rect" coords="219,53,264,65" href="/siteindex.html" alt="Site Index"><area shape="rect" coords="171,53,213,65" href="/order/index.html" alt="Store"><area shape="rect" coords="127,53,164,65" href="/joinmla/index.html" alt="Join MLA"><area shape="rect" coords="57,53,118,64" href="/about/contact_mla.html" alt="Contact Us"><area shape="rect" coords="6,53,48,64" href="/index.html" alt="Home"></map><img src="/pix/spacer_01.gif" HEIGHT=1px WIDTH=23px></td> <td width="100%" height=70px bgcolor="#66CCCC"><img src="/pix/mlanet2000.gif" alt="MLANET" width=300px height=70px border=0 usemap="#head_2000"><img src="/pix/2000/2000_tagline_ani2_compressed.gif" alt="MLA" width=150px height=70px border=0></td> <td width=139px bgcolor="#66CCCC" rowspan=2 align="center" valign="top"><a href="/members/index.html"><img src="/pix/2000/2000nav_login.gif" alt="member login" border=0></a>&nbsp; <form method=get action="/cgi-bin/texis/webinator/search/"> <img src="/pix/2000/2000nav_search.gif" ALT="Search MLANET"><font size="-2"> <input type=hidden name=db value="db"><br><input size=10 name=query value="">&nbsp;<input type="IMAGE" name="submit" src="/pix/search_go.gif" value="GO" alt="go" ALIGN="ABSMIDDLE" HSPACE=0 VSPACE=2px BORDER=0></font></form></td><td width=156px rowspan=5 background="/pix/tec3bg.jpg" align="left" valign="bottom"><img src="/pix/spacer_01.gif" height=1px width=156px></TD></TR><tr><td rowspan=3 align="center" valign="top" bgcolor="#6699FF"><img src="/pix/gradient2000.gif" height=470px width=23px></td><td class="body" width="100%" height=40px><h2>

MLANET Style Guide

this is ssi = "gen3.html"
</h2></td></tr><tr><td class="body" height=350px valign="top" align="left" width="100%" bgcolor="#FFFFFF">

<h3>SSI</h3><p>MLA uses ssi (server side include) files to reduce duplication in coding and to provide an easier way to update the design of the site. MLANET's design and design structure is defined by multiple ssi files. Support for ssi is available to MLANET hostees (sections, chapters, and councils) for use on their own sites.</p>

<p>Unit Web editors may find the following ssi links and tutorials useful:</p> <ul> <li>
<a href="http://httpd.apache.org/docs/howto/ssi.html"> http://httpd.apache.org/docs/howto/ssi.html</a> -- MLANET uses the Apache Web server, and this is their excellent overview (with examples) of server side includes.</li>

As you can see, using ssi files eliminates repetitious coding and enables you to swap image files or replace code quickly (you change one ssi file rather than all pages in the site).

To top of page MLANET SSI Files

The following are the main ssi files MLA staff use to code static MLANET pages:

 

this is ssi "meta_general.html" (meta files identify relevant information about the organization and the document; each main area of MLANET uses a different meta ssi file)
<link rel="schema.DC" href="http://purl.org/dc"><meta name="DC.Title" content="Medical Library Association: MLANET"><meta name="DC.Creator" content="MLA Staff - info@mlahq.org"><meta name="DC.Subject" content="MLANET; MLA; Medical Library Association; An association of health information professionals; medical libraries; medical library; medical librarians; health information; health information professionals; professional development; advocacy; organization; research; National Information Policy; information technology; contact us; Quality Information for Improved Health"><meta name="DC.Description" content="MLA was founded in 1898 and has grown to a professional organization of more than 3,800 professionals and 1,200 institutions in the health information field. MLA is dedicated to improving excellence and leadership of the health information professional, to foster the art and science of health information services. MLA is an educational organization of individuals and institutions in the health sciences information field. MLA and its members are dedicated to quality information for improved health."><meta name="DC.Type" scheme="DCMIType" content="Text"><meta name="DC.Format" scheme="IMT" content="text/html"><meta name="DC.Language" scheme="RFC1766" content="en-us"><meta name="DC.Rights" content="http://www.mlanet.org/copyright.html">

To top of page

this is ssi "gen2.html" (provides the basic structure for the design, and includes all the image files, map coordinates for image maps, and the form for the MLANET search box)
<table width="100%" border=0 cellspacing=0 cellpadding=0><tr><td width=23px height=55px><a name="top"></a><map name="head_2000"><area shape="rect" coords="6,9,276,49" href="/index.html" alt="Medical Library Association Network"><area shape="rect" coords="219,53,264,65" href="/siteindex.html" alt="Site Index"><area shape="rect" coords="171,53,213,65" href="/order/index.html" alt="Store"><area shape="rect" coords="127,53,164,65" href="/joinmla/index.html" alt="Join MLA"><area shape="rect" coords="57,53,118,64" href="/about/contact_mla.html" alt="Contact Us"><area shape="rect" coords="6,53,48,64" href="/index.html" alt="Home"></map><img src="/pix/spacer_01.gif" HEIGHT=1px WIDTH=23px></td> <td width="100%" height=70px bgcolor="#66CCCC"><img src="/pix/mlanet2000.gif" alt="MLANET" width=300px height=70px border=0 usemap="#head_2000"><img src="/pix/2000/2000_tagline_ani2_compressed.gif" alt="MLA" width=150px height=70px border=0></td> <td width=139px bgcolor="#66CCCC" rowspan=2 align="center" valign="top"><a href="/members/index.html"><img src="/pix/2000/2000nav_login.gif" alt="member login" border=0></a>&nbsp; <form method=get action="/cgi-bin/texis/webinator/search/"> <img src="/pix/2000/2000nav_search.gif" ALT="Search MLANET"><font size="-2"> <input type=hidden name=db value="db"><br><input size=10 name=query value="">&nbsp;<input type="IMAGE" name="submit" src="/pix/search_go.gif" value="GO" alt="go" ALIGN="ABSMIDDLE" HSPACE=0 VSPACE=2px BORDER=0></font></form></td><td width=156px rowspan=5 background="/pix/tec3bg.jpg" align="left" valign="bottom"><img src="/pix/spacer_01.gif" height=1px width=156px></TD></TR><tr><td rowspan=3 align="center" valign="top" bgcolor="#6699FF"><img src="/pix/gradient2000.gif" height=470px width=23px></td><td class="body" width="100%" height=40px><h2>

this is ssi "gen3.html" (closes the area header and begins the actual content area of the page)
</h2></td></tr><tr><td class="body" height=350px valign="top" align="left" width="100%" bgcolor="#FFFFFF">

this is ssi "gen4.html" (closes the content area and begins the left black navigation area)
</td><td bgcolor="#000000" width=139px align="left" valign="top" rowspan=2><br>&nbsp;&nbsp;&nbsp;&nbsp;

To top of page

this is ssi "z_n2_up.html" (links users to the index page of the area; used for any page in the directory EXCEPT the index page)
<a href="index.html"><img src="/pix/2000/2000bttn_up.gif" alt="Up a level" width="24" height="24" border="0"></a>

this is ssi " z_n1_up.html" (links users to the next level up from the current subject area; used ONLY for index pages)
<a href="../index.html"><img src="/pix/2000/2000bttn_up.gif" alt="Up a level" width="24" height="24" border="0"></a>

this is ssi "nav_bar.html" (provides the image files, image maps, and alt tags for the side navigation bar)
<br><a href="/resources/consumr_index.html"><img src="/pix/2000/consumer_bttn1.gif" width="118" height="57" border="0"></a><br><img src="/pix/2000/2000_main_nav.gif" width=119px height=471px border=0 usemap="#navbar_map"><map name="navbar_map"><area shape="rect" coords="0,439,118,470" href="/education/libschools/index.html" alt="Library Schools"><area shape="rect" coords="0,424,118,438" href="/government/index.html" alt="Gov't Relations"><area shape="rect" coords="0,409,118,423" href="/members/directory/index.html" alt="Directory"><area shape="rect" coords="0,394,118,408" href="/resources/buyersguide/index.html" alt="Buyer's Guide"><area shape="rect" coords="0,379,118,393" href="/resources/allied_lnks.html" alt="Allied Groups"><area shape="rect" coords="0,364,118,378" href="/resources/index.html" alt="Resources"><area shape="rect" coords="0,349,118,363" href="/publications/standards/index.html" alt="Standards, etc."><area shape="rect" coords="0,334,118,348" href="/order/index.html" alt="Ordering Info"><area shape="rect" coords="0,319,118,333" href="/publications/mlanews/index.html" alt="MLA News"><area shape="rect" coords="0,304,118,318" href="/publications/books/index.html" alt="Books, etc."><area shape="rect" coords="0,289,118,303" href="/publications/bmla/index.html" alt="BMLA"><area shape="rect" coords="0,274,118,288" href="/publications/index.html" alt="Publications"><area shape="rect" coords="0,259,118,273" href="/students/index.html" alt="Students"><area shape="rect" coords="0,244,118,258" href="/sections/index.html" alt="Sections"><area shape="rect" coords="0,229,118,243" href="/discussion/index.html" alt="Discussion Lists"><area shape="rect" coords="0,214,118,228" href="/chapters/index.html" alt="Chapters"><area shape="rect" coords="0,199,118,213" href="/am/index.html" alt="Annual Meeting"><area shape="rect" coords="0,184,118,198" href="/about/network.html" alt="Networking"><area shape="rect" coords="0,169,118,183" href="/awards/grants/index.html" alt="Scholarships"><area shape="rect" coords="0,154,118,168" href="/jobs/index.html" alt="Jobs"><area shape="rect" coords="0,139,118,153" href="/education/index.html" alt="CE Courses"><area shape="rect" coords="0,124,118,138" href="/awards/index.html" alt="Awards"><area shape="rect" coords="0,109,118,123" href="/academy/index.html" alt="Academy"><area shape="rect" coords="0,94,118,108" href="/education/careers.html" alt="Careers"><area shape="rect" coords="0,79,118,93" href="/press/index.html" alt="Press Room"><area shape="rect" coords="0,64,118,78" href="/about/overview.html" alt="MLA Overview"><area shape="rect" coords="0,49,118,63" href="/press/mla-focus/mla-focus-current.html" alt="MLA Focus"><area shape="rect" coords="0,34,118,48" href="/joinmla/index.html" alt="Join MLA"><area shape="rect" coords="0,19,118,33" href="/about/contact_mla.html" alt="Contact MLA"><area shape="rect" coords="0,0,118,18" href="/about/index.html" alt="About MLA"></map>

To top of page

this is ssi "gen5.html" (closes the left navigation area, includes the page footer information, adds the bottom row to the design table and closes the table)
</td></tr><tr><td bgcolor="#FFFFFF" width="100%"><hr width="95%" size="1" noshade><center><font size="-1"><a href="/index.html">Home</a>&nbsp;|&nbsp;<a href="/about/contact_mla.html">Contact</a>&nbsp;|&nbsp;<a href="/joinmla/index.html">Join</a>&nbsp;|&nbsp;<a href="/order/index.html">Store</a>&nbsp;|&nbsp;<a href="/siteindex.html">Index</a>&nbsp;|&nbsp;<a href="/search.html">Search</a></font><br><hr width="95%" size="1" noshade><b><i><a href="/about/contact_mla.html">Medical Library Association</a></i></b><BR><font size="-1">312.419.9094&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:info@mlahq.org">info@mlahq.org</a></font><br><font size="-2"><i>&copy; 1999-2001 Medical Library Association</i><BR><a href="mailto:mlamis@mlahq.org?Subject=SiteComment">Send site questions/comments to systems administrator.</a><br><a href="/privacy.html">Privacy Notice</a>&nbsp;|&nbsp;<a href="/copyright.html">Disclaimer and Copyright Notice</a>&nbsp;|&nbsp;<a href="/tech_is/index.html">Site Info</a></font><br><hr size="0" width="0"><font size="-2">Last updated:&nbsp;<?$time = date("H:i");$nicedate=date("d M Y - H:i A");PRINT("$nicedate")?> <!--#config timefmt="%d %B %Y" --><!--#echo var="LAST_MODIFIED" --><BR>www.mlanet.org<?PRINT("$SECTIONTITLE");?><!--#echo var="DOCUMENT_URI" --></font><br></center></td></tr><tr><td bgcolor="#6699FF" height=25px colspan="3">&nbsp; </td></tr></table>

To top of page Tips on Writing SSI Files

  • To use multiple ssi files in a page, create a page using regular HTML code. Find logical "breaks" in the code; create your ssi files by copying each section of code into a separate ASCII text file at the logical break points.
  • Do not open your *.html files in a WYSIWYG Web editor like Dreamweaver. Such software programs will insert beginning and ending HTML tags (like <html> and </html>) that will render the files inoperative within the body of the page.
  • Place all your ssi files in an ssi directory in your site. This helps to manage them more easily and to transfer them to the server properly.
  • Create a test page using all your ssi files. You will have to load them to a server to make sure they all work properly together! If your files are on local drives, even a WYSIWYG editor will not allow you to see embedded ssi files. Make sure your files use the full *.html (not *.htm) extension - our server will not recognize *.htm files for server side includes.

If you have any questions, please contact Kate Corcoran, MLA's director of research and information systems.

                 Thanks to our MLANET sponsors!

Thanks to Rittenhouse for their sponsorship of MLANET.

Order your Medspeak in Plain Language brochures today

                 Thanks to our MLANET sponsors!