The following elements are built into the page and can be modified:

[1] Course Header: Course Title, Instructor’s Name, Course Quarter and Year, and Class time should be updated.

[2] Course Banner: The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to choose an image that is wide and short)

[3] Quick Buttons: Depending on the home page design you select, there are quick buttons along the top or the left side of the page. Button text can be modified and linked to any page or item inside or outside of Canvas. Button icons are just images that can be replaced and resized to 25×25 by dragging the corner of the image.

[4] Welcome Message: Update the text in this section with a welcome message or description of your course. You may want to indicate here the learning format of your course (hybrid, synchronous/asynchronous online, in-person, etc…).

[5] Navigation: Depending on the home page design you select, you can customize the text in the navigation buttons. If you choose the module navigation design you can add module topic names to each button. Link these buttons to Canvas Pages or to Canvas Modules

[6] Instructor Information: For homepage designs that have an instructor information box, you can replace the placeholder image with your own image (or remove it) and change the text within the box. You may want to provide your contact information and possibly your office hours here

[7] Course FAQs: For homepage designs that have a Course FAQs box, there are three accordion menus that open to reveal more text. You can place a question in the Title area and answer in the placeholder text below. You can easily delete accordion menus, but cannot easily add them back. You may also customize this box to be whatever you would like, it does not need to be Course FAQs.

Once you’ve decided on a home page, you will need to set it as the front page of your course. Follow Canvas’ instructions on how to set a front page in your course.

The following elements are built into the page and can be modified:

[1] The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to choose an image that is wide and short.

[2] You may want to consider including thumbnail pictures of yourself and your TAs for a more personable feel.

[3] Consider offering more flexibility by offering several day/time slots and using an online scheduling service to allow students to self-schedule.

• Online Schedulers:
  • Calendly Scheduling Platform 
  • Google Calendar Appointment Slots

The following elements are built into the page and can be modified:

[1] The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to find a wide image that will better fit the width of the page.

[2] Use this section to welcome your students to your course and include a personal message or description of the course.

[3] You may want to record a short video to introduce students to the course. You can provide the link to your video here or embed it as seen in this section. To replace the embedded video on the right, click on the < / > symbol on the bottom right of this window to go to the html editor. Then search (Ctrl-F or Command-F) for the video URL “uci.yuja.com.” Replace the URL with your own video link.

[4] Each section of this page is denoted by an icon followed by a section header. For accessibility purposes please make sure to set each header to a Heading 3 style. The icon is just an image that can be replaced. To replace the icon, visit the Material Design Icons Website to search for an icon you like (all icons are free for commercial use and open source), download it as a white .PNG 48 file, click insert image and upload your image to the icons folder. Resize to 25×25 by dragging the corner of the icon.

[5] There are extra blank sections at the bottom of this page for you to use. If you do not need the extra sections just place your cursor in the gray box and hit backspace until everything you don’t need disappears.

The following elements are built into the page and can be modified:

[1] The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to find a wide image that will better fit the width of the page.

[2] In the overview section you may want to provide an introduction to this week’s topic. What is the purpose or importance of the topic? How does it connect with the larger curriculum?

[3] You can also record a short video to introduce students to this week’s topic. You can provide the link to your video here or embed it as seen in this section. To replace the embedded video on the right, click on the < / > symbol on the bottom right of this window to go to the html editor. Then search (Ctrl-F or Command-F) for the video URL “uci.yuja.com.” Replace the URL with your own video link.

[4] Each section of this page is denoted by an icon followed by a section header. For accessibility purposes please make sure to set each header to a Heading 3 style. The icon is just an image that can be replaced. To replace the icon, visit the Material Design Icons Website to search for an icon you like (all icons are free for commercial use and open source), download it as a white .PNG 48 file, click insert image and upload your image to the icons folder. Resize to 25×25 by dragging the corner of the icon.

[5] There are extra blank sections at the bottom of this page for you to use. If you do not need the extra sections just place your cursor in the gray box and hit backspace until everything you don’t need disappears.

The following elements are built into the page and can be modified:

[1] The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to find a wide image that will better fit the width of the page.

[2] You can use the first text section of this page to explain this week’s course materials. How do they tie in with this week’s topic? What perspectives do they offer? How should students use the guiding questions to support their reading? What other reading strategies do you recommend?

[3] Each reading or learning content will have its own section denoted by an icon. Each icon represents a different type of content (textbook, podcast, video, website, newspaper, journal article, etc…). You can copy and paste the different icons into different sections as needed.

[4] Use the text editor to edit and link the learning content into each section. Remember to use descriptive text/titles rather than just straight URLs

[5] Each section also has a placeholder area for guiding questions that you may want to include with each content item. Guiding questions help students focus on the most important aspects of the learning content and emphasizes what you want students to think about as they review the content.

[6] There are additional sections at the bottom of this page for you to use. If you do not need the extra sections just place your cursor in the gray box and hit backspace until everything you don’t need disappears.

The following elements are built into the page and can be modified:

[1] The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to find a wide image that will better fit the width of the page.

[2] Use this section to provide instructions related to how students should approach the lecture videos and slides. Is there a sequence they should follow? You may also want to insert the purpose of the lectures and connections to the week’s readings. 

[3] You can use this section to insert your lecture slides. Remember to use descriptive text rather than just the URL to your slides. There is a PDF icon before the lecture slide title that can be adjusted in the HTML. Remove class=”icon-pdf” from the code to remove the icon.

[4] To replace the embedded videos, click on the < / > symbol on the bottom right of this window to go to the html editor. Then search (Ctrl-F or Command-F) for the video URLs “uci.yuja.com.” Replace the URLs with your own video links.

You can delete any sections that you do not need. If you need to add sections go to the HTML editor and copy everything from <div class=”grid-row”> to </div></div></div> and paste it at the bottom of the code

The following elements are built into the page and can be modified:

[1] The banner image of this page can be changed by clicking on the banner image and then clicking “Insert → Image.” Try to find a wide image that will better fit the width of the page.

[2] Each section of this page is denoted by an icon followed by a section header. For accessibility purposes please make sure to set each header to a Heading 3 style. The icon is just an image that can be replaced. To replace the icon, visit the Material Design Icons Website to search for an icon you like (all icons are free for commercial use and open source), download it as a white .PNG 48 file, click insert image and upload your image to the icons folder. Resize to 25×25 by dragging the corner of the icon.

[3] In the section called “Post-Emergency” there are two items for your consideration. 1) The post-emergency survey, adapted from Florida State University, inquires about students’ needs and ability to continue with coursework. This will help you understand the impact of the emergency on your students so that you can accommodate as needed 2) The post-emergency discussion prompt, also adapted from Florida State University, offers a safe space for students to discuss with their peers how the emergency has impacted them and to offer support. Please feel free to adapt these items to your course needs.

[4] There are extra blank sections at the bottom of this page for you to use. If you do not need the extra sections just place your cursor in the gray box and hit backspace until everything you don’t need disappears.