HomeTN eCampus FacultyD2L Brightspace ToolsCreating Course Modules & HTML Files

6.5. Creating Course Modules & HTML Files

Creating Modules & HTML Files

Course content contains modules, sub-modules, documents, and activities. Modules can be collapsed or expanded by selecting the arrow at the right of the header as shown below.

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 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. 

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.



Add a descriptive title for the file in Enter a Title. Keep in mind, this title will be the title of the document in the table of contents and the course files.

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

*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.



Various content types can be added to the page once the template is set. See the sample below. The next section of this chapter, Creating Accessible HTML File Content same frame, will address in greater detail adding content.

Sample page with some content added.



There are a variety of tool options highlighted at the top and bottom of this example image. Explore each by opening or hovering over each one to learn more. Additionally, Insert Stuff is expanded to reveal its contents and other options.

Tool bars top and bottom highlighted. Insert Stuff icon expanded in a separate window.



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 more information on Alternative Text Basics new window.

Alternative text prompt dialog box.



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 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 a HTML File

There are two starting points to edit 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..




Knowledge Tags

This page was: Helpful | Not Helpful