OU Tutorials

OU Tutorials

Need help with a specific area of your site? Check out the OU guides.

Formal training for OU Campus is currently scheduled on a monthly basis and covers all of the content in the guides shown below.

View an archive of OU Campus communications to the web authors.

Brand new to OU Campus? OU Campus Quick Start Guide

OU Campus Guides

General OU Campus Info:

Section	Overview
User types in OU Campus	Depending on your role on campus your permissions in OU Campus will be different. Staff/Faculty have more permissions than students by default.
Logging in to OU Campus	How to Log in to OU Campus to make site and page edits.
Checking Pages In and Out	How to check in and out page content to allow other people to edit pages you have interacted with.
Preview Publishing for Development Pages	How to publish pages to a special preview server for review before pages go live.

Editing Page Content:

Section	Overview
Updating Page Title/Display Name	How to update the page title, tab name, and page breadcrumbs in OU Campus.
Editing a page in OU	How to log in and edit pages in OU Campus.
Adding headers on OU	How to add clearly marked and coded text to topics and sub-topics to a page's content.
Adding/Removing Sidebar Content	How to add or remove sidebar content.
Inserting tables on OU	How to insert tables onto a page.
Adding images to a page in OU	Learn sizing requirements, alternative text, and how to upload an image to a page.
How to add a link to a page	Learn how to create descriptively named links for for best accessibility and usability.
Adding anchor links on OU	Learn how to jump to a specific place on a page. This function is great for long pages or lists like FAQs.
Adding button links on OU	Learn how to add the button effect to your links.

Page Layout:

Section	Overview
How to add Layout Snippets to your pages	Add layout options for your page such as a 50/50 page split, 70/30 split, 30/70 split, and more!

Page Add-Ons & Snippets:

Section	Overview
Embedding a Wufoo Form to a Page	Learn how to embed a Wufoo Form in OU Campus by using a pre-made Snippet.
Embedding videos on OU	Learn how to add videos to your site and how to request captioning services.
Directory Snippet	Learn how to add in a directory (list or cards) to a page.
Adding Social Media	Add visual Social Media channels to your page. Add any combo of links to: Facebook, Instagram, Twitter, Youtube, and LinkedIn easily.
Adding iFrames	Embed a third party product such as: Google Calendar, Tockify, Greenrope, etc
Adding Accordions	Make easy to skim content with expandable accordions on your page.
Adding a Caption	Add a caption to an image to give more context/information to images posted.
Page Sliders	How to request a slider to be initiated and how to choose effective content for a slider.
Highlight Cards	General issues when modifiying a highlight card.
Interactive Datatable	Looking for a way to sort and/or filter content in a table? Check out our highly customizable datatable snippet to do just that!

Site Navigation - How to Update and Create:

Section	Overview
Updating Site Navigation	How to update your site's navigation in OU Campus.
Creating a Redirect	How to redirect from one site area to another.

Creating New Pages or Folders:

Section	Overview
Creating New Pages in OU	How to add in new pages to OU Campus. These include templates: directory, new page, new folder with and index page.
Adding files to OU	How to add in images, documents, and more in OU Campus. Learn how to make living documents and upload new files in place of already created ones. Learn about what file types are allowed on OU Campus.
Editing the "Contact Us" footer link	Let site users contact your department or team member directly by modifying the "Contact Us" link in the footer.

File Management:

Section	Overview
Recycling content in OU Campus	Learn how to remove old content from your site. You can remove pages, images, and files and put them in the recycling bin.

Webpage Accessibility Evaluations:

All campus web pages must be created with accessible materials in accordance with federal and state laws, along with the CSU Chancellor's Office Accessible Technology Initiative (ATI) rulings. All content owners are required to be familiar with web accessibility practices and create content that meets campus guidelines.

Web evaluations are conducted to report problems regarding the accessibility and usability of web applications within the CSUSM web environment. Page content testing happens on a monthly basis and testing is done on individual department web sites; if issues are identified, page edits may be made for you or an email may be sent out notifying of the issues by the Web Accessibility Specialist.

Key accessibility features include:

Descriptive link text (should be able to read a link and know where it is going to without reading the rest of the sentence).
Alternative text descriptions on all images. These must be meaningful. Please do not put "image".
Not using text-heavy images on a page. Instead add the content as regular text or upload as an OCR scanned PDF.
Structural markup to identify headings and lists.
Association of all data cells in a data table with column and row headers.
Sites that working with or without Style Sheets used to enhance the appearance of sites.

If assistance is needed on creating an accessible website, please email webaccessibility@csusm.edu and someone from the accessibility team will assist. Learn more about CSUSM's Accessibility requirements.

Intro to Accessibility PPT

If you have additional questions about OU Campus, please contact the Web Team.