{"id":2151,"date":"2019-04-05T19:06:38","date_gmt":"2019-04-05T19:06:38","guid":{"rendered":"http:\/\/otl.du.edu\/knowledgebase\/?p=2151"},"modified":"2021-01-15T21:23:42","modified_gmt":"2021-01-15T21:23:42","slug":"using-cidi-design-tools-to-improve-your-canvas-course","status":"publish","type":"post","link":"https:\/\/otl.du.edu\/knowledgebase\/using-cidi-design-tools-to-improve-your-canvas-course\/","title":{"rendered":"Using CIDI Design Tools to Improve your Canvas Course"},"content":{"rendered":"\n<p>The Design Tools suite is meant to help you organize your Canvas Pages in a way that is both aesthetically pleasing and supportive of student learning.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"839\" height=\"635\" src=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsTemplateOptions.png\" alt=\"\" class=\"wp-image-2159\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsTemplateOptions.png 839w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsTemplateOptions-300x227.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsTemplateOptions-768x581.png 768w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsTemplateOptions-60x45.png 60w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsTemplateOptions-150x114.png 150w\" sizes=\"auto, (max-width: 839px) 100vw, 839px\" \/><\/figure>\n\n\n\n<p>There are many template options to make integrating Design Tools as easy as possible, but you can choose your own colors and images to further customize your course.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Get Started<\/h2>\n\n\n\n<p>The shortcut to open the Design Tools toolbar is <strong>Option+Shift+D<\/strong> for Mac users or <strong>Alt+Shift+D<\/strong> for PC users.<\/p>\n\n\n\n<p>You\u2019ll need to be editing a <strong>Page<\/strong> in Canvas in order for this to work. Then you can go into the settings and toggle on the \u2018<strong>Show Launch Button<\/strong>\u2019 option so you don\u2019t have to remember the shortcut.<\/p>\n\n\n\n<p>See the <a rel=\"noreferrer noopener\" aria-label=\"Design Tools User Guide (opens in a new tab)\" href=\"https:\/\/cidilabs.instructure.com\/courses\/102\/pages\/welcome-to-design-tools?module_item_id=3344\" target=\"_blank\">Design Tools User Guide<\/a> to learn more about how to use the tools.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Example Courses<\/h2>\n\n\n\n<p>Take a look at these example courses to get some ideas for your using Design Tools in your Canvas courses.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example 1: Online Course<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/canvas.du.edu\/courses\/83276\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"772\" height=\"272\" src=\"http:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx1_OnlineCourse.png\" alt=\"\" class=\"wp-image-2156\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx1_OnlineCourse.png 772w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx1_OnlineCourse-300x106.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx1_OnlineCourse-768x271.png 768w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx1_OnlineCourse-60x21.png 60w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx1_OnlineCourse-150x53.png 150w\" sizes=\"auto, (max-width: 772px) 100vw, 772px\" \/><\/a><figcaption><a href=\"https:\/\/canvas.du.edu\/courses\/83276\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Click to view the full course in Canvas<\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Example 2: Hybrid Course<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/canvas.du.edu\/courses\/90033\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"659\" src=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse-1024x659.png\" alt=\"\" class=\"wp-image-2157\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse-1024x659.png 1024w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse-300x193.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse-768x494.png 768w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse-60x39.png 60w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse-150x96.png 150w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx2_HybridCourse.png 1085w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><a href=\"https:\/\/canvas.du.edu\/courses\/90299\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Click to view the full course in Canvas<\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Example 3: FSEM Course<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/canvas.du.edu\/courses\/83302\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM-1024x435.png\" alt=\"\" class=\"wp-image-2158\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM-1024x435.png 1024w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM-300x128.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM-768x326.png 768w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM-60x26.png 60w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM-150x64.png 150w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx3_FSEM.png 1087w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/canvas.du.edu\/courses\/83302\" target=\"_blank\">Click to view the full course in Canvas<\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Example 4: Discover DU Orientation Course<br><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/canvas.du.edu\/courses\/83301\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"423\" src=\"http:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx4_DiscoverDU.png\" alt=\"DesignToolsEx4_DiscoverDU\" class=\"wp-image-2155\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx4_DiscoverDU.png 705w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx4_DiscoverDU-300x180.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx4_DiscoverDU-60x36.png 60w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2019\/04\/DesignToolsEx4_DiscoverDU-150x90.png 150w\" sizes=\"auto, (max-width: 705px) 100vw, 705px\" \/><\/a><figcaption><a href=\"https:\/\/canvas.du.edu\/courses\/83301\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Click to view the full course in Canvas<\/a><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Want to learn more?<\/h2>\n\n\n\n<p>If you are interested in attending a training session to get started with Design Tools in your course, send an email to otl@du.edu and let us know!<\/p>\n\n\n\n<p>We are gauging interest and will be offering training on an as-needed basis as we roll out this new Canvas tool.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Design Tools suite is meant to help you organize your Canvas Pages in a way that is both aesthetically pleasing and supportive of student learning. There are many template options to make integrating Design Tools as easy as possible, but you can choose your own colors and images to further customize your course. How [&hellip;]<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75,137],"tags":[89,138],"class_list":["post-2151","post","type-post","status-publish","format-standard","hentry","category-canvas","category-cidi-labs-design-tools","tag-canvas","tag-designtools"],"_links":{"self":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts\/2151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/comments?post=2151"}],"version-history":[{"count":0,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts\/2151\/revisions"}],"wp:attachment":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/media?parent=2151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/categories?post=2151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/tags?post=2151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}