How To Add Page Elements to an Online Course

A selection of different Page Elements can be added to each Page. These Page Elements are defined as:

• Entry – a free text field that allows the end user to enter information.
• Text – text that is displayed to the end user.
• Image – image files that are displayed to the end user.
• MultiMedia – video or audio files that are displayed to the end user.
• Question – a question that can be answered by the end user.

Adding an Entry field to a Page:

1. In the ‘Course Design Studio’ expand and select the ‘Page’ to add this Page Element to.
2. Click the ‘New’ button.
3. In the ‘New Element’ window, fill out the below details:
   1. Element Type – Choose ‘Entry’.
   2. Prompt – Name or short description of that is displayed to the end user prior to the Entry field.
   3. Data Type – The type of information that is to be collected.
   4. Required – Enabling this option makes this Text field required to be filled out by the end user.
   5. Placeholder – Information that is displayed to the end user inside the Entry field to advise the end user of what to type into the field.
      1. Example 1: If a Data Type of ‘Date’ is chosen, the Placeholder could be ‘dd/mm/yyyy’.
      2. Example 2: If a Data Type of ‘Email’ is chosen, the Placeholder could be ‘someone@yourdomain.com’.
4. Click ‘Save’.

Adding a Text field to a Page:

1. In the ‘Course Design Studio’ expand and select the ‘Page’ to add this Page Element to.
2. Click the ‘New’ button.
3. In the ‘New Element’ window, fill out the below details:
   1. Element Type – Choose ‘Text’.
   2. Click the ‘Create, Edit or View Text’ button. This opens the HTML Text Editor. This opens the ‘HTML Text Editor’.
   3. Use the ‘HTML Text Editor’ to type and format the text that is to be displayed to the end user.
   4. Once all the text is entered, click ‘File > Save’ on the top menu bar to save the text.
4. Click ‘Save’.

Adding an Image file to a Page:

1. In the ‘Course Design Studio’ expand and select the ‘Page’ to add this Page Element to.
2. Click the ‘New’ button.
3. In the ‘New Element’ window, fill out the below details:
   1. Element Type – Choose ‘Image’.
   2. Caption – Text that is displayed above the Image to the end user.
   3. Show Caption – Enabling this option displays the ‘Caption’ to the end user.
   4. Image Path -Select the image file that is to be displayed to the end user.
      1. Click the elipses ‘…’ button to open the ‘Select Image File’ window.
      2. Navigate to and select the image file.
      3. Click ‘Open’.
      4. The image will now be displayed in the box with the square border.
   5. If the image is correct, click the ‘Save Image’ button. If not then select a different image.
4. Click ‘Save’.

Adding a MultiMedia file to a Page:

1. In the ‘Course Design Studio’ expand and select the ‘Page’ to add this Page Element to.
2. Click the ‘New’ button.
3. In the ‘New Element’ window, fill out the below details:
   1. Element Type – Choose ‘MultiMedia’.
   2. Media Path – Select the video or audio file that is to be displayed to the end user.
      1. Click the elipses ‘…’ button to open the ‘Select Media File’ window.
      2. Navigate to and select the media file.
      3. Click ‘Open’.
   3. Click the ‘Play Media’ to review the media file.
   4. If the media file is correct, click the ‘Save Media’ button. If not then select a different media file.
   5. Caption Above – Text that is displayed above the media to the end user.
   6. Caption Below – Text that is displayed below the media to the end user.
4. Click ‘Save’.

Adding a Question to a Page:

1. In the ‘Course Design Studio’ expand and select the ‘Page’ to add this Page Element to.
2. Click the ‘New’ button.
3. In the ‘New Element’ window, fill out the below details:
   1. Element Type – Choose ‘Question’.
   2. Question Type – Choose what type of Question that is to be displayed to the end user.
      1. True/False – Choose this to display a ‘True/False’ Question.
         1. Is True correct? – Enable this option if the answer to the Question is ‘True’.
      2. Yes/No – Choose this to display a ‘Yes/No’ Question.
         1. Is Yes correct? – Enable this option if the answer to the Question is ‘Yes’.
      3. Multiple Choice – Single Correct Answer – Choose this to display a Mulitple Choice Question with only a single correct answer.
      4. Multiple Choice – Multiple Correct Answers – Choose this to display a Multiple Choice Question with multiple correct answers.
   3. Question Text – Enter the Question here.
   4. Prompt Text – Text that is displayed prior to the Question.
   5. Display Prompt – Enabling this option displays the ‘Prompt Text’ to the end user.
   6. Correct Score – If the ‘Pass Method’ or ‘Score’ is chosen then this option will be enabled. Enter the total score of answering this Question correctly here.
   7. Incorrect Demerit – If the ‘Pass Method’ or ‘Score’ is chosen then this option will be enabled. Enter the total demerit points of answering this Question incorrectly here.
   8. Multiple Choice – If the ‘Question Type’ of ‘Multiple Choice – Single Correct Answer’ or ‘Multiple Choice – Multiple Correct Answers’ option is chosen, this list will be enabled. Add in all the Multiple Choice Questions here and choose if the Questions are correct or incorrect.
4. Click ‘Save’.