There are two styles of template -- a top level template, for the first page of your departmental area, and a lower level template, for any subsequent pages. Departments may choose to simply use the top level template for all files. However, if you are interested in using the 2 level style, note that both of the templates have some common elements:
All of this html code will work if your files will ultimatly be accessed from the main www.carleton.edu server. If your files will be on either Celeste or Fabio, do not use the "#include virtual" code for the header & footers or "#echo var" code in the "Last modified" line. For pages on servers other than www.carleton.edu, simply keep the header, footer & date information within the file itself.
<HTML> <HEAD> <TITLE>Carleton College: Physical Education</TITLE> </HEAD> <BODY BACKGROUND=/graphics/background.gif BGCOLOR=#FFFFFF> <IMG SRC=/graphics/carleton-level1.gif WIDTH=231 HEIGHT=25 ALT="Carleton College"> <IMG ALIGN=RIGHT SRC=/graphics/dept/PEAR.gif WIDTH=341 HEIGHT=15 ALT="Physical Education, Athletics, & Recreation"> <BR CLEAR=RIGHT> <!-- ------- Department-specific navigation buttons go here -------- --> <CENTER> <P ALIGN=CENTER> <IMG SRC=/graphics/space.gif HEIGHT=50 WIDTH=1 ALIGN=BASELINE> <A HREF=/curricular/PEAR/resources/> <IMG SRC=/graphics/academic-resources.gif ALT="Academic Resources" HEIGHT=30 WIDTH=90 BORDER=0 ALIGN=BASELINE></A> </P> </CENTER> <!-- -------- End of department-specific navigation buttons --------- --> <!-- --------- The text of your page goes below this point ---------- --> Your page's HTML here. <!-- ---------------- Main text of page ends here ----------------- --> <!-- ----------- Make sure the owner's name is correct: ----------- --> <!--#include virtual="/builders/templates/navbar-acad.i" --> <P ALIGN=RIGHT><SMALL> Last modified: <!--#echo var="LAST_MODIFIED" --><br> by: <a href="mailto:firstname.lastname@example.org">Your Name</a> </SMALL><P> </BODY> </HTML>Just fill in your HTML content and use the appropriate graphics, and you'll be set. Department name graphics for departments of instruction are in /graphics/dept/, everyone else is in /graphics/campus/. You'll want to check to make sure that the WIDTH and HEIGHT settings are correct for your graphics as well -- each department name takes up a different amount of space. You can determine the size of a graphic by entering its URL in your web browser; when the graphic comes up on the screen, its dimensions will be displayed in the window's title bar. Take this information and type it into the "WIDTH=" and "HEIGHT=" location in the code for the contents of the bluebar across the top of the page.
For those of you who will have your files on the www.carleton.edu server (instead of on the web servers on Celeste or Fabio) we strongly recommend that you use an "include file" since the elements will be the same on all of the pages. An include file is file containing HTML that you can include in many different pages. That way, if you decide to make some change that will effect all of your pages (like adding a navigation button), you only have to change the include file, and all of the rest of your pages will automatically display the change. If you don't use an include file, or your pages are served from Celeste or Fabio, you'll have to edit every page each time you make a change to the common header material.
<BODY BACKGROUND=/graphics/background2.gif BGCOLOR=#FFFFFF> <IMG SRC=/graphics/carleton-level2.gif WIDTH=199 HEIGHT=18 ALT="Carleton College:"> <IMG SRC=/graphics/dept/PEAR2.gif WIDTH=290 HEIGHT=14 ALT="Physical Education, Athletics, & Recreation"> <BR CLEAR=RIGHT>Every file that uses this header has this general structure:
<HTML> <HEAD> <TITLE>Carleton College: Physical Education</TITLE> </HEAD> <!--#include virtual="/curricular/PEAR/header.i" --> Your page's HTML here. <!-- ---------------- Main text of page ends here ----------------- --> <!-- ----------- Make sure the owner's name is correct: ----------- --> <!--#include virtual="/builders/templates/navbar-acad.i" --> <P ALIGN=RIGHT><SMALL> Last modified: <!--#echo var="LAST_MODIFIED" --><br> by: <a href="mailto:email@example.com">Your Name</a> </SMALL><P> </BODY> </HTML>Just change the directory specification and you can use this sample for your own pages.
When your web browser loads a page that uses include files, the HTML from the include files is displayed right along with the HTML from the rest of the page. You can't tell by looking at the source with Netscape where your page stops and the include file starts.
That means that if you save the page source with Netscape, edit the HTML, and put the page back on the server, you will break all of the links to include files, and any subsequent changes that you make to the include files won't be reflected in that page. It also messes up the automatic revision date, so it's a bad habit all around.
The solution is to never work on HTML source that you've saved through Netscape. Always copy the original from the server before working on it.
Last modified: Friday, 12-Nov-1999 18:00:13 CST
contact: M. Heiman