Subversion Repositories wimsdev

Rev

Rev 3686 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3686 Rev 17348
Line 1... Line 1...
1 
<h2>Interactive OEF editor Fonctionalities (used in Createxo raw mode)&nbsp;:</h2>
 1 
<h2>Interactive OEF editor Fonctionalities (used in Createxo raw mode)&nbsp;:</h2>
2 
<div class="container">
 2 
<div class="container">
3 
  <h4> Horizontal menu : <img src="gifs/editor/help/menu_fr.png" alt="Horizontal menu screenshot" /></h4>
 3 
  <h4> Horizontal menu : <img src="gifs/editor/help/menu_fr.png" alt="Horizontal menu screenshot"></h4>
4 
  <div class="content">
 4 
  <div class="content">
5 
    <p> Horizontal menu contains layering buttons (HTML), and buttons to insert some frequent WIMS instructions, and the last button displays this help page.</p>
 5 
    <p> Horizontal menu contains layering buttons (HTML), and buttons to insert some frequent WIMS instructions, and the last button displays this help page.</p>
6 
    <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&nbsp;:</p>
 6 
    <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&nbsp;:</p>
7 
    <p><code><em> &lt;em&gt;</em>selected word<em>&lt;/em&gt;</em></code>.</p>
 7 
    <p><code><em> &lt;em&gt;</em>selected word<em>&lt;/em&gt;</em></code>.</p>
8 
    <p>This will present your word in an italic style in your exercice.</p>
 8 
    <p>This will present your word in an italic style in your exercice.</p>
Line 12... Line 12...
12 
      <li><strong>DURING</strong> - This second part let you manage how your exercice will be displayed on the screen </li>
 12 
      <li><strong>DURING</strong> - This second part let you manage how your exercice will be displayed on the screen </li>
13 
      <li><strong>AFTER</strong> - This last part let you analyse learner answers.</li>
 13 
      <li><strong>AFTER</strong> - This last part let you analyse learner answers.</li>
14 
    </ul>
 14 
    </ul>
15 
  </div>
 15 
  </div>
16 
</div>
 16 
</div>
17 
<div class="_spacer"><br/>
 17 
<div class="_spacer"><br>
18 
</div>
 18 
</div>
19 
<div class="container">
 19 
<div class="container">
20 
  <h4>Instruction list</h4>
 20 
  <h4>Instruction list</h4>
21 
  <img src="gifs/editor/help/instruction_list_fr.png" alt="Instruction list screenshot" style="float:left;margin-right:1em;" />
 21 
  <img src="gifs/editor/help/instruction_list_fr.png" alt="Instruction list screenshot" style="float:left;margin-right:1em;">
22 
  <div class="content">
 22 
  <div class="content">
23 
    <p>Here are listed all Wims instructions</p>
 23 
    <p>Here are listed all Wims instructions</p>
24 
    <p>You can interact with this list in 3 different ways :</p>
 24 
    <p>You can interact with this list in 3 different ways :</p>
25 
    <ul>
 25 
    <ul>
26 
      <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>
 26 
      <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>
Line 28... Line 28...
28 
      <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>
 28 
      <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>
29 
    </ul>
 29 
    </ul>
30 
    <div class="_spacer"></div>
 30 
    <div class="_spacer"></div>
31 
  </div>
 31 
  </div>
32 
</div>
 32 
</div>
33 
<div class="_spacer"><br/></div>
 33 
<div class="_spacer"><br></div>