Follow

Getting Started - Main Website

Typically a district's website consists of primary web pages and multiple faculty websites.  While some users will have rights to both, this Help Doc will focus on using the Navigation Builder and adding content on the primary website.  The intent of this document is to give you the necessary information to get started with your Web site.  As you go through this tutorial, you will notice that this document does not explain all the features that you will find in CMS4Schools.  For complete instructions on any feature, go to the appropriate Help Manual file.

Accessing the Navigation Builder

Accessing the Navigation Builder

From the Main Web site Administration page, click on Navigation Builder Home along the left navigation menu.

FYI: The word 'My" is used to differentiate between Main Web site Admin and the Faculty Pages Admin modules.  For example. Navigation Builder Home (Primary Web Site) and My Navigation Builder Home (Faculty Web Sites).

 

Add a Page

Add a Page

Click the Add Page link the near the top center of this page.  A screen similar to the following displays.

Enter Details of New Internal Web Page

Enter Details of New Internal Web Page

Navigation Category: The page category can be selected before clicking the Add Page link or can be changed to another category after clicking the Add Page link.

Type in a Navigation Link Name.  This is the link itself that will appear in your left side navigation bar. Some level 1 links may appear in the top dowp-down navigation depending on how your site is configured.

Choose a Navigation Type.

Internal Web page: This option will be used for most of your links.  By selecting this option, you are creating a new page within your Web site.

Physical File: This is the file name that will be used for this page, and appear in the URL. Each page must have a unique physical file name.  If you choose a name that already exists for another page, a warning message will appear.  This file name cannot have any spaces, just letters, numerals and dashes.

Page Title: This is an optional field.  The text that you enter into this box will appear in the title area of this page.  It is recommended that you include a title for each page.

Banner Graphic: Each page of your Web site can have a banner graphic at the top of the page.  You can use any number of banner graphics for your site.  You can use this tool to select a banner graphic from the Banner Graphic library (See the Banner Graphics Help Manual) or add a new one.  Unless you specify otherwise, the default Banner will be used for all new pages. Customized sites may not be able to make banner changes.

Web Site Link: This option will be used for linking to a specific Web site address.  This could link to a Web address on an external Web site OR it could link to a file within your Web site.  

Directions for a Web Site Link are continued in the next step.

Choose the Navigation Link status.  This will allow you to temporarily make a page inactive.  When inactive, the page will still exist but it will not be part of the navigation links on the left side.  This will default to “active” for all new pages. If someone has a link to this page it can still be accessed through the link. If you do not want a page to be accessed in any way it will need to be "unpublished" in the Advanced Settings area.

Specify the Navigation Order.  Use this drop down to select where in the navigation this link will appear.

Select the desired Navigation Level.

Click Add to add the new page.

Navigation Builder

Navigation Builder

The Navigation Builder will display your current Web site map as well as allow you to update any of your current pages.

The drop down menu at the top lists the page categories available.  Home and Demo High School are the two categories this user has rights to edit.

Each column of this table has a unique function.  The items below will explain these from left to right.

Lvl (short for Level):  1st level links are the main links that always appear on your site.  In order to view the 2nd and 3rd level links, users must click on or mouse over the 1st level link.  

Link Name: Shows how the link will appear in the navigation area.  Note that these are indented so that the levels are easy to identify.

Type: Identifies whether the link goes to an Internal Web page (Page) or external Web site (Link).  This will be explained in greater detail below.

Content: Takes you to the page detail for this individual page.  The Main Body link will be used to edit the content in the main body of this page.  The Right link will be used to the edit the content in the right side bar of this page.  

Update: Allows you to change anything about this page that relates to the navigation itself.  Note: You cannot change the Page Type from Page to Website Link, a new page must be created and the existing page deleted.

Delete: Allows you to delete this individual page.  You will only be able to delete this page if it is currently empty (This is to ensure that you do NOT accidently delete a page).  Therefore, you will need to delete all the page detail tools prior to deleting the page.

Preview: Opens the selected Web page in a new browser window.  This is a convenient way to check your work and view a page as a public user will see it.

Last Modified: Date and Time as well as the user who made changes to the page are shown.

Perms: Clicking on the key icon will display a list of users who have rights to the page.

Enter Details of a New Web Site Link Page

Enter Details of a New Web Site Link Page

Web Site link: This option will be used for linking to a specific Web site address.  This could link to a Web address on an external Web site, another page within your Web site, OR it could link to a file.

Type: Decide whether clicking on this link will bring your Web site users to a new browser window or keep them within the current window.

URL: Type in the full Web address of the desired destination.  Be sure to include the http://.  Copying/pasting is recommended.

Choose the Navigation Link Status.  This will allow you to temporarily make a page inactive.  When inactive, the page will still exist but it will not be part of the navigation links on the left side.  This will default to “active” for all new pages.

Specify the Navigation Order.  Use this drop down to select where in the navigation this link will appear.

Select the desired Navigation Level.

Click Add to add the new page.

Navigation Builder with Two Additional Pages

Navigation Builder with Two Additional Pages

Two additional pages now display within the Navigation Builder.  Both are Level 1 pages

The first one is an Internal Page as is designated by "Page" in the Page Type column.

The second one is a Web Link Page as is designated by "Link" in the Page Type column.  Notice you cannot access Page Detail on a Linked page.

Editing an Existing Page/Adding Content

Editing an Existing Page/Adding Content

To add or update tools on a page, click either Main Body or Right depending on where these tools are to be displayed.

To make modification to the page's properties, click Update.  If it is an Internal page, changes to the page name, title, status, etc. can be made.  If it is a Linked page, you can make changes to the page name, title, etc. as well as the URL where the page is pointed.

There is help documentation for each page detail tool that can be added to the Main Body or Right side of an internal web page. Please look at the documentation for the specific tool you want to add to the page.

Adding Content to Your Page - Main Body

Adding Content to Your Page - Main Body

From Navigation Builder Home, click on Main Body on the page you wish to add content.  (see previous screen shot)  

The above screen will display.  This represents the webpage to which you will be adding content.  Let's begin...

To add a tool (content) to your page click on the drop down menu labeled Add Tool to this page:    Two of the most frequently used tools are Text/Graphic Editor and Resources/News, but there are many others to choose from.   Let's add a Text/Graphic tool to begin with.

  1. Select Text/Graphic Editor  from the Add Tool to this page: drop down list.
  2. Choose the position of the tool on the page. The default is at the top of the page. After tools have been added, the item showing in the drop down list should be the tool that should display directly above the tool being added. The first tool added will only have the "Place at top of page" in the drop down.
  3. Click the Add button.

Adding Text and Graphic

Adding Text and Graphic
  1. Enter text in the text box utilizing the toolbox above it for formatting options.  
  2. To add a graphic (optional) click the Choose File button, locate the graphic file (jpd, gif, or png) and click Open or double-click on the file name.
  3. Choose the justification of the graphic to display on the page.
  4. Choose Image Width.
  5. Finally click Add at the bottom.  

There are other options within this tool and additional information can be found on the Text/Graphic Editor Help Doc but since this is a "Getting Started" document, we'll leave those options for later.  

Webpage Display

Webpage Display

The above screen shot displays a Text/Graphic tool.  The image is left justified with the default width of 300 pixels.  A tool heading was added and the page title (created when the page was added) is also visible.

Editing an Existing Tool

Editing an Existing Tool

To make changes to an existing tool, simply click on Main Body within Navigation Builder.  The above screen shot displays.  To edit the tool, click on Update Text/Graphic Editor.

To learn more, please check out our full range of Forums on our CMS Support Site.  

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk