LMS Update

Desire2Learn 

Preparing for the Purging of Courses in D2L (April 21, 2014)

Preparing for the D2L Upgrade (May 10, 2014)

What's New in D2L 10.3

Online Rooms (Blackboard Collaborate)

D2L Quickstart (PDF)

D2L FAQ

D2L Goes Mobile

spacer image

Instructional Design & Web Technologies Workshop Schedule

Instructional Design & Web Technologies department offers a wide variety of workshops. Please  let us know if you have a specific topic you would like covered!

REGISTRATION REQUIRED
Register via email at idwt@ship.edu. Please include the name and date of the workshop in your email.

We're available for individual consultations!

Need help? Please call and we will schedule a session with you.

spacer image

Using the HTML Editor

The textbox area used to enter text is actually a WYSIWYG (What you see is what you get) editor. The editor can appear anywhere in the D2L platform. In the Content area, the editor is used to create HTML pages that appear when you use the Create New File option in the Add Topic dialog box.

CreateNewFile

This tutorial covers the following topics:

 The HTML Editor Environment

The HTML Editor window is shown here. 

textbox

 Using the HTML Editor

  1. To increase the size of the text area, click on the dotted triange at the bottom right-hand corner of the screen.

    insert video

    or  click on the TOGGLE FULLSCREEN MODE icon to see the text box in the entire window. toggle
  2. To apply basic formatting to text, use the toolbar buttons

    html3
  3. To apply advanced formatting to text:
    1. Select the Advanced tab. Advanced tab features include the ability to change font types and size, add images, custom characters, formulas, media, Quicklinks and spell check.

      advancedtabsm
  4. To exit full-screen mode, click on the TOGGLE FULLSCREEN MODE button.
  5. When finished, click on the SAVE button.  The SAVE button is not visible in full screen mode.

 Copying and Pasting Content into the HTML Editor

Copying from a word processing program can sometimes cause unintended results when pasting the text in a WYSIWYG editor because the coding from the word processing program is often copied with the text. For best results, follow these guidelines:

  1. Copy the desired text.
  2. In the HTML Editor select the Advanced tab
    • To paste text that contains no formatting click on the PASTE icon. copy page
    • To paste text that contains some formatting click on the PASTE AS PLAIN TEXT icon. copy text
    • To paste text that has been copied from Microsoft Word click on the PASTE FROM WORD icon.  copy word
  3. Click on the SAVE button.

 Using Spell Check

  1. From the Toggle Spellchecker pull-down list, select the appropriate language
  2. Click on the TOGGLE SPELLCHECKER  icon. Mispelled words appear underlined in red. 

    spell check 1
  3. Click on the word that needs checked. A Suggestions menu appears.

    spell check 2
  4. Click on the correct word.
  5. To turn off Spellchecker, click on the TOGGLE SPELLCHECKER  icon. Any underlining that remains is no longer displayed. 

Insert a table

  1. Place your cursor where you want the table to appear in your content.
  2. Click the Inserts a new table icon.
  3. Adjust the general properties, such as the number of columns and rows, and click Insert. A table, with the rows and columns that you have specified, is inserted into the HTML Editor ready for content and formatting.

Table properties

After a table is inserted into the HTML Editor, instructors can modify its appearance by using the table properties screen.

Edit table properties

  1. Right-click anywhere in the table.
  2. Click on Table properties.
  3. Using the various properties settings in both the Basic tab and Advanced tab, instructors can format a table’s dimensions, color, borders, alignment, insert images, and more.

Cell properties

You can specify the appearance of a single cell inside a table from the table cell properties screen.

  1. Edit cell properties
  2. Right-click inside the cell that you want to modify.
  3. Click Table cell properties.
    • Using the various properties settings in both the Basic tab and Advanced tab, you can format your cell’s dimensions, color, borders, alignment, and more.
    • Use the Update drop-down menu to choose whether to update the current cell only, all cells in the current row, or all cells in the table.
  4. Click the Update button to apply your changes.

Add, edit, move and delete rows, columns and cells

Once you have created a table, you can add additional rows and columns to your table and remove existing ones, merge or split cells, and delete individual cells.

  1. Place the cursor in the appropriate position in your table.
  2. Hover over the applicable cell and right-click to reveal the action menu.
  3. Select the appropriate action from the action menu:
    • insertrowbelowInsert row before
    • insert row afterInsert row after
    • delete rowDelete row
    • insert column beforeInsert column before
    • insert column afterInsert column after
    • remove columnRemove column
    • merge table cellsMerge table cells
    • split merged table cellsSplit merged table cells

Inserting Quicklinks in the HTML Editor

Note Permission to edit course content is required to insert Quicklinks to course files, ePortfolio items, LORs, CD-ROM Files, etc. Without this permission, the standard permission enables you to insert links to web resources (URLs).

  1. Insert a Quicklink
  2. Click the Insert Quicklinks icon.
  3. Select the type of item you want to link to from the Category drop-down list (for example, a quiz, a course content item, an external URL).

Do one of the following: 

CD-ROM File

  1. Enter the name of the CD in the Volume field, and the file name (and its path on the CD, if applicable) in the File Name field.

Course File

  1. Click on the Add a File button and select the applicable file in the Submit a File window that appears.
  2. Click on the Select File button.

URL Link

  1. Type the URL (web address) into the Url field. Tip You can insert a link to an email address by typing “mailto:” followed by the address (e.g. “mailto:bob.smith@somewhere.edu”).

Anything else

  1. Select the item to link to from the drop-down list beneath the Link Details heading.
  2. In the text box, type the link text (for example, “Click here” or “Unit 1 quiz”) in the Link Caption field. This text is inserted into in the content area as a link to the specified item.
  3. For the Open In options, select whether to open in the Whole Window, in the Same Frame (keeping elements such as navbars, that might be present when a user is viewing the content), or in a New Window.
  4. Click on the Insert button.

Inserting audio and video files in the HTML Editor

Instructors can insert media files into the HTML Editor using the Insert Stuff button. Depending upon your needs you can upload and insert a media file in the following ways:

  1. Upload a media file from your computer by:
  2. Insert a media file from within your current org unit file path.
  3. Insert a media file from within your current organization file path.
  4. Insert a media file from within your shared files root path.

Insert a media file

  1. Click the Insert Stuff button.
  2. Choose to upload/insert a media file from the following options:
    • Click the My Computer link to select a file to upload from your computer. Click the Choose File button to select a file to upload. Click the Choose Destination button to select a location in which to store the file. Click the Upload button to upload the file from your computer.
    • Click the Course Offering Files link to browse and select a file from within a current org unit file path. Select a directory link where the file is located. Select the type of file you want to select from the Files of Type: drop-down menu. Click the radio button beside the file you want to upload. Click the Next button. On the Media Properties screen preview the file. Click the Insert button to insert the file.
    • Click the Organization Files link to browse and select a file from within your current organization file path. Select a directory link where the file is located. Select the type of file you want to insert from the Files of Type: drop-down menu. Click the radio button beside the file you want to insert. Click the Next button. On the Media Properties screen preview the file. Click the Insert button to insert the file.
    • Click the Shared Files link to browse and select a file from within your shared files root path. Select a directory link where the file is located. Select the type of file you want to insert from the Files of Type: drop-down menu. Click the radio button beside the file you want to insert. Click the Next button. On the Media Properties screen preview the file. Click the Insert button to insert the file.
    • Click the Enter a URL link to enter or paste a URL corresponding to a media file located on the internet. Enter a URL in the URL: text box and click the Next button. On the Media Properties screen preview the link. Click the Insert button to insert the file. Note Entering this URL will result in successfully embedded media only if the URL ends in a file with an extension that this function recognizes, or if the URL matches a specific pattern corresponding to websites for which there is specific support.
    • Click the Enter Embed Code link to enter or paste media embed code for insertion. In the Embed Code: text field enter the embed code for an object located on the internet. Click the Next button. On the Media Properties screen preview the file. Click the Insert button to insert the file. Note When the Next button is clicked the Media Properties page simply displays the result of the code entered in the Embed Code: text field. There is no validation and there are no modifications made to the code.

When the Next button is clicked the Media Properties page simply displays the result of the code entered in the Embed Code: text field. There is no validation and there are no modifications made to the code.