{"id":12692,"date":"2021-07-27T13:41:20","date_gmt":"2021-07-27T13:41:20","guid":{"rendered":"https:\/\/microsites.bournemouth.ac.uk\/flie\/?p=12692"},"modified":"2021-07-27T13:41:20","modified_gmt":"2021-07-27T13:41:20","slug":"new-html-templates","status":"publish","type":"post","link":"https:\/\/microsites.bournemouth.ac.uk\/flie\/2021\/07\/27\/new-html-templates\/","title":{"rendered":"New HTML Templates"},"content":{"rendered":"<p>The set of HTML page templates that can be used to create learning materials in Brightspace have been updated for this year providing a fresher look with improvements in accessibility and mobile access.<\/p>\n<div id=\"attachment_12703\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/HTML-template-pages.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-12703\" class=\"wp-image-12703 size-medium\" src=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/HTML-template-pages-300x235.jpg\" alt=\"Selecting HTML Templates\" width=\"300\" height=\"235\" srcset=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/HTML-template-pages-300x235.jpg 300w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/HTML-template-pages.jpg 731w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-12703\" class=\"wp-caption-text\">Selecting your Template<\/p><\/div>\n<h2>What are HTML templates?<\/h2>\n<div id=\"attachment_12697\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Template-library.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-12697\" class=\"wp-image-12697 size-medium\" src=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Template-library-300x250.jpg\" alt=\"HTML Template library\" width=\"300\" height=\"250\" srcset=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Template-library-300x250.jpg 300w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Template-library-1024x854.jpg 1024w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Template-library-768x641.jpg 768w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Template-library.jpg 1093w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-12697\" class=\"wp-caption-text\">Template examples<\/p><\/div>\n<p>HTML pages are a good platform for presenting content to students. Brightspace has a series of templates available with different layouts that you can use for your content without the need to know any HTML code. All you have to do is overwrite them with your own text, your own images (if you choose), and you can embed video, such as Panopto recordings, and other interactive elements.<\/p>\n<p>As with any document, all the good practice for document structure applies. Making use of the templates and keeping the layout simple is the key to success when using HTML pages.<\/p>\n<h2>What are the benefits of HTML templates?<\/h2>\n<p>Students don&#8217;t need any specific software to view them, all they need is a web browser and they can access documents directly containing images, videos, links etc. They&#8217;re quick to load, and easily adapt to different screen sizes and devices. Being browser-based also means that they are compatible with assistive technologies so they will be accessible by screen readers, can be enlarged using inbuilt browser zooming features or even allow colour contrast to be adjusted by the user with browser plugins according to their own personal preference. They also come with an <strong>Accessibility Checker<\/strong>\u00a0feature to check your page against the accessibility standards.<\/p>\n<h2>What&#8217;s new?<\/h2>\n<div id=\"attachment_12699\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Styled-elements.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-12699\" class=\"wp-image-12699 size-medium\" src=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Styled-elements-300x231.jpg\" alt=\"Example of styled elements\" width=\"300\" height=\"231\" srcset=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Styled-elements-300x231.jpg 300w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Styled-elements-768x591.jpg 768w, https:\/\/microsites.bournemouth.ac.uk\/flie\/files\/2021\/07\/Styled-elements.jpg 824w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-12699\" class=\"wp-caption-text\">Example of styled elements to copy<\/p><\/div>\n<p>When you create a file, you still choose from a drop-down list of templates. You can preview examples of these pages on the <a href=\"https:\/\/brightspace.bournemouth.ac.uk\/d2l\/le\/content\/18315\/viewContent\/1067089\/View\" target=\"_blank\" rel=\"noopener\">Using HTML Templates<\/a> guidance pages allowing you to decide on the refreshed template style you want in advance. There are now three additional templates in the list; these work slightly differently. Rather than a complete template, they offer elements that you can paste into your previously chosen HTML template. For example, you can paste across styled elements such as accordions or tabs.<\/p>\n<h2>Where can I find out more?<\/h2>\n<p>To view the new templates and get further information on how to use them, take a look at the <a href=\"https:\/\/brightspace.bournemouth.ac.uk\/d2l\/le\/content\/18315\/viewContent\/1067089\/View\" target=\"_blank\" rel=\"noopener\">Using HTML Templates<\/a> guide in the Brightspace Staff Resources area. Here you will find step-by-step guidance on how to incorporate them into your unit. (Please note, the new templates are available when creating new content in your units, any pages that are copied over from last year will keep the look of the old templates).<\/p>\n<p>For further help and support, contact your Faculty Learning Technologist:<\/p>\n<ul>\n<li><strong>HSS<\/strong>:\u00a0<a href=\"mailto:hsslearningtechnology@bournemouth.ac.uk\">hsslearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>BUBS<\/strong>:\u00a0<a href=\"mailto:bubslearningtechnology@bournemouth.ac.uk\" target=\"_self\" rel=\"noopener\">bubslearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>FMC<\/strong>:\u00a0<a href=\"mailto:fmclearningTechnology@bournemouth.ac.uk\">fmclearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>FST<\/strong>:\u00a0<a href=\"mailto:scitechlearningtechnology@bournemouth.ac.uk\">scitechlearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<li><strong>Doctoral College<\/strong>:\u00a0<a href=\"mailto:pgrlearningtechnology@bournemouth.ac.uk\">pgrlearningtechnology@bournemouth.ac.uk<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The set of HTML page templates that can be used to create learning materials in Brightspace have been updated for this year providing a fresher look with improvements in accessibility and mobile access. What are HTML templates? HTML pages are a good platform for presenting content to students. Brightspace has a series of templates available&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/microsites.bournemouth.ac.uk\/flie\/2021\/07\/27\/new-html-templates\/\">Read more &raquo;<span class=\"sr-only\"> about New HTML Templates<\/span><\/a><\/p>\n","protected":false},"author":2810,"featured_media":11166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[422,5],"tags":[1262,1261],"class_list":["post-12692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-brightspace","category-news","tag-html-templates","tag-unit-preparation"],"acf":[],"_links":{"self":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts\/12692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/users\/2810"}],"replies":[{"embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/comments?post=12692"}],"version-history":[{"count":11,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts\/12692\/revisions"}],"predecessor-version":[{"id":12706,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/posts\/12692\/revisions\/12706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/media\/11166"}],"wp:attachment":[{"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/media?parent=12692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/categories?post=12692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/microsites.bournemouth.ac.uk\/flie\/wp-json\/wp\/v2\/tags?post=12692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}