Creating Sub-Pages in Sitemason
by Pam Jones; version of August 2006.

IMPORTANT NOTE: Sitemason's interface has been upgraded, and these instructions have not been updated yet. However, after creating a new page (which Sitemason calls "adding a tool"), you can select "Downgrade" from the "Page" pull-down menu, and most of these instructions will be relevant. You can "Upgrade" your page back to the new interface whenever you want. You might prefer not to "Downgrade" at all, because the new interface is fairly intuitive. You can contact me if you need help: Pam Jones, Room 1324,


  1. Log on to Sitemason by going to Enter your VUnet ID and Password. These are the same ones you use to get email.

  2. Click on "Add a Tool." (Note that in Sitemason terminology, a "Tool" is a Web page.)

  3. The "Tools" page offers you several templates for making Web pages. The simplest is Page Builder. Under Page Builder, click "Add One."

  4. Sitemason names pages numerically - for example, "new_page_builder70," so it's good to Rename your pages with something that's descriptive. To do that, click on the "Rename" button.

  5. Sitemason's old numerical name will be highlighted on the next screen. Type over it with your new name for your page, and then click "Save Name."

  6. You'll see your new page name on the next screen. Here it's "Research."

  7. You need to Set Fonts and Colors to the required standard used by everyone in the Math Department.

    Click on the Set Fonts and Colors tab. Select "Blue Slate."

  8. Next, select "Edit Elements," even though you're making a new page and technically don't have anything to "edit" yet.

  9. This is the next screen you'll see. Change the first pull-down to "Header" and then select "Add & Edit."

  10. A new window opens. Type in the title you want to appear at the top of this new page, for example, "Research." Then click "Add."

  11. You're returned to the Editing tool, where your new header appears.

  12. Next add the text that will appear on this page. Beneath the header, the pull down should already read "Insert a new ... Paragraph." Make sure the second pull down says "At the bottom of this page" and then click on "Add & Edit."

  13. Another new window opens - the Paragraph Editor window. If you want, you can maximize the window by clicking on the middle icon (the open box) in the top right corner.

  14. Type or paste whatever information you want. The Paragraph Editor works like a word processing document. You can type, edit, paste, etc. When you're through adding information, click "Add" at the bottom. (Later, after the page already exists, this button will say "Save" for saving edits.)


    If you know html and want to work in the source code, click on the "Source" icon in the Paragraph Editor.

    To create a link, highlight the text you want to use as the link, then click on the "Insert/Edit Link" icon.

  15. After adding your new paragraph text, you'll be taken back to this screen. Be sure to click on "Save Changes and Go Back," or your new additions won't be saved. This is always the final step in saving additions and edits to your page.

  16. You'll be taken back to your main Sitemason account page. Your new page will show up in your list of sub-pages.

Linking Your Sub-Page to Your Main Page

Copy the URL from either of the places where it appears -- on the Site Manager page or on the preview page -- see illustrations. (To avoid typographical errors, don't retype it, use copy-and-paste.)

Paste this URL into the corresponding field on the page that opens when you select the "Header and Footer" tab on your Main Page.

There are not illustrations here for each of the intermediate steps you'll need to do for this task. The steps are:

Editing an Existing Page

  1. When you want to edit an existing page, log on to Sitemason as usual, and select the page from your list.

  2. You'll select "Edit Elements" again, just as you did when you first created the page.

  3. You see this same page again, the Edit Elements page. Each "element" on the page has its own set of editing buttons to the left. To edit an element, click on the edit button associated with it.

  4. The Editing Screen is the same screen you originally used to input the information. Now, though, it shows "Save" beneath the window, instead of "Add."

    Edit or add whatever you need to. This time click "Save" when you're done.

  5. Be sure to click on "Save Changes and Go Back" on the next screen, or your new edits won't be saved.

  6. Now you can Logout.

  7. Logging out always takes you back to the Login screen.

    If you're finished, just close your browser window.

Sitemason Support and Documentation.

Sitemason documentation is available from any screen by clicking on the Support button at the top left of the page.

Send questions or comments to Pam Jones,