Creating content

From Canvas

Jump to: navigation, search



Canvas Pages are areas where content can be added, they created using a graphical user interface or HTML. These are wiki-like web pages that can also be edited by students, if desired. Multiple pages can easily be linked together, and can include links to other Canvas tools--Assignments, Quizzes, Discussions, etc. The Pages tab is found in the left-hand navigation bar.

Create a new page by click Create a New Page, entering a page name, and clicking Create. This creates the page and puts you in Edit mode, where some standard word processor features are available for formatting your text.


  • Links to other Pages, Files, Modules, Assignments, Discussions, etc are easily added from the Page Tools menu on the right. Simple navigate to the tool or item you want to link to, then click on it. A hyperlink will be added to your page.
  • Links to external web sites or pages can be added by selecting text in the Page and clicking the hyperlink (chain) icon. Simply type or paste in the URL for the page you want to link to.
  • Images may be embedded from the Images tab on the Page Tools menu. You can upload your own images, or link to Creative Commons licensed images on Flickr.
  • Video may be embedded in a page using the Upload/Record media link in the Page editor's tool bar. From this menu you can even record new videos on the spot using your computer's web cam.
  • Editing permissions can be changed just below the page editor to include teachers, students, or all users.
  • Be sure to Save Changes when you're done!
  • Revisions to the page can be viewed by clicking on the Page History link in the top right corner.

Relative Paths in Pages

If you're editing the HTML of a Page, you can refer to any file in the Files area within a Wiki Page through a relative path:

/courses/< course_id >/file_contents/course%20files/< file_path >

There are some systems that import to Canvas in a way where it's not feasible for us to use hard-coded ids. In those cases we generate urls with the following format:

/courses/< course_id >/file_contents/< file_path >

...where file_path is the relative path to a file in the files directory.

Using Java Applets in Canvas

It's possible to embed Java applets in Canvas Pages. See Using Java Applets in Canvas for more details.

Embedding RSS Feeds in a Page

While Canvas Pages don't natively support the embedding of RSS, you can use Feedburner and an IFRAME to embed a news feed.

Alternatively, you can use the Canvas Announcements tool to aggregate external RSS feeds.


Often you'll want to simply upload files that you've created on your own computer into Canvas. This is done through the Files tool. Such files can be linked to from virtually any place in Canvas: from an Assignment, Discussion, or Page (see above), or as an item in a Module.

  • Any file can be edited as follows:
    • Clicking on any file will load the file for viewing
    • Certain files can be edited within Canvas by clicking edit content
    • File locking determines whether or not students can access the file (important for private, instructional files)
    • Files can be dragged into new positions or folders
    • File names can be edited
    • Files can be deleted from the course
  • In the top right of the Files tool,
    • Add Files will let you upload individual files from your computer
    • Add Folder creates a new folder in Files to organize your files
    • Download files as zip will create a ZIP archive of all your Canvas course files
    • Import a zip file lets you upload a ZIP archive containing multiple files and folders for unpacking inside your Canvas course. This is currently the best way to upload multiple files and folders in one step.

External Links

Links to external web sites can be added either in a Page or in a Module. See these respective tools for more details.

Known Issues

  • There is not WYSIWYG editor for HTML files in the Files area.
  • Certain HTML elements are stripped from Pages for security reasons, e.g. SCRIPT, STYLE, etc.
  • If a link to a file is renamed from Modules, the file name itself appears to be renamed in the Files area.
Personal tools