Creating Announcement Boxes header

Get a taste for the code by exploring the sample below.

Use a sandbox course to create your modules and lesson materials. You can then copy entire modules into another course. You can even use your sandbox course to collaborate with other grade level or subject area teachers as you create instructional materials.

Note: This is recommended to ensure that your files remain in your Canvas account at the end of the school year.

Creating a Course

There are two ways to create a course in Canvas.

Option 1: From the Dashboard

Navigate to your Dashboard using your Global Navigation Menu.
Select the Start a New Course button.
Under Which account will this course be associated with?, choose Manually-Created Courses.
Fill in the Course Name. Click Create.
Your new course will load, and you can begin adding content.

Learn more about the ingredients of the code.

Now, it's your turn! Copy the code below and paste it into a page in your sandbox course (a course you can "play" in). Add ingredients to make it your own.

<h3 style="color: #ffffff; background-color: #72aebb; text-align: center; margin: 0px; padding: 0px;">HEADER TEXT OR IMAGE HERE</h3>

<p><span style="font-size: 12pt;">ANNOUNCEMENT CONTENT HERE</span></p>

</div>

</div>

🏆 PRO TIPS:

⭐ Use this feature to highlight information on a page.

⭐ Insert the code in the HTML editor. Then, switch to the Rich Content Editor to add your content.

⭐ Adjust the location of your box by changing the float.

Now that you've had a chance to play with the code, how might you use Announcement Boxes in your Canvas courses? Add your ideas to the Padlet below and then we'll discuss them!

🖱️ Open me in a new tab.