Coding Snippets for
Designing
in Canvas
Check out the different coding snippets and how to use in order to create your course templates in Canvas.
Main Menu
Coding Snippets for Designing in Canvas
Chunking Content
Break up content using headers, boxes, tabs, and reveals.
Buttons
Use buttons to visually draw students to specific pages, content, or resources.
Images
Suggestions for how to layout images for accessiblity and understanding.
How to Embed Content
How to Add Code Snippets
Chunking Content
Headers
1.
Boxes
2.
Tabs
3.
Reveals
4.
Lists are another great way to chunk content but do not require a coding snippet.
Buttons
Canva Templates
1.
Coded
2.
Remember to add the hyperlink after adding the button.
Images
Wrap Around
1.
Caption
2.
Coding Snippets: Designing in Canvas
Heather Gowton
Created on January 12, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Audio tutorial
View
Pechakucha Presentation
View
Desktop Workspace
View
Decades Presentation
View
Psychology Presentation
View
Medical Dna Presentation
View
Geometric Project Presentation
Explore all templates
Transcript
Coding Snippets for
Designing
in Canvas
Check out the different coding snippets and how to use in order to create your course templates in Canvas.
Main Menu
Coding Snippets for Designing in Canvas
Chunking Content
Break up content using headers, boxes, tabs, and reveals.
Buttons
Use buttons to visually draw students to specific pages, content, or resources.
Images
Suggestions for how to layout images for accessiblity and understanding.
How to Embed Content
How to Add Code Snippets
Chunking Content
Headers
1.
Boxes
2.
Tabs
3.
Reveals
4.
Lists are another great way to chunk content but do not require a coding snippet.
Buttons
Canva Templates
1.
Coded
2.
Remember to add the hyperlink after adding the button.
Images
Wrap Around
1.
Caption
2.