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.

Overview of the Dashboard

  1. Quick tools in the Dashboard

The Dashboard offers quick access to a number of tools that help you manage your website content.

Cascade CMS DashboardWebsite dashboard

There are 3 that you’ll likely use on a regular basis:

History

The “History” section allows quick access to files and assets that you have previously worked on.

Dashboard History toolDashboard History tool

Drafts

The “Drafts” tool lists files and assets that you are currently working on and have saved as a draft.

Dashboard Drafts toolDashboard Drafts tool

Recycle Bin

The “Recycle Bin” lists files and assets that you have deleted. To retrieve a deleted file or asset, click on the green recycle icon Recycle Bin icon.

Dashboard Recycle BinDashboard Recycle Bin

Logging In and Out

  1. How to log in and out of Cascade CMS
  2. Selecting a website

1. To log in, open a browser tab and go to: http://webcontent.langara.bc.ca

2. Enter your Langara network username (e.g. bsmith) and password.

Cascade CMS Login Window
Cascade CMS login window

3. At the top left, select the “langara.bc.ca” option from the website selector dropdown menu.

Website Selector Dropdown Menu
Website selector dropdown menu

4. You should now see the site Dashboard.

Cascade CMS Dashboard
Website dashboard

5. To log out, click on the “Log Out” link at the top right.

Cascade CMS Log Out
Logging out of Cascade CMS

Overview of Cascade CMS

  1. What is Cascade CMS and how does it work?
  2. Submitting vs. publishing

What is Cascade CMS and How Does It Work?

Cascade CMS is the content management system used to manage Langara’s website (http://langara.ca).

The diagram below demonstrates how Cascade CMS works.

Cascade CMS Publishing ModelCascade CMS Publishing Model

Cascade CMS: On the left half, CMS users log in and interact with the CMS software. Users can create and edit assets — whether they are web pages, files (images, PDFs) or folders.

WWW: On the right half, a network of load balanced servers host static HTML web pages that are viewable by our site visitors.
E.g. http://langara.ca/departments/human-resources

The load balanced network helps alleviate stress by distributing visitor traffic evenly across all 3 servers. The Langara.ca site is replicated on all 3 servers to ensure visitors are seeing the latest content.

The separation between the two ecosystems helps create a layer of security and robustness. Should the CMS software fail, Langara’s website will continue to operate. However, this model of publishing comes at a cost of speed and limited dynamic functionality.

Submitting vs. Publishing

Getting updates to the live website is a two-step process: Submitting and Publishing.

Submitting

On the Cascade CMS side, we log in and interact with the CMS tool to create or edit our web pages. Once we have completed creating or editing pages, we submit our changes to commit them to Cascade CMS.

Our changes are stored in the CMS database where we can then preview our changes on the a dynamic version of the site. I use the term “dynamic” because pages on the CMS side interact with the database and pull information to generate the content on the fly.

At this point however, our updates have not reached the live website on the World Wide Web. We still need to publish our updates.

Publishing

After submitting our updates to the CMS, we still need to publish them to the live website (http://langara.ca).

When the publish function is invoked, the CMS creates a static HTML file on the Load Balanced Servers and it should now be viewable to site visitors on the World Wide Web.

Note: You may need to refresh your browser to see any changes that are published.