1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<h2>Interactive OEF editor Fonctionalities (used in Createxo raw mode) :</h2>
<div class="container">
<h4> Horizontal menu : <img src="gifs/editor/help/menu_fr.png" alt="Horizontal menu screenshot"></h4>
<div class="content">
<p> Horizontal menu contains layering buttons (HTML), and buttons to insert some frequent WIMS instructions, and the last button displays this help page.</p>
<p> First button group let you insert HTML layering tags. First select a word in your code, then click on the <span class="editor_button">I</span> button, and your word will be embeded like this :</p>
<p><code><em> <em></em>selected word<em></em></em></code>.</p>
<p>This will present your word in an italic style in your exercice.</p>
<p>Other buttons are more specific to OEF language, and are grouped in 3 parts : "BEFORE", "DURING", and "AFTER" : </p>
<ul>
<li><strong>BEFORE</strong> - instructions in this part are executed before the exercice display. Most of them are exercice metadatas (title, author...)</li>
<li><strong>DURING</strong> - This second part let you manage how your exercice will be displayed on the screen </li>
<li><strong>AFTER</strong> - This last part let you analyse learner answers.</li>
</ul>
</div>
</div>
<div class="_spacer"><br>
</div>
<div class="container">
<h4>Instruction list</h4>
<img src="gifs/editor/help/instruction_list_fr.png" alt="Instruction list screenshot" style="float:left;margin-right:1em;">
<div class="content">
<p>Here are listed all Wims instructions</p>
<p>You can interact with this list in 3 different ways :</p>
<ul>
<li> <strong>Insertion</strong> - Just double-click on an instruction, or select one with a simple click, then click on the <em>insert selection</em> button below the list.</li>
<li> <strong>Documentation</strong> - With a simple click on an instruction, an associated help is displayed in the help box below the textarea.</li>
<li> <strong>Auto completion</strong> - When you type in an antislash (\) and some lowercase letters, the editor filters the instruction list to display only instructions starting with the letters you've typed.</li>
</ul>
<div class="_spacer"></div>
</div>
</div>
<div class="_spacer"><br></div>
|
