{"id":2240,"date":"2025-03-07T13:00:46","date_gmt":"2025-03-07T18:00:46","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/langaraquickguides\/?post_type=chapter&p=2240"},"modified":"2026-02-25T14:56:26","modified_gmt":"2026-02-25T19:56:26","slug":"brightspace-content","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/langaraquickguides\/chapter\/brightspace-content\/","title":{"raw":"Brightspace Content","rendered":"Brightspace Content"},"content":{"raw":"

Content<\/h1>\r\n
\r\n
\r\n\r\n\"Brightspace\r\n
Brightspace supports many types of content including links, media, uploaded documents, and web pages built directly in Brightspace. Depending on your subject matter, modality of your course, and existing material, different content types may be more suitable.<\/div>\r\n<\/div>\r\n<\/div>\r\n

Content<\/h2>\r\n

\"\" Web pages are created in Brightspace to host content. Open the Upload \/ Create<\/strong> menu and select Create a File<\/strong>. This opens the Brightspace Editor to create web pages specific to your course. The Brightspace Editor is a robust \"what you see is what you get\" editor. Web pages can be styled with templates, include images, videos, and links, and are user-friendly, accessible, and a consistent format to enhance student experience.<\/p>\r\nRead more about managing content in Brightspace<\/a> and other file types supported in Brightspace<\/a>.\r\n

Web pages<\/h2>\r\nThe first step with web pages is to provide a meaningful title, then choose a template:\r\n
    \r\n \t
  1. Open the\u00a0Select a Document Template<\/strong><\/li>\r\n \t
  2. Choose 000_blank_v3 or 004_basic_page_v3 to get started \"\"<\/li>\r\n<\/ol>\r\nOnce you have created a file (web page), you can add content to that page. The Brightspace Editor toolbar across the top of the text editor window includes tools for formatting and structuring content.\r\n\r\n\"\"\r\n\r\nUse the Brightspace Editor to:\r\n
      \r\n \t
    1. Add content to the Editor by typing or copying and pasting from existing material.<\/li>\r\n \t
    2. Format and insert additional elements like lists, media, links, images, and more.<\/li>\r\n \t
    3. Click Hide from users<\/strong> if content is not ready to be published or if you would like to release content to learners at a later date.\r\n\"\"<\/li>\r\n \t
    4. Or if content is ready to be public, click Save and Close<\/strong> to finish.<\/li>\r\n<\/ol>\r\n
      More about the Brightspace Editor Toolbar<\/summary>\"\"\r\n\r\nAvailable tools on the Brightspace Editor Toolbar include:\r\n\r\n[columns]\r\n
        \r\n \t
      1. Formatting options, including headings\/paragraphs, bold, italics, underline, colour, alignment, and lists<\/li>\r\n \t
      2. Insert Stuff<\/strong> button, for inserting media<\/li>\r\n \t
      3. Quicklinks<\/strong> button<\/li>\r\n \t
      4. Insert image<\/strong><\/li>\r\n \t
      5. Equation<\/strong> tool<\/li>\r\n \t
      6. Insert table<\/strong><\/li>\r\n \t
      7. Other Inser Options<\/strong><\/li>\r\n \t
      8. Font\u00a0<\/strong>style<\/li>\r\n \t
      9. Font Size<\/strong><\/li>\r\n \t
      10. Format Painter<\/strong><\/li>\r\n \t
      11. Accessibility Checker<\/strong><\/li>\r\n \t
      12. Word Count<\/strong><\/li>\r\n \t
      13. Preview<\/strong><\/li>\r\n \t
      14. Source Code<\/strong><\/li>\r\n \t
      15. More actions <\/strong>(expand toolbar)<\/li>\r\n \t
      16. Fullscreen<\/strong> toggle<\/li>\r\n<\/ol>\r\n[\/columns]\r\n\r\n<\/details>\r\n

        Templates<\/h3>\r\nBrightspace has built-in templates that allow you to create responsive, accessible, and well-designed pages. The templates require no coding, are available in several layout options, and include a variety of elements to organize content.\r\n\r\n
        Available templates include:<\/summary>\r\n
        \r\n
        \r\n\r\nBlank\u00a0<\/strong>includes placeholder text and branded footer.\r\n\r\nIntro\u00a0<\/strong>includes a Langara banner image, placeholder text for course introductory content, and branded footer.\r\n\r\nModule Intro\u00a0<\/strong>includes a Langara banner image, placeholder text, a Learning Outcomes example list, and branded footer.\r\n\r\nMeet your instructor<\/strong>\u00a0includes a heading structure, placeholder text, an image placeholder, and branded footer.\r\n\r\nBasic Page\u00a0<\/strong>includes a Langara banner image, heading structure, elements, and branded footer. Basic page is recommended for general content.\r\n\r\nVideo Page\u00a0<\/strong>includes a video placeholder, instructions to add videos, and a branded footer.\r\n\r\nConclusion\u00a0<\/strong>includes a Langara banner image, heading structure, Next Steps placeholder text, and branded footer.\r\n\r\n<\/div>\r\n
        \r\n\r\nThe remaining template pages include elements that can be copied for use in the above listed templates.\r\n\r\nElements\u00a0<\/strong>includes a Langara banner image, examples of elements to copy to other pages (such as lists, callouts, and panels), and a branded footer.\r\n\r\nImages\u00a0<\/strong>includes a Langara banner image, instructions for using images, examples of image alignments to copy to other pages, and a branded footer.\r\n\r\nAccordions\u00a0<\/strong>includes a Langara banner image, instructions for using the accordion element, samples to copy to other pages, and a branded footer.\r\n\r\nTabs\u00a0<\/strong>includes a Langara banner image, instructions for using the tabs element, samples to copy to other pages, and a branded footer.\r\n\r\n<\/div>\r\n<\/div>\r\n
        <\/div>\r\n<\/details>Learn how to use Brightspace templates<\/a>.\r\n\r\n
        Remember<\/strong><\/span>\r\nWhen creating content, use the\u00a0Accessibility Checker<\/strong> to ensure your content is accessible for all learners. Open\u00a0the Accessibility Checker<\/strong> by selecting the button on the Editor Toolbar.\r\n\"\"\r\nLearn more about the Brightspace Accessibility Checker.<\/a><\/div>\r\nLearn more about the Brightspace Editor<\/a>.\r\n

        Embedding<\/h2>\r\nEmbedding refers to the process of integrating external resources, such as videos, audio files, documents, or interactive elements, directly into a web page. This means students can watch YouTube videos, input data into a Microsoft Form, or contribute to a Padlet without leaving the Brightspace course page.\r\n\r\nUnlike linked content, where a user clicks on a hyperlink to access content in a new tab or window, embedded content displays as a page of the page, allowing for an integrated user experience. For instance, an embedded YouTube video displays the video player directly in a Brightspace page, allowing students to watch the video without leaving the course page.\r\n\r\n[h5p id=\"1\"]\r\nLearn more about how embed Kaltura videos in Brightspace<\/a>.\r\n

        Elements Repo<\/h2>\r\nBrightspace templates have a number of visually appealing, accessible, and useful elements to organize and present content. If using templates, it is recommended to make a repository to easily access the desired elements.\r\n\r\n
        To create a repository of HTML elements:<\/summary>\r\n
        \r\n
        \r\n
        1. Create an elements module<\/div>\r\nCreate a new module called \"Templates\"\r\n\"\"\r\n\r\n<\/div>\r\n
        \r\n
        2. Hide from users<\/div>\r\nSelect the\u00a0Actions<\/strong> button beside the module title and select\u00a0Hide from Users.\r\n\"\"<\/strong>\r\n\r\n<\/div>\r\n<\/div>\r\n
        \r\n
        \r\n
        3. Create a new file<\/div>\r\nOpen the Upload \/ Create<\/strong> menu and select\u00a0Create a File\r\n<\/strong>\"\"\r\n\r\n<\/div>\r\n
        \r\n
        4. Create elements pages<\/div>\r\nSelect 007_elements_v3\u00a0<\/strong>template.\r\n\"\"\r\n\r\nAdd a title of \"Elements\" or similar.\r\n\r\n<\/div>\r\n<\/div>\r\n \r\n
        5. Repeat for additional elements.<\/div>\r\n
        Create a page for images, accordions, and tabs template pages.<\/div>\r\n

        Copying from elements repository<\/h2>\r\nUse the following guide for best practices and tips on copying elements in Brightspace.\r\n\r\n[h5p id=\"6\"]<\/span>\r\n
        \r\n
        \r\n\r\n\"\"\r\n
        Use caution when copying elements from your elements repository to your content. Selecting too much or too little and\/or pasting over too much or too little can result in strange formatting. Click Undo<\/strong> on the Brightspace editor or press\u00a0Control<\/strong> (Command<\/strong> on macOS)\u00a0z<\/strong> to undo your most recent action.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/details>\r\n

        Further Resources<\/h2>\r\nConsider general course accessibility best practices<\/a> to make your course accessible and inclusive.\r\n\r\nLearn more about adding and organizing Brightspace content<\/a>.\r\n\r\nPreview your course content from the student's perspective<\/a>.\r\n\r\n
        \r\n

        Contact edtech@langara.ca for more information.<\/p>\r\n\"\"\r\n

        If you are a Langara employee, self-register for Essentials to Excellence: A Brightspace Companion for Instructors<\/a>. This Brightspace course compliments the technical instructions found here with use cases, examples, and advice.<\/div>","rendered":"

        Content<\/h1>\n
        \n
        \n

        \"Brightspace<\/p>\n

        Brightspace supports many types of content including links, media, uploaded documents, and web pages built directly in Brightspace. Depending on your subject matter, modality of your course, and existing material, different content types may be more suitable.<\/div>\n<\/div>\n<\/div>\n

        Content<\/h2>\n

        \"\" Web pages are created in Brightspace to host content. Open the Upload \/ Create<\/strong> menu and select Create a File<\/strong>. This opens the Brightspace Editor to create web pages specific to your course. The Brightspace Editor is a robust “what you see is what you get” editor. Web pages can be styled with templates, include images, videos, and links, and are user-friendly, accessible, and a consistent format to enhance student experience.<\/p>\n

        Read more about managing content in Brightspace<\/a> and other file types supported in Brightspace<\/a>.<\/p>\n

        Web pages<\/h2>\n

        The first step with web pages is to provide a meaningful title, then choose a template:<\/p>\n

          \n
        1. Open the\u00a0Select a Document Template<\/strong><\/li>\n
        2. Choose 000_blank_v3 or 004_basic_page_v3 to get started \"\"<\/li>\n<\/ol>\n

          Once you have created a file (web page), you can add content to that page. The Brightspace Editor toolbar across the top of the text editor window includes tools for formatting and structuring content.<\/p>\n

          \"\"<\/p>\n

          Use the Brightspace Editor to:<\/p>\n

            \n
          1. Add content to the Editor by typing or copying and pasting from existing material.<\/li>\n
          2. Format and insert additional elements like lists, media, links, images, and more.<\/li>\n
          3. Click Hide from users<\/strong> if content is not ready to be published or if you would like to release content to learners at a later date.
            \n\"\"<\/li>\n
          4. Or if content is ready to be public, click Save and Close<\/strong> to finish.<\/li>\n<\/ol>\n
            \nMore about the Brightspace Editor Toolbar<\/summary>\n

            \"\"<\/p>\n

            Available tools on the Brightspace Editor Toolbar include:<\/p>\n

            \n
              \n
            1. Formatting options, including headings\/paragraphs, bold, italics, underline, colour, alignment, and lists<\/li>\n
            2. Insert Stuff<\/strong> button, for inserting media<\/li>\n
            3. Quicklinks<\/strong> button<\/li>\n
            4. Insert image<\/strong><\/li>\n
            5. Equation<\/strong> tool<\/li>\n
            6. Insert table<\/strong><\/li>\n
            7. Other Inser Options<\/strong><\/li>\n
            8. Font\u00a0<\/strong>style<\/li>\n
            9. Font Size<\/strong><\/li>\n
            10. Format Painter<\/strong><\/li>\n
            11. Accessibility Checker<\/strong><\/li>\n
            12. Word Count<\/strong><\/li>\n
            13. Preview<\/strong><\/li>\n
            14. Source Code<\/strong><\/li>\n
            15. More actions <\/strong>(expand toolbar)<\/li>\n
            16. Fullscreen<\/strong> toggle<\/li>\n<\/ol>\n<\/div>\n<\/details>\n

              Templates<\/h3>\n

              Brightspace has built-in templates that allow you to create responsive, accessible, and well-designed pages. The templates require no coding, are available in several layout options, and include a variety of elements to organize content.<\/p>\n

              \nAvailable templates include:<\/summary>\n
              \n
              \n

              Blank\u00a0<\/strong>includes placeholder text and branded footer.<\/p>\n

              Intro\u00a0<\/strong>includes a Langara banner image, placeholder text for course introductory content, and branded footer.<\/p>\n

              Module Intro\u00a0<\/strong>includes a Langara banner image, placeholder text, a Learning Outcomes example list, and branded footer.<\/p>\n

              Meet your instructor<\/strong>\u00a0includes a heading structure, placeholder text, an image placeholder, and branded footer.<\/p>\n

              Basic Page\u00a0<\/strong>includes a Langara banner image, heading structure, elements, and branded footer. Basic page is recommended for general content.<\/p>\n

              Video Page\u00a0<\/strong>includes a video placeholder, instructions to add videos, and a branded footer.<\/p>\n

              Conclusion\u00a0<\/strong>includes a Langara banner image, heading structure, Next Steps placeholder text, and branded footer.<\/p>\n<\/div>\n

              \n

              The remaining template pages include elements that can be copied for use in the above listed templates.<\/p>\n

              Elements\u00a0<\/strong>includes a Langara banner image, examples of elements to copy to other pages (such as lists, callouts, and panels), and a branded footer.<\/p>\n

              Images\u00a0<\/strong>includes a Langara banner image, instructions for using images, examples of image alignments to copy to other pages, and a branded footer.<\/p>\n

              Accordions\u00a0<\/strong>includes a Langara banner image, instructions for using the accordion element, samples to copy to other pages, and a branded footer.<\/p>\n

              Tabs\u00a0<\/strong>includes a Langara banner image, instructions for using the tabs element, samples to copy to other pages, and a branded footer.<\/p>\n<\/div>\n<\/div>\n

              <\/div>\n<\/details>\n

              Learn how to use Brightspace templates<\/a>.<\/p>\n

              Remember<\/strong><\/span>
              \nWhen creating content, use the\u00a0Accessibility Checker<\/strong> to ensure your content is accessible for all learners. Open\u00a0the Accessibility Checker<\/strong> by selecting the button on the Editor Toolbar.
              \n\"\"
              \nLearn more about the               Brightspace Accessibility Checker.<\/a><\/div>\n

              Learn more about the Brightspace Editor<\/a>.<\/p>\n

              Embedding<\/h2>\n

              Embedding refers to the process of integrating external resources, such as videos, audio files, documents, or interactive elements, directly into a web page. This means students can watch YouTube videos, input data into a Microsoft Form, or contribute to a Padlet without leaving the Brightspace course page.<\/p>\n

              Unlike linked content, where a user clicks on a hyperlink to access content in a new tab or window, embedded content displays as a page of the page, allowing for an integrated user experience. For instance, an embedded YouTube video displays the video player directly in a Brightspace page, allowing students to watch the video without leaving the course page.<\/p>\n

              \n