HomeTN eCampus FacultyBrightspace LMS ToolsCreating Course Modules & HTML Files

6.7. Creating Course Modules & HTML Files

Creating Content Modules, Sub-modules, and Topics

Course content contains modules, sub-modules, and topics. You must create a module before you can add topics. You can create submodules (modules within existing modules) to establish a deeper hierarchy. 

Getting Started

Course content contains modules, sub-modules, and topics. You must create a module before you can add topics. You can create submodules (modules within existing modules) to establish a deeper hierarchy. 

A module can be added either at the bottom of the table of contents or below the last module in the content section by selecting Add a module or Add a sub-module. Add a name for the module and select Enter/Return. Structurally, modules were added to the table of contents. Submodules are added to the module highlighted in the table of contents.

Table of Contents page with a module collapsed and another expanded. Add a module textboxes with arrows pointing to open window for new module.

While it is possible to drag and drop files into the module, it is not recommended until you have verified with your regional accessibility specialist that the files are accessible. Furthermore, consider using content to build accessibly compliant course files with the HTML/Text Editor.

You can learn more by watching a video from D2L.

Topics

To create an accessible HTML page, select Create a File from the Upload/Create menu.

Drag and drop area highlighted in a newly created module. New drop down menu expanded with the create a file option highlighted.

Use Enter a Title to create a descriptive title. Keep in mind, this title will be the title of the document in the table of contents and the course files.

Document Template

Before entering any content, Select a Document Template for the document. General Page Structure is commonly used for common pages.

*Please note, templates must be applied appropriately to all new pages. Templates provided in the template menu are the only templates available. Browse for Template is on the menu, but you will not be able to navigate back to them since they are shared from an org unit level.

New file page with the title textbox highlighted. Document template menu expanded to display template options.

HTML/Text Editor

The Text Editor is a key resource for developing accessible content. Headings, lists, links, images, and equations can be copied and pasted, but using these and other text editor tools ensures the most accessible options. Even when text and object "look" the same as they did in other documents there may be unexpected HTML code. Use plain text and each of the needed tools to format your documents. Insert Stuff has some topics you might miss just browsing through the toolbar. Use it to embed and record videos and insert course offerings and resources from your computer just to name a few. The Text Editor is packed with features. 

Menus from text editor expanded: Heading, Color Picker, Word Count, Image Properties, Emoticons, Special Characters, and Collapsed menus

Additionally, Insert Stuff is expanded in this image to reveal its contents and other options.

Menu options include My Computer, Course Offering Files, Add Video Note, Insert Link and Enter Embed Code.

Images and Alternative Text

If pictures are inserted in documents, an alternative text prompt will open. If the image is meant to convey information, there must be a full description of the information in the Alternative Text box. If the image is strictly meant for decoration, mark This image is decorative and select OK to finish.

See WebAIM's site for more information on Alternative Text Basics new window.

Alternative text prompt dialog box.

Editor Attribute Improvements for Accessibility

Brightspace added a new tab to the existing Attributes menu of Brightspace Editor, allowing users to enter page attributes for language and title to meet accessibility compliance requirements. Previously, users had to manually add code into the source editor to add language and title page attributes.

Attributes icon from toolbar expanded Title and Language.

Using this feature will resolve the Ally error message about language.

Ally icon highlighted showing dark green Perfect 100% accessibility score.

Changing Path in Managed Files

Content must be organized in Managed Files. After entering or adding content, select Change Path.

Create a file window with the Change Path button highlighted.

The Course Offering Files window will open displaying a list of folders in the course. It is recommended to create a folder for each module in the course. If a folder already exists for a module, highlight it, and choose Select Path. If the folder does not yet exist, select New Folder and name it appropriately. Selecting the path for the document determines where to save it to keep your course organized and easy to manage.

*Please note, when creating new folders, the new folder you create will be nested within the folder that is highlighted. It is easy to inadvertently select an unintended folder within the course folder.

Select a Path dialog box displaying all folders within the course. New Folder and Select Path buttons highlighted.

Enter an appropriate Folder Name and then choose Create. (In this example, we have created a chapter overview document in module 4 of the course content with the title folder Module 04.)

*Please note, it is recommended that you keep folder names consistent to improve course management.

New folder dialog box with a title entered in the folder name textbox and the create button highlighted.

The new folder is shown in the Course Offering Files list. Highlight the folder then choose Select Path.

Select a path dialog box displaying the newly created folder.

Notice the file path shown at the bottom of the page. Review the document created and choose Update when finished, or select the Revert to Draft to save the document and return to finish editing it at a later time. Documents saved as a draft are not viewable by students.

Content page with the folder path displayed at the bottom of the page highlighted. The Publish and Revert to Draft buttons highlighted.ted


Edit an HTML File

There are two starting points to editing a file. Choose Edit HTML from the context menu of the document title or select Edit HTML at the bottom of the page.

Sample page with the Edit button highlighted and the document menu expanded to display the Edit HTML option.

Either option will open the HTML editor. Apply any additions or changes needed. This process is very similar to creating a new file. Choose Publish when finished.

Publish button hightlighted..


Delete Content (carefully)

The option to Delete content is found in many menu locations. There are two choices to delete in Brightspace.

Radio buttons described in the text.

Knowledge Tags

This page was: Helpful | Not Helpful