Link to the University of Waterloo home page

Waterloo Library Link to the University of Waterloo Link to the Waterloo Library website

The CSS based templates use several files. These files are the CSS files and a possible server side include file if side or bottom navigation is being used.

To set up a new area, first identify which type of template will be needed. Currently there are 7 different templates which fall into two categories. They are

Fixed-Width Pages

Full-Width Pages

Setting Up An Area

  1. Select the Templates that you would like to use.
  2. Once you have selected the templates that you want, you need to set up a Templates directory in the area where you will be working. Make sure that the T is capitalized in Templates.
  3. Open UNIX and navigate to that directory. Now run the following command replacing [insert correct template name] with the file name in brackets after the type of template you want.

    ln /libweb/htdocs/Templates/[insert correct template name] [insert correct template name]
  4. Repeat step 3 for each template that you want to make available.
  5. Now go to the top level of the area you want to work in. e.g., borrowing would be /fsys2/libweb/htdocs/borrowing/
  6. Create a directory named css.
  7. Navigate to that directory.
  8. Type the following command.

    ln /libweb/htdocs/css/master.css master.css
  9. Type the following command.

    ln /libweb/htdocs/css/full.css full.css
  10. If you used a fixed template, use the following command to link to the CSS file.

    ln /libweb/htdocs/css/fixed.css fixed.css
  11. If you used the two column layout use the following command to get the CSS file.

    ln /libweb/htdocs/css/twocol.css twocol.css
  12. If the template uses a sidebar.
    1. Navigate to the top level of the area you are setting up and create a directory named ssi.
    2. Copy the file sec_navbar.html from the /libweb/htdocs2/Templates/ssi folder to this folder.
    3. Edit the sec_navbar.html file to contain the necessary links.
  13. If the template uses a bottom navigation bar.
    1. Navigate to the top level of the area you are setting up and create a directory called ssi.
    2. Copy the file footer_nav.html from the /libweb/htdocs/Templates/ssi folder to this folder.
    3. Edit the footer_nav.html file to contain the necessary links.
  14. If the maintainer would like an ssi file which contains their standard contact info, copy the file called contactinfo.html in the ssi directory. Put the information that is needed in this file.

Creating a new page

  1. Connect to the site that you want to add a page to.
  2. Select the Templates folder, and choose Site > Get.
  3. Select File > New...
  4. Click the Templates tab at the top of the new document window.
  5. Choose the site to which you are adding a page from the list at the left hand side of the window.
  6. From the list in the middle of the window choose the template you wish to use and make sure that Update page when Template changes is checked.
  7. You should be looking at a page that is complete except for the content. The top navbar may or may not appear, and it may appear as a rather long set of lists, do not worry, the site will look fine on the Internet.
  8. Add a title
    1. There is a green box labeled header near the top of the screen. Select this and put the page title into this area. Make sure that it is formatted as a heading 1
  9. Change the <title> element.
    1. At the top of the area where the page you are working on is shown, there is a box labeled Title. Click into this Box and add your title. This should read something like the following. Anything that is in square brackets needs to be replaced

      [Current Page] | [Current Area] | Library | University of Waterloo
  10. Add the content.
    1. Simply copy your content into the page. You can add formatting such as bold and italics as well.
    2. For information on linking to your e-mail address, read this page on spam protection.
    3. Remember to save your page while working on it so that if something goes wrong you don't loose everything.
  11. If you have a pre made contact info section, click into the contact info section at the bottom and delete the content that is there. Then switch to code view and type

    <!--#include virtual="ssi/contactinfo.html"-->
  12. If you do not have a pre made contact info section, type in the necessary contact information.
  13. Save your page and put it to the server.
  14. Open the page in a web browser.
  15. Click the XHTML link at the bottom of the page.
  16. If the page is Valid you can check it in and close it, otherwise correct the errors.

Updating a page

  1. Check out the page that you would like to edit from the remote site.
  2. Open the file, and make the necessary changes.
    1. Links can be added using the link box in the properties panel.
    2. Text can be formatted in the properties pane
  3. Save the page and put it to the server.
  4. Open the page in a web browser.
  5. Click the XHTML link at the bottom of the page.
  6. If the page is Valid you can check it in and close it, otherwise correct the errors.

Modifying a sidebar.

  1. Get the sec_navbar.html file from the ssi folder on the remote site.
  2. Check the file out, and open it.
  3. Add or Remove items from the list. Make sure to leave the Skip Navigation item at the top.
  4. Adding a link is simply done by selecting the item and typing the filename of the page that you wish to link to in the link box in the Properties panel.
  5. Save the file and put it to the site.
  6. Navigate to a page within your site that uses the sidebar, and that you know validates.
  7. Click the validation button at the bottom to ensure it still validates with the changes that you have made to the sidebar. If it does not, correct the errors.

Modifying a bottom navbar.

  1. Get the footer_nav.html file from the ssi folder on the remote site.
  2. Check the file out, and open it.
  3. Add or Remove items as needed. Separate each item with a vertical bar ( | ).
  4. Adding a link is simply done by selecting the item and typing the filename of the page that you wish to link to in the link box in the Properties panel.
  5. Save the file and put it to the site.
  6. Navigate to a page within your site that uses the bottom navbar, and that you know validates.
  7. Click the validation button at the bottom to ensure it still validates with the changes that you have made to the bottom navbar. If it does not, correct the errors.