All About Pages

Quick References

To Upload a Document to a Page: Click the Paper icon and click "Upload Document"

To Link a Document from Office 365: Click the Office 365 icon (Note: if you don't see it, you will need to click the plug icon and search for 365.)

To Add a Link to Text on a Page: Highlight the text with your mouse, click the chain link icon, then click "External Link". Paste your URL in the pop-up box.

To Add a Link to a place within the Course: Highlight the text with your mouse, click the chain link icon, then click "Course Link". Select the assignment, announcement, location or other course link.

To Embed a YouTube Video:  In YouTube, click the "Share" button below the video.  Copy the embed code. In edit mode on a page, click the cloud icon, then paste the embed code. (Notes: If you do not see the cloud icon, the menu may be collapsed. Click the 3 dots to see all menu items. Also, remember that wherever your cursor is located is where the video will be embedded)

To Publish a Course Page: Click Publish at the top right 

REMEMBER TO CLICK SAVE AFTER YOU'RE DONE MAKING ANY EDITS TO A COURSE PAGE

Crisp Blue Headings

Want to add headings to your pages? This really helps organize and visually divide information on a page. Some headings on a page could be "Lesson Overview", "Read/Watch", or "Module Assignments". 

⭐  To add this heading, you will need to use the Cloud icon. If you do not see the cloud icon in your toolbar when editing a page, click the 3 dots at the end of the row of icons to expand the view.

⭐  Once you've clicked the cloud, you will need to paste a short bit of code. Do not edit the code; just copy and paste it! We recommend saving this to a "Sticky Note" on your desktop for easy and quick access.

Copy this code below & paste in the Cloud Icon pop-up window:

<h3 style="color: #032a69; background-color: #e3edfe;"><span style="color: #004b8d;"><strong>Type Here </strong></span></h3>

Note: This is a piece of HTML code. If you simply paste it directly into the textbox, it will look as it does in the paragraph above - a line of gibberish! You MUST click the cloud icon and paste it there for the header to work!!

⭐  Now edit the heading text. Simply highlight the "Type Here" text in the heading and replace it with your own title. To continue typing normal paragraphs, just hit the Enter key and continue typing. 

Using Tables to Organize Content (Accessibility Edit)

Organizing content is vital! This helps students track the flow of information and easily access the correct materials at the correct time.

Many courses with "Lesson Pages" list the lesson summary, assignments for the week, and assigned readings and videos. Having multiple videos linked as thumbnails can sometimes look messy. Embedding several Yuja or YouTube videos can create an awkward list of items to scroll through and waste a lot of space.

That's where tables (with accessibility edit) come in! 

Note: tables have mainly been discouraged due to accessibility concerns. Students utilizing screen readers will be forced to wade through lots of random information about the table formatting and cells. To use tables in a Canvas page, you MUST consider accessibility. Using the accessibility edit steps below will tell screen readers to ignore the table formatting and just list the content for the student.

1. When editing a page, click the Table menu, hover over "Table," and select the desired number of rows/columns.

2. Header Row: Use your mouse to highlight the first row of the table that has titles/headings. Click the Table > Row > Row Properties. 

3. Row Properties: In the "Row Type" box, select "Header". This will wrap the header row in HTML code.

4. Checker: Once you've edited your table, click the icon of the person at the bottom right of the textbox. This will look for accessibility issues within the page.

   1. The checker will prompt you to add a table caption. You can see an example at the top of this page that says "List of Helpful Links". 

Thin Divider Lines

To add divider lines, hit Enter to start a new text line, then click Insert > Horizontal Line

That's it!

• • If you need to delete the line later, click on the row after the line, then hit the backspace key. 

  • If the line isn't going completely across the page, you may have to decrease your indent formatting for that line. Click the icon that looks like lines of text with a small arrow pointing right.