Creating Pages

  1. Types of pages
  2. Index pages
  3. Secondary pages

Types of Pages

There are different types of page templates that serve different purposes.

They can be broadly grouped in 2 categorizes:

  1. Index pages (or homepages)
  2. Secondary pages
Note: A CMS TEST environment is available should you wish to follow along or practice these steps. Please contact the Web Team (webteam@langara.ca) for access.

Index Pages

Index pages are often referred to as homepages. Every folder on a website should have an index or homepage.

For example, the index or homepage for Human Resources is: http://langara.ca/departments/human-resources-payroll/index.html.

Try clicking on the following links with and without the “index.html” portion:

With “index.html”
http://langara.ca/departments/human-resources-payroll/index.html

Without “index.html”
http://langara.ca/departments/human-resources-payroll

Notice that both links resolve to the same page? This is because web servers recognize “index.html” as the “human-resources-payroll” folder’s homepage.

When we visit the Langara.ca, http://langara.ca, we are actually viewing it’s homepage, http://langara.ca/index.html, but we don’t have to type the “index.html” portion explicitly because it is implied as the default page for the site.

Let’s go through the process of creating a new index page.

First, let’s create and name a new folder. For the purposes of this exercise, let’s create a new folder under “/departments/redundancy”.

1. Create a new folder: New –> Default –> Folder.

Create a folder

2. Enter the name of your folder in the “System Name” field.

Folder System Name

Tip: File and Folder Naming Conventions

  • Avoid using spaces or CAPS in file and folder names.
  • Use dashes “-” to separate keywords.
  • Don’t use special symbols (i.e. $@&#).

To learn more about best practices for naming conventions, see Naming Conventions

3. Hit the “Submit” button. Your new folder should now appear in the left folder nav.

New folder appears in the left menu

Now, let’s create an index page for this new folder.

4. With the folder selected: New –> Default –> Department –> Index Page.

Note: For more information on different page templates, see Page Templates.
Selecting the department homepage template

The System Name field will be pre-populated with “index”. Do not change this. This is the name of your file that will be published to the website. Note that you do not need to add the “.html” extension — Cascade CMS will add the extension automatically.

5. Add a name for your page in the “Display Name” field. This is user-friendly heading that will appear at the top of your page. E.g. “About Us”.

Display Name

6. Add content in the WYSIWYG editor. Some templates offer a sidebar option for right-hand column content. Add content in the sidebar as needed.

WYSIWYG Editor

7. Add a note in the comments field describing what you’ve done. Adding notes will help you keep track of any changes you’ve made should you need to recall a previous version of your page.

Comments Field

8. Hit the “Submit” button to confirm your new page.

9. Click on the “Publish” tab, “Submit” again and “Publish”.

Publish Tab

10. Open another browser tab and check your new page on the live site (e.g. langara.ca/departements/redundancy/about-us).

Publish Live
Note: You many need to refresh your browser to see your page.

Secondary Pages

Secondary pages are similar to Index pages, except that they don’t have to be named index.html.

Let’s create a new secondary page that will allow visitors to find our contact information. We’ll call this page, “Contact Us”.

1. Click on the folder you wish to create a new page in or create a new folder.

2. Create a new page: New –> Default –> Department –> Page.

New Secondary Page

3. Enter the name of your page in the “System Name” field.

New Page System Name

Tip: File and Folder Naming Conventions

  • Avoid using spaces or CAPS in file and folder names.
  • Use dashes “-” to separate keywords.
  • Don’t use special symbols (i.e. $@&#).

To learn more about best practices for naming conventions, see Naming Conventions

This is the name of your file that will be published to the website. E.g. contact-us.html. Note that you do not need to add the “.html” extension — Cascade CMS will add the extension automatically.

4. Add a name for your page in the “Display Name” field. This is user-friendly heading that will appear at the top of your page. E.g. About Us, Contact Us.

New Secondary Page Display Name

5. Add content in the WYSIWYG editor. Some templates offer a sidebar option for right-hand column content. Add content in the sidebar as needed.

6. Add a note in the comments field describing what you’ve done.

7. Hit the “Submit” button to confirm your new page.

8. Click on the “Publish” tab, “Submit” again and “Publish”.

9. Check your new page on the live site.