184
edits
Changes
Jump to navigation
Jump to search
Line 334:
Line 334: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
→Using the Editor
===Using the Editor===
===Using the Editor===
[[Image:editor_1.png]]
The default lesson is loaded into the editor. The buttons on the header to the right are:
#save - click on this button to save changes
#audio - add an audio track to the lesson - explained below
#image - add an image to the lesson - explained below
#quit - quit activity, not normally used in this context
The arrow to the left of the header leaves the edit mode and returns to the activity. If the user
returns to the activity before clicking on the save button, changes will be lost.
[[Image:editor_4.png]]
The editor is WYSIWYG (What you see is what you get). However, the actual appearance of the lesson will
differ because of the different style sheets applied. In addition, images are not shown in edit mode.
The editor has a toolbar with icons. Most of these icons are common to most editors. There are three
rows:
First row:
*Source - switches the view from WYSIWYG to the html view.
*Cut, copy, and paste are the first three icons in the second block.
*The rounded arrows in the next block are for 'undo' and 'do'.
*The two in the third block are 'find' and 'find and replace'.
The remaining icons in this row are not useful in this context.
Second row:
*The first block formats text: bold, italic, underline, and strike-through. The next two set the superscript and
subscript modes, respectively.
*The icons in the second block set numbered or bullet list modes, increase or decrease indent. Skipping two icons,
there are icons to control alignment: left, center, right, and justify.
*The fourth icon in the last block inserts a horizontal rule. This is used to mark the boundary between screens in a multiple-screen lesson. The next two insert special characters such as a smiley or a division symbol. The last two are not useful in this context.
Third row:
*'styles' selects a style to use, the ones available are not very useful in this context.
*'Format' defaults to normal text. However, use this list to select various style headers. For example,
the lesson title is normally Heading 1. Sub-title may be Heading 2 and so on.
*'Font' allows selection of a font to use. Changing font is not often needed in this context.
*'Size' allows a change in the font size. To change the font size, you must first 'select' the text to
apply the change to. Move the cursor to the left of the first character to be changed. Hold the left
mouse button down while moving the cursor along the line of text. The background of the text will turn dark to
show that the text is selected. Release the left mouse key when the correct text is selected. Now change the
font-size.
*The next two icons allow change to the text color and to the background color respectively. This works the
same way as 'font-size', you select the text and then select a color.
[[Image:editor_2.png]]
This image shows the beginning of the lesson. The title could be centered by using the center icon on the toolbar. Select the title as described above and click on the center-alignment icon. The A section title
could be a Heading 2. Select the text (including the A.) and click on the second list in the bottom row. A
list of formats appears, click on Heading 2.
[[Image:editor_3.png]]
The teacher has clicked on the 'save' icon (an image of a 'floppy drive') and then clicked on the right arrow
to return to the activity. The activity now shows the text entered in the editor.
===Adding Images===
===Adding Images===
===Adding Audio Clips===
===Adding Audio Clips===