{"id":41,"date":"2023-02-24T14:40:15","date_gmt":"2023-02-24T06:40:15","guid":{"rendered":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/?page_id=41"},"modified":"2023-03-03T11:10:50","modified_gmt":"2023-03-03T03:10:50","slug":"41-2","status":"publish","type":"page","link":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/","title":{"rendered":"Canvas Template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f52789 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f52789\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d5d205a\" data-id=\"d5d205a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0dc031e elementor-widget elementor-widget-text-editor\" data-id=\"0dc031e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<div style=\"font-size: 15px;\">\n<h1 style=\"font-size: 2.66667rem;\"><span style=\"font-size: 18pt; color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif;\">A Canvas Template has been designed to help faculty create a course space efficiently. It supports various types of instructional modes (hybrid, flipped, synchronous or asynchronous online) to meet your teaching goals. Please scroll down to learn how to utilize this template and to view the download instructions.\u00a0<\/span><\/h1>\n<\/div>\n<\/div>\n<div style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<p style=\"font-size: 15px;\">\u00a0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<h2><span style=\"font-size: 18pt;\">Downloading and Importing the Template<\/span><\/h2>\n<\/div>\n<\/div>\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<p style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Follow these step-by-step instructions to import the template into a Canvas Sandbox. You can then choose the sections of the template you would like to import into your course.\u00a0<span style=\"font-weight: bold;\">**Note:<\/span>\u00a0We DO NOT recommend importing the entire template into an existing course with developed content. It is best to import the template into an empty course shell .<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31e08fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31e08fe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e6a19d\" data-id=\"0e6a19d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-43a9515 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"43a9515\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ab51ec1\" data-id=\"ab51ec1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63d19f4 elementor-widget elementor-widget-text-editor\" data-id=\"63d19f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 700; font-size: 15px; font-style: normal;\"><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/DownloadIcon-2.png\" alt=\"\" width=\"35\" height=\"33\">10 Week Template&nbsp;<\/span><br><span style=\"font-size: 15px; font-style: normal; font-weight: 400;\">View the Template |&nbsp;<\/span><a href=\"https:\/\/sjtu.feishu.cn\/file\/boxcn5Cf3RVJmNWm3PyiYxfXkye\" target=\"_blank\" style=\"font-size: 20px; font-family: var( --e-global-typography-text-font-family ), Sans-serif; background-color: rgb(255, 255, 255);\">Download the Canvas Template<\/a><br><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-47904aa\" data-id=\"47904aa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-00f04d2 elementor-widget elementor-widget-text-editor\" data-id=\"00f04d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: bold; font-size: 15px; font-style: normal;\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/DownloadIcon-2.png\" alt=\"\" width=\"35\" height=\"33\" \/>5 Week Template<\/span><br \/><span style=\"font-size: 15px; font-style: normal; font-weight: 400;\">View the Template | Download the Canvas Template<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a037d01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a037d01\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-443e6e7\" data-id=\"443e6e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46373c1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46373c1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-af3a7ef\" data-id=\"af3a7ef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc492e1 elementor-widget elementor-widget-toggle\" data-id=\"cc492e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2141\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2141\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How do I Import the Template?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2141\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2141\"><p style=\"font-size: 15px; font-style: normal; font-weight: 400;\"><span style=\"font-size: 18pt;\">**Note: We DO NOT recommend importing the entire template into an existing course with developed content. It is best to import the template into an empty course shell or Canvas Sandbox.<\/span><\/p>\n<h4 style=\"font-size: 1.33333rem; font-style: normal;\"><span style=\"font-size: 18pt;\"><em>Import the Canvas Course Template<\/em><\/span><\/h4>\n<ol style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Use the links above to download the appropriate Canvas Template Export File. The file is in .imscc format (Do not try to open this file).<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Go to JI Canvas and log in with your JAccount<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Enter the Canvas Course and click on the &#8220;Settings&#8221; tab in the left side menu.<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Click on the &#8220;Import Course Content&#8221; link on the right side menu.<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">For\u00a0<em>Content Type,<\/em>\u00a0select &#8220;Canvas Course Export Package&#8221; in the drop down menu<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Then browse for the .imscc file that you downloaded in Step 1<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">For\u00a0<em>Content,\u00a0<\/em>select &#8220;All Content&#8221;<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">Click the &#8220;Import&#8221; button.\u00a0The process may take a few minutes to complete.<\/span><\/li>\n<li style=\"font-size: 15px;\"><span style=\"font-size: 18pt;\">The template is now imported into your Canvas Course<\/span><\/li>\n<\/ol>\n<p style=\"font-size: 15px; font-style: normal; font-weight: 400;\"><span style=\"font-size: 18pt;\">If you would like to import only sections of the template into your Canvas Course follow the instructions in the next section.<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2142\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2142\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How do I Copy Specific Sections of the Template Into a Canvas Course?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2142\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2142\"><p style=\"font-size: 15px; font-style: normal; font-weight: 400;\">It is recommended to first import the Canvas Course template into a Canvas Course before importing specific content into your Canvas Course. Follow the instructions in the section above to import the template into a Canvas Course before proceeding with the instructions in this section.<\/p>\n<h4 style=\"font-size: 1.33333rem; font-style: normal;\"><em style=\"font-size: 20px;\">Import Specific Content from the Canvas Course Template to your Canvas Course<\/em><\/h4>\n<ol style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<li style=\"font-size: 15px;\">Follow the directions in the section above to import the Canvas template into a Canvas Course<\/li>\n<li style=\"font-size: 15px;\">Go to the Settings section of your Canvas Course<\/li>\n<li style=\"font-size: 15px;\">On the right side menu click on &#8220;Import Course Content&#8221;<\/li>\n<li style=\"font-size: 15px;\">For\u00a0<em style=\"font-size: 15px;\">Content Type<\/em>\u00a0select &#8220;Copy a Canvas Course&#8221;<\/li>\n<li style=\"font-size: 15px;\">For\u00a0<em style=\"font-size: 15px;\">Search for a Course<\/em>, Select the Canvas Sandbox that you imported the course template into<\/li>\n<li style=\"font-size: 15px;\">For\u00a0<em style=\"font-size: 15px;\">Content<\/em>: &#8220;Select Specific Content&#8221;<\/li>\n<li style=\"font-size: 15px;\">Click &#8220;Import&#8221;<\/li>\n<li style=\"font-size: 15px;\">A blue button will appear that says &#8220;Select Content&#8221;<\/li>\n<li style=\"font-size: 15px;\">Select the specific content you want to import from the template to your course and click &#8220;Import&#8221;<\/li>\n<\/ol><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19a9000 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"19a9000\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a5726a\" data-id=\"3a5726a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48c0fc9 elementor-widget elementor-widget-text-editor\" data-id=\"48c0fc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\"><span style=\"font-size: 2.66667rem; color: #3a3a3a; font-family: var( --e-global-typography-text-font-family ), Sans-serif;\">Best Practices in using the Template<\/span><\/div>\n<\/div>\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<p style=\"font-size: 15px;\">We recommend you to view the Canvas template (10-Week | 5-Week)\u00a0before downloading and importing it to your Canvas course space. Please expand each section below to learn about the different tools and resources that you can find in the template. All of the components listed below can be accessed by going to the Modules section of the Canvas Course Template.<\/p>\n<div>\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e45731d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e45731d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-865ca5f\" data-id=\"865ca5f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b81bdf6 elementor-widget elementor-widget-toggle\" data-id=\"b81bdf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1931\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1931\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Instructor Resources<\/a>\n\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1931\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1931\"><p><b>This section contains links to useful resources for setting up an accessible syllabus, teaching and learning resources, links to technology support and visual design tools. The syllabus template (in Microsoft Word format) in this section is set up to be accessible so you can use this template for your syllabus. It also contains sample verbiage that you can copy and paste into your syllabus. Please make sure to keep this module unpublished, or delete this section before you publish the course for your students.<\/b><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1932\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1932\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Page Templates<\/a>\n\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1932\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1932\"><p><span style=\"font-size: 18pt;\">This section contains all of the different Canvas Page Templates that can be used and modified for your course:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 18pt;\"><strong>Three Homepage Designs:<\/strong>\u00a0Choose between a Module Navigation Design, Weekly Navigation Design, and a more Flexible Navigation Design.<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Office Hours Page:<\/strong>\u00a0A page dedicated to office hours for you and your TAs.<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Getting Started Page:<\/strong>\u00a0A page with resources for how students should get started with your course. This can be part of a Getting Started Module or stand alone and be linked to the \u201cStart\u201d button on the homepage.<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Weekly Roadmap:<\/strong>\u00a0A sample weekly roadmap page that can be used at the beginning of each week or module to orient students on what to expect and accomplish each week.<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Readings &amp; Other Materials:<\/strong>\u00a0A page dedicated to weekly readings and other learning content. This type of page is useful when you have a large amount of learning content or would like to attach guided questions or activities to go with the learning content.<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Lecture Videos:<\/strong>\u00a0A page where you can embed all of your lecture videos. This page requires use of HTML to replace the Yuja video links. If you need help modifying this page, please contact an instructional designer.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 18pt;\">To learn how to edit the components in each of these pages, scroll down to the &#8220;Editing the Template&#8221; section of this webpage.<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1933\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1933\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Sample Week 0<\/a>\n\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1933\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1933\"><p><span style=\"font-size: 18pt;\"><b>This is a sample Week 0 or Getting Started Module that you can include in your course to get students ready for taking your course. You can link this module to the \u201cStart\u201d button on your homepage so students know to complete this first. Items that you may want to consider adding in the Getting Started Module include:<\/b><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 18pt;\"><strong>How to Get Started Page<\/strong><\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Course Syllabus<\/strong><\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Student Meet and Greet \/ Introductions \/ Icebreaker Discussion Board<\/strong><\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Office Hours Page<\/strong><\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>About the Instructor Page<\/strong><\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><strong>Pre-Course Surveys:\u00a0<\/strong><\/span>\n<ul>\n<li><span style=\"font-size: 18pt;\"><em>What are your Learning Expectations Survey:\u00a0<\/em>Instructors are encouraged to be mindful of how we can help all students succeed. One of the best ways to learn what your students need is to ask them. This survey helps instructors learn more about their students&#8217; learning needs and ways in which we can preemptively prepare them for your course and help them succeed.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1934\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-1934\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Sample Learning Modules<\/a>\n\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1934\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-1934\"><p><span style=\"font-size: 18pt;\"><b>There are Sample Modules in this template to give you an idea of how you may consider structuring your course modules:<\/b><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 18pt;\"><strong><em>Sample Week 0 or Student Orientation Module:\u00a0<\/em><\/strong>An example of a module to help students get started with the course. Other ideas to include in this module include: Course Policies, Instructor\/TA Introductions, Icebreaker Discussion Board, General Q&amp;A Discussion Board, Course Technology Requirements &amp; Guides, Online Learning Resources, Emergency Preparedness.<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><b><i>Sample Module I:<\/i><\/b>\u00a0Optimized for Flipped\/Hybrid Courses where tasks are organized by what to do before class, during class and after class<\/span><\/li>\n<li><span style=\"font-size: 18pt;\"><b><i>Sample Module II:\u00a0<\/i><\/b>Suitable for Online Asynchronous courses where tasks are not completed in a specific order, but are organized by type of content to complete for the week (Readings, Lectures, Assignments, Quizzes, etc\u2026)<\/span><\/li>\n<\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bedb8b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bedb8b7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c888ba\" data-id=\"2c888ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd9740e elementor-widget elementor-widget-text-editor\" data-id=\"bd9740e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\"><span style=\"font-size: 2.66667rem; color: #3a3a3a; font-family: var( --e-global-typography-text-font-family ), Sans-serif;\">Editing the Template<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"font-size: 15px; font-style: normal; font-weight: 400;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<div style=\"font-size: 15px;\">\n<p style=\"font-size: 15px;\">This course template contains several Canvas pages with pre-made layouts that you can include in your course, such as three home page designs, a weekly road map page, and pages to help you organize your lectures and readings. If you go to the Modules section of the the Canvas Template you will find a Module called &#8220;Page Templates&#8221; where you can see all of the available page designs.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e5fa2e0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e5fa2e0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f62da22\" data-id=\"f62da22\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1af6a54 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"1af6a54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2821\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-2821\" aria-expanded=\"false\">Home Page<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2822\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2822\" aria-expanded=\"false\">Office Hours Page<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2823\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2823\" aria-expanded=\"false\">Getting Started<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2824\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2824\" aria-expanded=\"false\">Weekly Roadmap Page<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2825\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2825\" aria-expanded=\"false\">Readings & Other Materials Page<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2826\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"6\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2826\" aria-expanded=\"false\">Lecture Videos Page<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-2821\" aria-expanded=\"false\">Home Page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2821\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2821\" tabindex=\"0\" hidden=\"false\"><div>\n<p>The course home page serves as the initial entry point into your course and helps to orient students to what they need to know and how they should navigate your course.<\/p>\n<p>There are three home page designs in this course template for you to select from<\/p>\n<ul>\n<li>Module Navigation Design &#8211; For instructors that would like to organize and have students navigate content by topic<\/li>\n<li>Weekly Navigation Design &#8211; For instructors that would like students to navigate the course week-by-week<\/li>\n<li>Weekly\/Module Flex Navigation Design &#8211; For a more simplistic homepage and navigation that can be customized by module or week<\/li>\n<\/ul>\n<p>Once you\u2019ve decided on a home page, you will need to set it as the front page of your course. Follow Canvas\u2019 instructions on how to set a front page in your course.<\/p>\n<\/div>\n<div>\n<figure><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/HomePage_Numbered-2.png\" alt=\"Canvas Template Home Page\" \/><\/figure>\n<div>\u00a0<\/div>\n<div>\n<div>\n<p>The following elements are built into the page and can be modified:<\/p>\n<p><b>[1] Course Header:\u00a0<\/b>Course Title, Instructor\u2019s Name, Course Quarter and Year, and Class time should be updated.<\/p>\n<p><b>[2] Course Banner:\u00a0The banner image of this page can be changed by clicking on the banner image and then clicking \u201c<\/b>Insert \u2192 Image.\u201d Try to choose an image that is wide and short)<\/p>\n<p><b>[3] Quick Buttons:\u00a0<\/b>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&#215;25 by dragging the corner of the image.<\/p>\n<p><strong><b>[4]\u00a0<\/b>Welcome Message:<\/strong>\u00a0Update 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\u2026).<\/p>\n<p><strong><b>[5]\u00a0<\/b>Navigation:<\/strong>\u00a0Depending 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<\/p>\n<p><strong><b>[6]\u00a0<\/b>Instructor Information:<\/strong>\u00a0For 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<\/p>\n<p><strong><b>[7]\u00a0<\/b>Course FAQs:<\/strong>\u00a0For 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.<\/p>\n<p>Once you\u2019ve decided on a home page, you will need to set it as the front page of your course. Follow Canvas\u2019 instructions on how to set a front page in your course.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>As you edit the page, please keep in mind:<\/p>\n<ul>\n<li>Text content within each page design can be edited using the rich-text editor; however the structure and look and feel of the page is fixed<\/li>\n<li>Images and Icons such as the banner image and icons next to buttons can be swapped out with your own images and icons\n<ul>\n<li>Websites for Copyright Free Images: Pixabay.com, Pexels.com, Unsplash.com<\/li>\n<li>Website for Copyright Free Icons: https:\/\/materialdesignicons.com\/<\/li>\n<\/ul>\n<\/li>\n<li>If you hit the delete button too many times, it is possible to break the design\/structure of the page. Use the undo button (ctrl. Z on Windows and Command Z on Mac to undo changes you made)<\/li>\n<li>Save frequently! You can always go to the three dots at the top of right the page and view the page history to go back to a previous save.<\/li>\n<\/ul><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2822\" aria-expanded=\"false\">Office Hours Page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2822\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2822\" tabindex=\"0\" hidden=\"hidden\"><div>\n<p>You can use this office hours page to organize instructors&#8217; office hours, particularly if you have several TAs that will all be offering separate office hours<\/p>\n<\/div>\n<div>\n<figure><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/OfficeHoursPage_Numbered2-2.png\" alt=\"Office Hours Page\" \/><\/figure>\n<div>\u00a0<\/div>\n<div>\n<div>\n<p>The following elements are built into the page and can be modified:<\/p>\n<p><b><strong>[1]<\/strong>\u00a0The banner image of this page can be changed by clicking on the banner image and then clicking \u201c<\/b>Insert \u2192 Image.<b>\u201d\u00a0<\/b>Try to choose an image that is wide and short.<\/p>\n<p><b><strong>[2]<\/strong>\u00a0<\/b>You may want to consider including thumbnail pictures of yourself and your TAs for a more personable feel.<\/p>\n<p><b><strong>[3]<\/strong>\u00a0<\/b>Consider offering more flexibility by offering several day\/time slots and using an online scheduling service to allow students to self-schedule.<\/p>\n<ul>\n<li>Online Schedulers:\n<ul>\n<li>Calendly Scheduling Platform<\/li>\n<li>Google Calendar Appointment Slots<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<p>As you edit the page, please keep in mind:<\/p>\n<ul>\n<li>Text content within each page design can be edited using the rich-text editor; however the structure and look and feel of the page is fixed<\/li>\n<li>Images such as the banner image can be swapped out with your own banner image\n<ul>\n<li>Websites for Copyright Free Images: Pixabay.com, Pexels.com, Unsplash.com<\/li>\n<\/ul>\n<\/li>\n<li>If you hit the delete button too many times, it is possible to break the design\/structure of the page. Use the undo button (ctrl. Z on Windows and Command Z on Mac to undo changes you made)<\/li>\n<li>Save frequently! You can always go to the three dots at the top of right the page and view the page history to go back to a previous save.<\/li>\n<\/ul><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2823\" aria-expanded=\"false\">Getting Started<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2823\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2823\" tabindex=\"0\" hidden=\"hidden\"><div>\n<p>You can use this Getting Started page to introduce your students to your course and to highlight key aspects of your syllabus. Ideas for sections to include and some sample verbiage to use are listed on this page. This page can work as a standalone Getting Started Page, or can introduce students to a Getting Started Canvas module.\u00a0 All text can be deleted or edited using the rich text editor.<\/p>\n<\/div>\n<div>\n<figure><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/GettingStartedPage_Numbered-2.png\" alt=\"Getting Started Page\" \/><\/figure>\n<div>\u00a0<\/div>\n<div>\n<div>\n<p>The following elements are built into the page and can be modified:<\/p>\n<p><b><strong>[1]<\/strong>\u00a0<\/b>The banner image of this page can be changed by clicking on the banner image and then clicking \u201cInsert \u2192 Image.\u201d Try to find a wide image that will better fit the width of the page.<\/p>\n<p><b><strong>[2]\u00a0<\/strong><\/b>Use this section to welcome your students to your course and include a personal message or description of the course.<\/p>\n<p><b><strong>[3]\u00a0<\/strong><\/b>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 &lt; \/ &gt; 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 &#8220;uci.yuja.com.&#8221; Replace the URL with your own video link.<\/p>\n<p><b><strong>[4]\u00a0<\/strong><\/b>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&#215;25 by dragging the corner of the icon.<\/p>\n<p><b><strong>[5]\u00a0<\/strong><\/b>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&#8217;t need disappears.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>As you edit the page, please keep in mind:<\/p>\n<ul>\n<li>Text content within each page design can be edited using the rich-text editor; however the structure and look and feel of the page is fixed<\/li>\n<li>Images and Icons such as the banner image and icons next to buttons can be swapped out with your own images and icons\n<ul>\n<li>Websites for Copyright Free Images: Pixabay.com, Pexels.com, Unsplash.com<\/li>\n<li>Website for Copyright Free Icons: https:\/\/materialdesignicons.com\/<\/li>\n<\/ul>\n<\/li>\n<li>If you hit the delete button too many times, it is possible to break the design\/structure of the page. Use the undo button (ctrl. Z on Windows and Command Z on Mac to undo changes you made)<\/li>\n<li>Save frequently! You can always go to the three dots at the top of right the page and view the page history to go back to a previous save.<\/li>\n<\/ul><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2824\" aria-expanded=\"false\">Weekly Roadmap Page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2824\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2824\" tabindex=\"0\" hidden=\"hidden\"><div>\n<p>The weekly roadmap page gives students a quick guide through this week&#8217;s learning content. You may want to include a weekly introduction video, learning objectives, class materials for the week, and what needs to be completed. This page can work as a standalone page for each week\u2019s learning content, or can act as an introductory page to a Canvas Module.\u00a0 All text can be deleted or edited using the rich text editor.<\/p>\n<\/div>\n<div>\n<figure><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/WeeklyRoadmap_Numbered-2.png\" alt=\"Weekly Roadmap Page\" \/><\/figure>\n<div>\u00a0<\/div>\n<div>\n<div>\n<p>The following elements are built into the page and can be modified:<\/p>\n<p><b><strong>[1]<\/strong>\u00a0<\/b>The banner image of this page can be changed by clicking on the banner image and then clicking \u201cInsert \u2192 Image.\u201d Try to find a wide image that will better fit the width of the page.<\/p>\n<p><b><strong>[2]<\/strong>\u00a0<\/b>In the overview section you may want to provide an introduction to this week&#8217;s topic. What is the purpose or importance of the topic? How does it connect with the larger curriculum?<\/p>\n<p><b><strong>[3]<\/strong>\u00a0<\/b>You can also record a short video to introduce students to this week&#8217;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 &lt; \/ &gt; 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 &#8220;uci.yuja.com.&#8221; Replace the URL with your own video link.<\/p>\n<p><b><strong>[4]<\/strong>\u00a0<\/b>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&#215;25 by dragging the corner of the icon.<\/p>\n<p><b><strong>[5]<\/strong>\u00a0<\/b>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&#8217;t need disappears.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>As you edit the page, please keep in mind:<\/p>\n<ul>\n<li>Text content within each page design can be edited using the rich-text editor; however the structure and look and feel of the page is fixed<\/li>\n<li>Images and Icons such as the banner image and icons next to buttons can be swapped out with your own images and icons\n<ul>\n<li>Websites for Copyright Free Images: Pixabay.com, Pexels.com, Unsplash.com<\/li>\n<li>Website for Copyright Free Icons: https:\/\/materialdesignicons.com\/<\/li>\n<\/ul>\n<\/li>\n<li>If you hit the delete button too many times, it is possible to break the design\/structure of the page. Use the undo button (ctrl. Z on Windows and Command Z on Mac to undo changes you made)<\/li>\n<li>Save frequently! You can always go to the three dots at the top of right the page and view the page history to go back to a previous save.<\/li>\n<\/ul><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2825\" aria-expanded=\"false\">Readings & Other Materials Page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2825\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2825\" tabindex=\"0\" hidden=\"hidden\"><div>\n<p>You can use this readings and other materials page to list your course content and readings. This can be particularly useful if you have a lot of weekly course content. Rather than listing all content in your Canvas modules and creating a very long modules page, you can organize all of your weekly content into separate pages and just add the weekly readings page to your weekly modules. All text on this page can be deleted or edited using the rich text editor.<\/p>\n<\/div>\n<div>\n<figure><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/WeeklyReadings_Numbered3-2.png\" alt=\"Weekly Readings Page\" \/><\/figure>\n<div>\u00a0<\/div>\n<div>\n<div>\n<p>The following elements are built into the page and can be modified:<\/p>\n<p><b><strong>[1]<\/strong>\u00a0<\/b>The banner image of this page can be changed by clicking on the banner image and then clicking \u201cInsert \u2192 Image.\u201d Try to find a wide image that will better fit the width of the page.<\/p>\n<p><b><strong>[2]<\/strong>\u00a0<\/b>You can use the first text section of this page to explain this week&#8217;s course materials. How do they tie in with this week&#8217;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?<\/p>\n<p><b><strong>[3]<\/strong>\u00a0<\/b>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\u2026). You can copy and paste the different icons into different sections as needed.<\/p>\n<p><b><strong>[4]<\/strong>\u00a0<\/b>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<\/p>\n<p><b><strong>[5]<\/strong>\u00a0<\/b>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.<\/p>\n<p><b><strong>[6]\u00a0<\/strong><\/b>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&#8217;t need disappears.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>As you edit the page, please keep in mind:<\/p>\n<ul>\n<li>Text content within each page design can be edited using the rich-text editor; however the structure and look and feel of the page is fixed<\/li>\n<li>Images and Icons such as the banner image and icons next to buttons can be swapped out with your own images and icons\n<ul>\n<li>Websites for Copyright Free Images: Pixabay.com, Pexels.com, Unsplash.com<\/li>\n<li>Website for Copyright Free Icons: https:\/\/materialdesignicons.com\/<\/li>\n<\/ul>\n<\/li>\n<li>If you hit the delete button too many times, it is possible to break the design\/structure of the page. Use the undo button (ctrl. Z on Windows and Command Z on Mac to undo changes you made)<\/li>\n<li>You can delete any sections that you do not need<\/li>\n<li>Save frequently! You can always go to the three dots at the top of right the page and view the page history to go back to a previous save<\/li>\n<\/ul><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"6\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2826\" aria-expanded=\"false\">Lecture Videos Page<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2826\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2826\" tabindex=\"0\" hidden=\"hidden\"><div>\n<p><i>**Note: this page requires use of HTML**<\/i><br \/>You can use this lecture videos page to embed all of your lecture videos. This can be particularly useful if you have a lot of weekly lecture videos. Rather than listing all the videos individually in your Canvas modules and creating a very long modules page, you can organize all of your weekly lectures into separate pages and just add the weekly lecture videos page to your weekly modules. All text on this page can be deleted or edited using the rich text editor.<\/p>\n<\/div>\n<div>\n<figure><img decoding=\"async\" src=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-content\/uploads\/sites\/42\/2023\/02\/WeeklyLectureVideos_Numbered-2.png\" alt=\"Weekly Lecture Videos Page\" \/><\/figure>\n<div>\u00a0<\/div>\n<div>\n<div>\n<p>The following elements are built into the page and can be modified:<\/p>\n<p><b><strong>[1]<\/strong>\u00a0<\/b>The banner image of this page can be changed by clicking on the banner image and then clicking \u201cInsert \u2192 Image.\u201d Try to find a wide image that will better fit the width of the page.<\/p>\n<p><b><strong>[2]\u00a0<\/strong><\/b>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&#8217;s readings.<\/p>\n<p><b><strong>[3]\u00a0<\/strong><\/b>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=&#8221;icon-pdf&#8221; from the code to remove the icon.<\/p>\n<p><b><strong>[4]<\/strong>\u00a0<\/b>To replace the embedded videos, click on the &lt; \/ &gt; 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 &#8220;uci.yuja.com.&#8221; Replace the URLs with your own video links.<\/p>\n<p>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 &lt;div class=&#8221;grid-row&#8221;&gt; to &lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt; and paste it at the bottom of the code<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>As you edit the page, please keep in mind:<\/p>\n<ul>\n<li>Text content within each page design can be edited using the rich-text editor; however the structure and look and feel of the page is fixed<\/li>\n<li>Images and Icons such as the banner image and icons next to buttons can be swapped out with your own images and icons\n<ul>\n<li>Websites for Copyright Free Images: Pixabay.com, Pexels.com, Unsplash.com<\/li>\n<li>Website for Copyright Free Icons: https:\/\/materialdesignicons.com\/<\/li>\n<\/ul>\n<\/li>\n<li>If you hit the delete button too many times, it is possible to break the design\/structure of the page. Use the undo button (ctrl. Z on Windows and Command Z on Mac to undo changes you made)<\/li>\n<li>Save frequently! You can always go to the three dots at the top of right the page and view the page history to go back to a previous save.<\/li>\n<\/ul><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36e394ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36e394ef\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c76adba\" data-id=\"1c76adba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63d2606a elementor-widget elementor-widget-text-editor\" data-id=\"63d2606a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><\/p>\n<div>\n<div>\n<div style=\"font-size: 15px;\"><span style=\"color: rgb(58, 58, 58); font-size: 1.33333rem; font-family: var( --e-global-typography-text-font-family ), Sans-serif;\">If you have any questions about how to effectively implement the course template into your course or would like to further customize the design, please reach out to the IT Office by setting up an office hour or emailing us at ji-it@sjtu.edu.cn.<\/span><br><\/div>\n<\/div>\n<\/div>\n<p><\/p>\n<p>Content retrieved from: <a href=\"https:\/\/digitallearning.dtei.uci.edu\/homepage\/online-course-development\/build\/template\/\" target=\"_blank\" rel=\"noopener\">https:\/\/digitallearning.dtei.uci.edu\/homepage\/online-course-development\/build\/template\/<\/a>.<\/p>\n<p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Canvas Template has been designed to help faculty create a course space efficiently. It supports various types of instructional modes (hybrid, flipped, synchronous or asynchronous online) to meet your teaching goals. Please scroll down to learn how to utilize this template and to view the download instructions.\u00a0 \u00a0 \u00a0 Downloading and Importing the Template &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/\"> <span class=\"screen-reader-text\">Canvas Template<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":94,"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/pages\/41\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/sites.gc.sjtu.edu.cn\/digitallearning\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}