iCollege HTML Text Editor – Advanced View

Associated Service iCollege > For Faculty

Overview

This document gives you the steps on how to use HTML Text Editor – Design and Advanced View to edit your course content in iCollege without needing any prior knowledge of HTML.

Content

HTML Text Editor – Design and Advanced View


Changing Normal Text to Headings

  1. Highlight the text and then click Paragraph.
    icollege_html_editor1
  2. Choose a heading.
    icollege_html_editor2
  3. NOTE: To use the HTML Advanced View to edit the HTML code, click the html-icon

    icollege_html_editor3


Inserting an Image File

  1. Put the cursor to where you want your image to be and click the Image icon to insert an image.
    icollege_html_editor4
  2. There are three ways how you can insert Image File in iCollege: from your computer, from the existing files in iCollege, or using external resource.
    • Inserting an Image File from Your Computer
      1. Click My Computer.
        icollege_html_editor5
      2. Click Upload, then click Add.
        icollege_html_editor6
    • Inserting an Image File from the existing files in iCollege
      1. Click Course Offering Files.
        icollege_html_editor7
      2. Choose a file you wish to insert into your post.
      3. Click Add
        icollege_html_editor8
    • Inserting an Image File from outside resource
      1. Click URL.
        icollege_html_editor9
      2. Enter the URL of the image you wish to insert into your post.
      3. Click Add
        icollege_html_editor10
  3. Enter a description of your image in the Alternative Text box or click This image is decorative checkbox if the image does not contain important information.
  4. Click OK.
    icollege_html_editor11
NOTE: If the image is too big or small, click on the image, and you will see “handles” that you can drag to resize the image. This handles look like little squares around the image.  

icollege_html_editor12


Uploading Video/Audio Files

  1. Click video_icon1 to Insert Video or Audio File
  2. Click My Computer.
    icollege_html_editor13
  3. Click Choose file. After choosing your Video, click Upload.
    icollege_html_editor14
    NOTE: To use the HTML Advanced View to edit the HTML code, click the html-icon


Uploading Video/Audio Files from the existing files in iCollege

  1. Click video_icon1 to Insert Video or Audio Files.
  2. Click Course Offering Files.
    icollege_html_editor15
  3. Choose your desired video file and click Next.
    icollege_html_editor16
  4. On the Course Offering Files page:
    1. Enter the Link Title in the Link Text field.
    2. Click Refresh Preview to preview the video file.
    3. Click Insert
      icollege_html_editor17
      NOTE: To use the HTML Advanced View or Coding Skill, click the html-icon and type in the HTML Code

Embedding Video from outside resource


Embed Video by Searching for Video

  1. Click video_icon1 to Insert Video or Audio Files.
  2. Click YouTube
    icollege_html_editor18
  3. Enter the Title/Keyword of the Video. Then click Search.
    icollege_html_editor19
  4. Select the Video you want to Embed into your course, then click Next.
    icollege_html_editor21
  5. Click Insert.
    icollege_html_editor22


Embed Video by Entering Embed Code

  1. Go to YouTube
  2. On YouTube:
    1. Search for the Video to be Embedded.
    2. Click Share.
      icollege_html_editor24
    3.  Click Embed.
      icollege_html_editor25
    4. Click Copy.
      icollege_html_editor26
  3. Go back to the iCollege Editor page.
  4. Click video_icon1
  5. Click Enter Embed Code.
    icollege_html_editor23
  6. Paste the copied embed code to the Embed Code field and click Next.
    icollege_html_editor27
  7. Click Insert.
    icollege_html_editor28

Help

If you have questions, or need assistance, please contact the IIT Technology Service Desk at 404-413-HELP (404-413-4357) or help@gsu.edu.