eLearning

Create HTML Components (Original)

  1. Home
  2. Staff Guides (Original)
  3. UQ Extend

Video Guide

Create an HTML Component (Text and Images) (YouTube 2m 13s)

Overview

HTML Components enable you to share documents or provide instructions for students.

For more information on how to upload and embed or link files in HTML components, consult the Upload and embed/link a file in HTML Component for more information.

Warning: Prior to adding or editing content in your course, you will need to access Studio view. Refer to the Change from Student View to Staff Editing (Studio) View guide for further instructions.

    1. Create HTML Text
    2. Create HTML Text with Link
    3. Create HTML Text with Image
    1. Create HTML Announcement
    2. Create IFrame

    3. Create HTML Text with Image

    Note: This can be done in conjunction with Create HTML Text and/or Link.

    1. In your unit, click on the HTML button.

    html button selected

    1. Click on Text.

    text option selected

    1. Click on Edit.

    edit button selected

    1. Optionally, enter your text in the textbox.
    2. Click on the image icon.

    text selected in textbox, image icon selected

    1. Locate a previously uploaded image or click on the Browse your computer button to upload an image.
    2. Click on the Next button.

    Note: Larger images require more time to upload.

    Note: If an image is over 10MB, it will not upload and no error message will be displayed.

    browse your computer button selected, image selected, next button selected

    1. Provide alt text in the Image Description (Alt Text) textbox.
    2. Change the dimensions in the Width and Height textboxes.

    Note: If the width is changed, the height will automatically adjust.

    1. Click on the Insert Image button.

    alt text entered in image description alt text textbox, image dimensions entered with 600 for width and 450 for height, insert image button selected

    1. Click on Save button.