Team Site Layout and Navigation

Contact Us or call 1-877-932-8228
Team Site Layout and Navigation

Team Site Layout and Navigation


SharePoint sites are part of a hierarchy that is grouped in a Site Collection. There is always one site that is the root site of the Site Collection but below that site can be many child sites. Lists and Libraries can be created within each site in the Site Collection. The Site Collection defines the basic storage as well as administration and permissions. In a later lesson in this course, you will explore the basic permissions and how they are applied to each site within the Site Collection as well as each list and library.

The following diagram illustrates a conceptual view of how sites might be organized in a Site Collection. Note that the presentations in this course use a root site named Contoso Home Site with a single child site named Sub Site A.

Site layout diagram


Navigation is a crucial part of using and managing SharePoint. The following walk-through, will navigate the root Team Site named Contoso Home Site as well as its single child site Sub Site A. The walk-through will highlight different menus and navigation links shared by all the pages in a SharePoint site.

  1. Navigate to your team site.
    1. Launch whatever browser you prefer; the examples in this course use Internet Explorer.
    2. Type the address of your team site; the examples in this course use http://spserver2013/sites/student00.
    3. The home page of your team site should look similar to the following: Basic Team Site home page.
  2. Navigate using the Top Link Bar.
    1. The site you are located in can be verified by the Title: Top Lind Bar Contoso SiteThe title of the walk-through site is Contoso Home Site and the Home tab is shaded in the Top Link Bar of the site.
    2. Click a link in the site's Top Link Bar, other than Home, to navigate to the home page of the child site. In this walk-through the child site is titled SubSite A. Top Link Bar

      Note that links in the Top Link Bar are not necessarily child sites, they can be links that have been manually created and that navigate to pages within the root site. The default behavior when adding a new child site to a parent site is to add a link to the Top Link Bar of the parent site.

    3. Note how the Title of the child site is shown in the following image. Sub Site A Home

      Sometimes it can be hard to tell that you are on a different site. In this walk-through both sites' home pages and Quick Launch menus are based on the same Team Site templates, and neither have had any customizations performed on them. The only visual differences at this point are the titles Sub Site A and Contoso Home Site, and Sub Site A only has the Home link in its Top Link Bar because it does not yet have any child sites. In a later part of this course, you will learn how modify the content of pages such as the home page. You will also be adding content to the site that will automatically change the Quick Launch menu.

  3. Navigate back to the parent site.
    1. Use the Back button of your browser to navigate back to the parent site. Browser back button

      In a later part of this course, you will learn how to configure child sites to use the same Top Link Bar as their parent site as well as how to add custom links.

  4. Navigate using the Quick Launch menu.
    1. Select the Documents inside the Quick Launch menu located on the left side of the page. Quick launch menu
    2. Navigate back to the home page of the site by clicking the Home link within the Quick Launch menu. Contoso site Breadcrumbs links

      In later parts of this course, you will learn how to create lists and libraries as well as other items that will automatically add links to the Quick Launch menu. You will also explore how to customize the Quick Launch menu manually.

  5. Navigate using the Settings menu.
    1. Click the Settings menu located at the top right of your Team Site. Site actions menu
    2. Take a few moments to read through the list of links in the Settings menu. The items you see in the list reflect who you are logged into the site as. The list uses security trimming to show only items that you have permission to use.

      In a later part of this course, you will learn how to assign permissions.