Adding Content

Using the rich text editor
About iDevices
Creating a cloze activity
Embedding an external website
Creating an image gallery
Creating an image magnifier
Creating a multi-select quiz
Creating a true-false quiz
Creating a reflection question
Inserting a file
Inserting media
Creating a multi-choice quiz
Editing an image
Modifying image spacing and borders
Inserting an iDevice
Inserting an image
Linking to a website
Linking within a page

Using the rich text editor

The rich text editor allows you to add content to your pages and announcements without any knowledge of HTML.

The rich text editor functions are similar to those of a word processor. The editor in the Announcements Module page is a simpler version of the editor in the Manage Pages module, however the functions are the same.

	Font format, family, and size selection menus create headings and change the font type and size.
	Font style options create bold, italic, and underlined text, and select text and text background colours.
	Script options create subscripts and superscripts.
	Remove formatting quickly reverts selected text to its unformatted style.
	Alignment options align content left, center, right, and full.
	Layout options indent and outdent text, and create ordered and unordered lists.
	Paste from Word ensures that content copied and pasted from Microsoft Word is properly formatted. Do not paste directly into the page content area from Word.
	Paste as Plain Text removes all formatting from copied and pasted text.
	Insert/edit image adds images to your website content. See Inserting an image.
	Insert/edit link creates a link to a website, file, or page anchor. See Linking to a website, Inserting a file, and Linking within a page.
	Unlink quickly removes selected links.
	Insert/edit embedded media embeds media into your page. See Inserting media.

About iDevices
The iDevice is a structural element that describes learning content and is the basis for page structure.

The main components of each iDevice are the heading, the rich text editor, the text area, and iDevice options. Refer to the Content and Rich Text Editor section for more information on the rich text editor.

iDevice Options
The Done checkmark previews the completed iDevice. Note that this does not save your content. In the File menu, click Save to save your work. The Undo button undoes the last changes you made to your iDevice and the Delete button deletes the iDevice. The up and down arrowheads move the iDevice within the page. Pedagogical Help provides tips on the purpose of the iDevice and how to effectively fill in the template.
Creating a cloze activity
The Cloze Activity is a fill-in-the-blanks quiz.

To add a cloze activity:
1. Click Cloze Activity in the iDevices menu.
2. (Optional) In the Cloze Activity area, enter a new title.
3. (Optional) In the Instructions field, enter instructions for how the activity should be completed.
  
  Click the instructions button for more information.
4. (Optional) In the Feedback text area, enter feedback for the activity.
5. Click the green “Done” checkmark to preview your completed activity.
A sample completed Cloze Activity iDevice is shown below:
Embedding an external website
The External Web Site iDevice allows you to embed an external web site in your module.

To add an external web site:
1. In the iDevices menu, click External Web Site.
2. In the URL field, enter the destination URL.
  
  Ex. http://www.queensu.ca
3. From the Frame Height drop-down list, select a frame height.
  
  The destination website appears within the frame. This determines how much of the web page is displayed. The rest of the page can be viewed using horizontal and vertical scroll bars. The image above shows a small frame.
4. Click the green “Done” checkmark to preview your page.
Creating an image gallery
The Image Gallery iDevice allows you to add and label a series of images in a gallery.

To create an image gallery:
1. In the iDevices menu, click Image Gallery.
2. In the Title field, enter the gallery title.
3. To add an image, click Add images. Select a file from your local drive and click Open. Click Add images to add another file.
4. In the text field below the image, enter a short image caption or title.
5. Organize and edit the contents of your gallery using the “Change”, “Move right”, “Move left”, and “Delete image” options.
6. Click the green “Done” checkmark to preview your gallery.
Creating an image magnifier
The Image Magnifier iDevice allows you to add a high-resolution, detailed image that can be examined using a magnifier.

To add an image magnifier:
1. In the iDevices menu, click Image Magnifier.
2. In the Caption field, enter a caption for your image.
  Use the caption to identify the image.
3. In the text area, use the rich text editor to enter any content you want to appear below your image.
  Use the text area for additional information, explanations, and to tell the learner what to look for.
4. Click Select an image. Locate the image on your local drive and click Open.
5. In the Display as field, enter the size of the image, as it will appear on the page. To display the original size, leave this field blank.
6. From the Align drop-down list, select the alignment of the image within the page.
7. From the Initial zoom drop-down list, select the initial zoom of the image.
8. From the Maximum zoom drop-down list, select the maximum zoom of the image.
  The Initial zoom is the initial zoom setting when the iDevice loads, as a percentage of the image size. The learner uses the slider to the right of the image to zoom between no magnification and the Maximum magnification.
9. From the Size of the magnifying glass drop down list, select a magnifying glass size.
  The Size of the magnifying glass is the initial setting when the iDevice loads. The user can select a different size using the magnifying glass icons to the right of the image.
10. Click the green “Done” checkmark to preview the image.
Creating a multi-select quiz
Multi-select is a multiple-select quiz in which the learner selects all correct answers from a list.

To add a multi-select quiz:
1. Click Multi-select in the iDevices menu.
2. (Optional) In the Multi-select text field, enter a new title.
3. In the Question text area, enter the multi-select question.
4. In the Option text area, enter the first option.
  Each option can include images and media, like any free text area.
5. To add more options, click Add another option. To delete an option, click the red “Delete option” X.
6. Tick the checkbox to the right of all correct options.
7. (Optional) In the Feedback field, enter feedback for the question.
  By default, eXe denotes the correct and incorrect selections. Additional feedback is displayed below the Show feedback button of the completed quiz.
8. To add more questions, click the Add another question button. Repeat steps 3-7 for each question.
9. Click the green “Done” checkmark to preview your completed quiz.
A sample completed Multi-select iDevice is shown below:
Creating a true-false quiz
The True-False Question iDevice is a true-false question in which the learner must decide whether a given statement is true or false.

To add a true-false question:
1. Click True-False Question in the iDevices menu.
2. (Optional) In the True-False Question field, enter a new title.
3. In the Instructions text area, enter instruction for how the quiz should be completed.
4. In the Question text area, enter your true-false statement.
5. Select the radio button next to True or False to denote the correct option.
6. (Optional) In the Feedback field, enter feedback for the question. In the Hint field, enter a hint for the question.
  By default, eXe indicates whether the chosen answer is correct or incorrect. Additional feedback appears below the selected answer. Learners can view the hint by clicking the hint icon: The hint is displayed in a help box, like Pedagogical help.
7. To add more questions, click the Add another question button. Repeat steps 3-6 for each question. Click the red “Delete question” X to delete a question.
8. Click the green “Done” checkmark to preview your completed quiz.
A sample completed True-False Question iDevice is shown below:
Creating a reflection question
The Reflection iDevice is a self-check iDevice that hides feedback until the learner has considered the question.

To add a reflection question:
1. Click Reflection in the iDevices menu.
2. (Optional) In the Reflection field, enter a new title.
3. In the Reflective question text area, enter your reflection question.
4. In the Feedback text area, enter your reflection feedback.
5. Click the green “Done” checkmark to preview your completed question.
A sample completed Reflection iDevice is shown below:

When the learner clicks the Click here button, feedback is revealed.
Inserting a file
Insert/edit link creates a link to a website, file, or page anchor.

To link to a file:
1. Highlight the text you want to link and click the Insert/edit link icon.
2. Click the Browse icon to open the file manager.
3. Select a file from your local drive.
4. At the insert/edit link dialog box, click Insert.
Your users are now able to download or view the file by clicking on the link.
Inserting media
Insert/edit embedded media embeds media into your page.

To insert media:
1. Click the Insert/edit embedded media icon.
2. From the Type drop-down list, select the media format you want to add.
3. Click Browse to select a file from your local drive.
4. At the Insert/edit embedded media dialog box, click Insert.
Creating a multi-choice quiz
Multi-choice is a multiple-choice quiz in which the learner selects only one correct answer.

To add a multi-choice quiz:
1. Click Multi-choice in the iDevices menu.
2. (Optional) In the Multi-choice text field, enter a new title.
3. In the Question text area, enter the multi-choice question.
4. (Optional) In the Hint text area, enter a hint.
  Learners can view the hint by clicking the hint icon: The hint is displayed in a help box, like Pedagogical help.
5. In the Option text area, enter the first option.
  Each option can include images and media, like any free text area.
6. (Optional) In the Feedback text area, enter feedback for that option.
  Feedback appears below the option after the question has been answered. If the Feedback text field is left blank, eXe will display the default feedback: “Correct answer” for the correct option and “Wrong answer” for other options.
7. To add more options, click Add another option and repeat steps 4-5 for each option. To delete an option, click the red “Delete option” X.
8. Select the radio button to the right of the correct option.
9. To add more questions, click Add another question and repeat steps 3-8 for each question.
10. Click the green “Done” checkmark to preview your quiz.
A sample completed Multi-choice iDevice is shown below.
Editing an image
To edit an image:
1. Select the image and click the Insert/edit image icon.
2. Edit the fields you want to change and locate a new image, if necessary.
3. Click Update.
Modifying image spacing and borders
To modify image spacing/borders:
1. Select the image and click the Insert/edit image icon.
2. Click the Appearance tab. Use the sample image to the right to preview the settings.
3. From the Alignment drop-down list, select the position of the surrounding text with respect to the image.
4. In the Vertical space and Horizontal space fields, enter, in pixels, the amount of space between the image and surrounding text.
  
  Spacing between image and text, as shown in the picture on the right, makes content easier to read and gives a more professional look.
5. In the Border field, enter a border sixe (in pixels).
6. Click Insert/Update.
Inserting an iDevice
To add an iDevice:
1. In the iDevices menu, click on the iDevice you want to add. The editable areas appear in the Authoring window.
2. In the title field, enter a title for your iDevice.
3. Enter your content in the text areas using the rich text editor. See Using the rich text editor.
4. When you have finished entering content, click the green "Done" checkmark to preview your iDevice.
  Note: The green checkmark does not save your work. To save your project, click File and select Save.
5. To add another iDevice to the same page, click on the iDevice in the iDevices menu.
Inserting an image
Insert/edit image inserts images in your iDevice content.

To insert an image:
1. Click the Insert/edit image icon.
1. Click Browse and locate the image on your local drive. Select the file and click Open.
2. (Optional) Enter an image description. The image description appears when the image is not available and is helpful for those using a screen reader.
3. (Optional) Enter an image title. The image title appears on mouse-over.
4. Enter the image dimension, width x height, in pixels.
  Check the Constrain proportions tick box to calculate the corresponding dimension and maintain the original image proportion. An image width between 100 and 300 pixels is recommended.
Linking to a website
Insert/edit link creates a link to a website, file, or page anchor.

To link to a website:
1. Highlight the text you want to link and click the Insert/edit link icon.
2. In the Link URL field, type the destination URL.
3. From the Target drop-down list, choose to open the link in the same window or to open the link in a new window.
  Tip: For easy navigation, open internal links in the current window and external links in a new window.
4. (Optional) In the Title field, enter information text, which appears on mouse-over of the link.
5. (Optional) In the Description field, enter a description of the image.
  The image description is displayed whenever the image is not available and is also helpful for visitors using a screen reader.
6. Click Insert.
Linking within a page
Insert/edit anchor creates a link destination within the current page.

Insert/edit link creates a link to a website, file, or page anchor.

This function is helpful when the page content is much longer than the browser window.

To link within a page:
1. Place an anchor at the page position you want to link by clicking the Insert/edit anchor icon.
2. Name the anchor and click Insert.
3. Highlight the text you want to link and click the Insert/edit link icon.
4. From the Anchors drop-down list, select the name of the anchor you want to link.
5. Click Insert.
When visitors click the link, the page scrolls up or down to the anchored position.

Adding Content

Table of Contents

iDevice Options