WRLC Case Study  : :  Who Are We?  >>  Overview of Contract  >>  Step 1: Research  >>
Step 2: Define Design Criteria  >>  Step 3: Ideation > Steps 4 - 100: Critique & Revision  >>
New ALADIN Identity  >>  ALADIN Interface  >>  New WRLC Identity  >>  WRLC Web Site

WRLC Corporate Web Site Colors and Layout

<!--#set var="page_title" value="My Sample Web Page" -->
<!--#set var="level1" value="diglib" -->
<!--#set var="level2" value="dcpc" -->
<!--#set var="level3" value="guidebook" -->
<!--#set var="level4" value="sample" -->
<!--#include virtual="/ssi/header.shtml" -->

<h1>This is a sample Web page.</h1>

<p>The new WRLC site uses style sheets and multivariable extended server-side include functions to make it easy to create new pages (with little or no knowledge of HTML) and also quickly implement site-wide style and layout changes.</p>

<p>To create a new Web page, just copy the first six lines of code above (from the "page_title" line through the line that includes the header file) and the last line at the very bottom (that includes the footer file).</p>

<p>The "page_title" variable controls the text in the title bar of your Web browser (displayed in normal casing) and also the title displayed within your Web page just underneath the main header tab images (displayed in white text in all lowercase letters).</p>

<p>The "level1" variable specifies the first level of navigation. Use "home" for the home page, "diglib" for all pages within the Digital Library section, "resource" for pages within the Resource Sharing section, and "offsite" for pages within the Off-Site Storage section.</p>

<p>The "level2" variable specifies the second level of navigation within the site. For example, within the first-level Digital Library section, this "level2" variable would indicate either Digital Collections Production Center ("dcpc") or ALADIN Computing & Networking Systems ("cns"). Within the first-level Resource Sharing section, for example, this "level2" variable would indicate either Resource-Sharing Policies ("wrlcpols") or Shared Virtual Reference ("virtualref").</p>

<p>The "level3" variable specifies the next level of site navigation -- for example, the "Guidebook" section of the Digital Collections Production Center.</p>

<p>The "level4" variable defines the next level of site navigation if necessary.</p>

<p>At the time this document was prepared, the entire WRLC Web site on the Realise Design test server validated correctly with the W3C, indicating that there are no errors in any of the coding and that the entire site is completely standards-compliant.</p>

<p>That's all you have to do to make a Web page that looks like the rest of the WRLC site. Just set the five variables (page_title and levels 1-4) and then paste the header and footer include tags. You don't have to write any HTML, unless you want to include an image or link, or specify paragraph breaks. The site's layout and navigation structure are controlled in the "header.shtml" file and others in the "ssi" directory, while the site's appearance and style are controlled by the "master.css" file in the "style" directory.</p>

<!--#include virtual="/ssi/footer.shtml" -->