Instructor: Creating: Using the HTML Editor

The HTML editor bar works similarly to word processing programs, except the end result is a webpage rather than a document.

You can access it in Content by selecting Upload/Create and choosing Create a File. You can also access it when adding a description to a module. Learn more about the HTML editor by visiting our HTML editor help page.

1. Create: Add media from a variety of sources

Use the Insert Stuff button to embed content, typically a Panopto or other video or audio file.

If you insert media, it will appear within D2L, rather than link students out to Panopto or a different website.

  1. Select the Insert Stuff icon. Insert Stuff button on the HTML editor bar.

     

  2. Select what you want to insert from the menu. You can choose to insert files from your computer, from course or shared files, or from external sources. Menu options for Insert Stuff.

     

  3. Follow the directions, and select either Upload (for files from your computer) or Insert (all other sources).
Close

2. Create: Add images 

Use the Insert Image tool to insert a picture into the webpage.

  1. Select the Insert Image button. Insert Image button on the HTML editor bar.

     

  2. Choose the place where the image is stored. If using images from your computer, click the Upload button or drag the file into the box.  Screenshot of the Add a File box.

     

  3. Select Add.
  4. Follow the instructions to either provide alternative text for your image or mark it as decorative. This will allow participants with visual impairments to navigate your content. Some tips for 'alt text'.
Close

3. Create: Add links

Use the Insert Quicklink tool to insert links to course material or external websites.

  1. Highlight the text, image, or symbol on the page that you want to turn into a link.
  2. Select the Insert Quicklink button. Screenshot of the HTML editor in D2L with Insert Quicklink button circled.

     

  3. If you want to link to course content: select the appropriate tool, choose your content, and select the Insert button. Screenshot of the Insert Quicklink menu options.

     

  4. If you want to link to a webpage: scroll to the bottom of the list and select URL.
  5. In the URL box, paste or type the link.
  6. In the Title box, include a description of the link. If you highlighted text in step 1, the text will automatically populate the Title.
  7. Choose how you want the link to open. New Window opens the page full-screen, but in a new tab, allowing students to have D2L and the new page open at the same time. This is the recommended option, as other options make it difficult to navigate back to your content after opening the link.
  8. Click Insert.
Close

4. Copy: Copy text from Microsoft Word

Copy/Paste text from Word files into a webpage.

  1. Highlight the text you want to copy and select Ctrl-C (Command-C on a Mac) to copy.
  2. In the HTML Editor, select the place where you want to paste the text. Select Ctrl-V or Command-V to paste it in.
  3. Select Remove FormattingScreenshot of paste formatting options: remove or keep formatting.

     

Close

Back to Top