University of Michigan-Flint

Please refer to the image above to see where each numbered item is located.

1. This file list is similar to the file list in Windows Explorer.  It allows you to see the folders and files that currently exist in a hierarchical layout.
2. Items that have been created in the area currently selected from the list on the left will be listed in this area.  In this example the contents of the "webguide" folder are displayed.  In this area you can also view information about the files such as:
    
   • "Name":  the name of the file or folder.
   • "Modified By":  The person who last modified the file or folder.
   • "Modified":  The date and time of the last modification.

   At the end of the row "Edit" and "Properties" are listed.  Clicking on "Edit" will allow you to modify a file, this feature will be discussed more in the "Editing a page" section.  The "Properties" will display more detailed information about the file or folder.

3. The menu bar, indicated by number three in the image, contains the features that you will use most often as you modify and maintain your Team Site.
    
   • "File": Allows you to execute actions such as: creating new web pages, deleting/renaming/moving files, and creating new folders. ;
   • "Edit": Undo changes that you have made, copy files/folders, and select items.
   • "View":  change your view to display certain files (locked, deleted files, etc).
   • "Actions": lock and unlock files, preview pages, generate pages, regenerate pages, and convert files.
4. Whenever you are finished working in your TeamSite, make sure to click the "Logout" link indicated by item four.
5. When you click on the folder icon indicated by item five, your favorites will be displayed.  This feature will be discussed more in the Navigating around the CMS tutorial.
6. The tool bar indicated by item number six contains a few useful shortcuts to items contained in the menus indicated by item three.

The CMS uses nested elements to display information in the forms.  The image below gives an example of this structure:

There are two sidebar elements (as indicated by the "2 items" after "Sidebar" at the very top).  The first element is a set of links, with the links nested inside several other boxes (One indicating the type of sidebar, "Links", and the other indicating the actual list of "Links" with three items).  This same organization scheme applies to content body elements. 

The above image gives an example of the way the Categorized Links element is nested.

While the nesting may appear complicated at first glance, it is actually very organized and with a little practice can be very easy to interpret.  Essentially anything held inside a larger "box" is a subset of that element (the element with the larger "box").  Elements will be displayed in the order they are added on the form.  To alter the priority of the elements use the small arrows on each element "box".