home *** CD-ROM | disk | FTP | other *** search
/ PC World 2002 September / PCWorld_2002-09_cd.bin / Komunik / amaya / 9x / amaya-Win98-6.2.exe / _SETUP.1 / Creating.html.fr < prev    next >
Encoding:
Extensible Markup Language  |  2002-06-11  |  15.4 KB  |  314 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  5. <head>
  6.   <title>CrΘer des ΘlΘments</title>
  7.   <meta name="GENERATOR" content="amaya 6.0, see http://www.w3.org/Amaya/" />
  8.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9. </head>
  10.  
  11. <body xml:lang="fr" lang="fr">
  12.  
  13. <table border="0" summary="toc">
  14.   <tbody>
  15.     <tr>
  16.       <td><p><img alt="W3C" src="../images/w3c_home" /> <img alt="Amaya"
  17.         src="../images/amaya.gif" /></p>
  18.       </td>
  19.       <td><p><a href="Document.html.fr#Changing" accesskey="p"><img
  20.         alt="previous" src="../images/left.gif" /></a> <a
  21.         href="Manual.html.fr" accesskey="t"><img alt="top"
  22.         src="../images/up.gif" /></a> <a href="Attributes.html.fr#Attributes"
  23.         accesskey="n"><img alt="next" src="../images/right.gif" /></a></p>
  24.       </td>
  25.     </tr>
  26.   </tbody>
  27. </table>
  28.  
  29. <div id="Creating">
  30. <h2>CrΘer de nouveaux <span xml:lang="fr" lang="fr">ΘlΘments</span></h2>
  31.  
  32. <h3><a name="Types">Boutons et menu ElΘments</a></h3>
  33.  
  34. <p>La maniΦre la plus simple de crΘer de nouveaux ΘlΘments dans un document
  35. est de placer le point d'insertion dans la position voulue et d'utiliser
  36. le menu ElΘments, ou les boutons correspondant aux ΘlΘments les plus
  37. communs (images, en-tΩtes, listes...). Ces boutons ou entrΘes de menu crΘent
  38. l'ΘlΘment correspondant α la position courante.</p>
  39.  
  40. <p>Dans certains cas, l'ΘlΘment dΘsirΘ ne peut pas Ωtre crΘΘ exactement dans
  41. la position choisie α cause des contraintes imposΘes par la DTD HTML.
  42. <strong>Amaya</strong> tente alors de crΘer l'ΘlΘment α l'endroit le plus
  43. proche possible. Par exemple, si le point d'insertion se trouve α la fin de
  44. la derniΦre ligne d'un paragraphe quand vous cliquez sur le bouton <img
  45. src="../images/H2.gif" alt="H2" /> , <strong>Amaya</strong> ne crΘe pas la
  46. nouvelle en-tΩte α cette position (elle serait invalide) mais aprΦs le
  47. paragraphe.</p>
  48.  
  49. <p>Dans d'autres cas, <strong>Amaya</strong> modifie la structure existante
  50. pour crΘer l'ΘlΘment dΘsirΘ. Si le point d'insertion est quelque part dans
  51. l'item de liste (LI) quand vous crΘez une en-tΩte de second niveau (par
  52. exemple avec le bouton <img src="../images/H2.gif" alt="H2" /> ou α partir du
  53. menu), l'item de liste et sa liste incluse sont automatiquement divisΘs afin
  54. de crΘer l'en-tΩte demandΘ et de se conformer α la DTD HTML.</p>
  55.  
  56. <p>Quand vous crΘez de nouveaux ΘlΘments, il est important de sΘlectionner un
  57. <em>point d'insertion</em>, et non du texte ou un caractΦre unique : si la
  58. sΘlection courante n'est pas vide, <strong>Amaya</strong> tente de <a
  59. href="Changing.html.fr#L631"><em>transformer</em></a> la partie sΘlectionnΘe
  60. dans le type de l'ΘlΘment choisi.</p>
  61.  
  62. <p>De la documentation sur <a href="HTML-elements/infoTypes.html.fr">comment
  63. utiliser les types d'ΘlΘments</a> est disponible, ainsi que les brΦves notes
  64. de la <a href="HTML.html.fr">liste de tous les ΘlΘments HTML 4.0.</a></p>
  65.  
  66. <h3><a name="Structure">Menu Structure</a></h3>
  67.  
  68. <p>Le <a href="#Types">menu ElΘments</a> vous permet seulement de crΘer des
  69. ΘlΘments qui font partie du document BODY. Pour crΘer des ΘlΘments dans la
  70. partie HEAD du document, utilisez le menu <strong>Structure</strong> α partir
  71. de la <a href="Views.html.fr#Structure">vue structure</a>. Ce menu fonctionne
  72. de la mΩme maniΦre que le menu <strong>ElΘments</strong> : mettez le point
  73. d'insertion dans la position dΘsirΘe et choisissez le type d'ΘlΘment α partir
  74. du menu <strong>Structure.</strong></p>
  75.  
  76. <p>Le menu <strong>Structure</strong> vous permet aussi de crΘer des
  77. commentaires, en utilisant son entrΘe "commentaires". Les commentaires sont
  78. seulement visibles dans la <a href="Views.html.fr#Structure">vue
  79. structure</a>, mais ils peuvent Ωtre insΘrΘs α n'importe quelle position dans
  80. le document.</p>
  81.  
  82. <h4>ElΘments engendrΘs</h4>
  83.  
  84. <p>Certains ΘlΘments HTML sont constituΘs de plusieurs autres ΘlΘments de
  85. diffΘrents types. Par exemple, une table contient d'habitude une lΘgende
  86. (CAPTION), plusieurs colonnes (TR) et plusieurs cellules (TD ou TH) dans
  87. chaque colonne.</p>
  88.  
  89. <p>Quand <strong>Amaya</strong> crΘe de tels ΘlΘments, il crΘe aussi leurs
  90. composants. Une table est crΘΘe avec une lΘgende et une colonne contenant une
  91. seule cellule. Le point d'insertion est automatiquement placΘ dans le premier
  92. de ces composants. Vous pouvez entrer dans le contenu de ce composant
  93. immΘdiatement ou plus tard. Vous pouvez vous dΘplacer jusqu'au prochain
  94. composant (vide) avec la souris ou avec les flΦches de direction.</p>
  95.  
  96. <h3><a name="L906">La touche Enter (ou Return)</a></h3>
  97.  
  98. <p>Lorsque vous Θcrivez un nouveau document ou une nouvelle partie dans un
  99. document, vous Ωtes souvent amenΘs α crΘer de nouveaux ΘlΘment. Pour cela, il
  100. suffit de presser la touche Enter (ou Return). L'ΘlΘment courant est clos et
  101. un nouveau est crΘΘ juste aprΦs. Ceci s'applique Θvidemment aux paragraphes,
  102. mais aussi α d'autres types d'ΘlΘments, comme les en-tΩtes ou les <a
  103. href="Tables.html.fr#Editing">cellules de table</a> par exemple.</p>
  104.  
  105. <p>Quand la sΘlection se trouve α la fin d'un <pre>, la touche Enter
  106. crΘe une nouvelle ligne du <pre>. Pour crΘer un paragraphe aprΦs le
  107. <pre>, il faut sΘlectionner le <pre> en utilisant la touche Esc
  108. (Unix) ou F2 (Windows) puis Enter.</p>
  109.  
  110. <p>Le plus souvent, le nouvel ΘlΘment crΘΘ est simplement un paragraphe, quel
  111. que soit le type de l'ΘlΘment prΘcΘdent. Si vous avez besoin d'un autre type
  112. d'ΘlΘment, vous pouvez changer immΘdiatement le type de cet ΘlΘment, en
  113. sΘlectionnant le type dΘsirΘ dans le menu "ElΘments" ou en cliquant sur le
  114. bouton correspondant. Vous pouvez aussi continuer α taper et <a
  115. href="Changing.html.fr#L653">changer le type</a> plus tard.</p>
  116.  
  117. <h4 id="multi-enter">Plusieurs pressions sur la touche EntrΘe α la fin d'un
  118. ΘlΘment</h4>
  119.  
  120. <p>Quand le point d'insertion est dans un ΘlΘment vide, une pression sur la
  121. touche "EntrΘe" <em>remplace</em> cet ΘlΘment dans un autre ΘlΘment vide au
  122. niveau supΘrieur de la structure du document. Cette caractΘristique vous
  123. permet de crΘer trΦs rapidement des structures complexes emboεtΘes.</p>
  124.  
  125. <p>ConsidΘrez par exemple la structure suivante :</p>
  126. <ol>
  127.   <li>Le premier item dans le plus haut niveau de la liste. 
  128.     <p>Un paragraphe dans le premier item.</p>
  129.   </li>
  130.   <li>Le second item. 
  131.     <ol type="a">
  132.       <li>Le premier item dans la liste emboεtΘe.</li>
  133.       <li>Le second item dans la liste emboεtΘe.</li>
  134.     </ol>
  135.   </li>
  136.   <li>Le dernier item dans la liste.</li>
  137. </ol>
  138.  
  139. <p>Pour crΘer cette structure, crΘez d'abord une liste numΘrotΘe avec un
  140. premier item (par exemple en cliquant sur le bouton <img alt="Numbered List "
  141. src="../images/NumList.gif" /> ) et tapez sur la premiΦre ligne. A la fin de
  142. cette premiΦre ligne, pressez la touche "Enter" : cela crΘe un nouveau
  143. paragraphe dans la liste. A la fin de ce paragraphe, pressez la touche
  144. "Enter" : cela crΘe encore un nouveau paragraphe. Par contre, en pressant
  145. encore la mΩme touche, vous remplacez ce paragraphe dans un item vide 2. A la
  146. fin de la premiΦre ligne de l'article 2, crΘez une nouvelle liste avec son
  147. premier item (cliquez par exemple sur le bouton <img alt="Numbered List "
  148. src="../images/NumList.gif" /> ). La nouvelle liste sera automatiquement
  149. emboεtΘe. L'item b. est crΘΘ en appuyant deux fois sur la touche "Enter" α la
  150. fin de l'item a. Quand le point d'insertion est α la fin de l'item b., crΘez
  151. l'item 3 en appuyant quatre fois sur la touche "Enter". Pour crΘer le
  152. paragraphe qui suit ces listes, pressez la touche "Enter" trois fois lorsque
  153. le point d'insertion est α la fin de l'item 3.</p>
  154.  
  155. <h4 id="multi-enter2">Plusieurs pressions sur la touche EntrΘe au dΘbut d'un
  156. ΘlΘment</h4>
  157.  
  158. <p>La touche "Enter" fonctionne de la mΩme maniΦre que prΘcΘdemment quand le
  159. point d'insertion est au dΘbut d'un ΘlΘment, mais elle crΘe de nouveaux
  160. ΘlΘments avant l'ΘlΘment courant.</p>
  161.  
  162. <p>Par exemple, pour ajouter un paragraphe initial dans un item de liste,
  163. dΘplacez le point d'insertion avant le premier caractΦre de cet item et
  164. pressez la touche "Enter". Si vous appuyez deux fois sur "Enter", vous
  165. obtenez un nouvel item avant l'item en cours. Ceci est utile pour insΘrer un
  166. nouvel article avant le premier.</p>
  167.  
  168. <p>Cette utilisation de la touche "Enter" ne s'applique pas seulement aux
  169. listes et aux paragraphes, mais α tous les ΘlΘments. Elle est par exemple
  170. particuliΦrement commode pour <a href="Manual.html.fr">crΘer des
  171. tables.</a></p>
  172.  
  173. <h4 id="end-anchor">Sortir des ancres ou des chaεnes d'ΘlΘments de style</h4>
  174.  
  175. <p>Quand un paragraphe ou un autre bloc de texte se termine par une ancre ou
  176. une chaεne de caractΦres stylΘe (en gras, en italique ou dans tout autre
  177. style) si vous placez le point d'insertion α la fin du paragraphe et tapez du
  178. texte, les caractΦres sont ajoutΘs α la fin de l'ancre ou de la chaεne
  179. stylΘe. Si vous voulez saisir du simple texte aprΦs cet ΘlΘment, il vous
  180. suffit de presser la touche "Enter" pour sortir de l'ΘlΘment et de taper.</p>
  181.  
  182. <p>Quand un paragraphe ou un autre bloc de texte dΘbute par une ancre ou une
  183. chaεne de caractΦres stylΘe, si vous placez le point d'insertion au dΘbut du
  184. paragraphe et tapez du texte, les caractΦres sont insΘrΘs dans l'ancre ou de
  185. la chaεne stylΘe. Si vous voulez saisir du simple texte avant cet ΘlΘment, il
  186. vous suffit de presser la touche "Enter" pour sortir de l'ΘlΘment et de
  187. taper.</p>
  188.  
  189. <h4>Sortir d'un <pre> ou d'une table</h4>
  190.  
  191. <p>Quand la curseur se trouve α la fin d'un ΘlΘment <pre>, la touche
  192. "Enter" crΘe une nouvelle ligne dans le <pre>. Pour crΘer un autre
  193. ΘlΘment, un paragraphe, aprΦs le <pre>, vous pouvez utiliser le menu
  194. Types et sΘlectionner le type dΘsirΘ.</p>
  195.  
  196. <p>Un autre moyen d'obtenir ce rΘsultat est de sΘlectionner le <pre> en
  197. entier avec la touche "Esc" (Unix) ou "F2" (Windows) et de presser la touche
  198. "Enter". Un nouveau paragraphe aprΦs le <pre> sera crΘΘ.</p>
  199.  
  200. <p>Ceci marche aussi pour une table : il faut sΘlectionner la table
  201. entiΦre et presser la touche "Enter" pour crΘer un nouveau paragraphe aprΦs
  202. une table. Vous pouvez aussi sortir de la table par une sΘrie de plusieurs
  203. "Enter" successifs.</p>
  204.  
  205. <h4 id="edit-dl">Editer les listes de dΘfinitions (dl/dt/dd)</h4>
  206.  
  207. <p>La touche "EntrΘe" est Θgalement utile pour Θditer des listes de
  208. dΘfinitions. ConsidΘrez l'exemple suivant :</p>
  209.  
  210. <blockquote>
  211.   <dl>
  212.     <dt>Terme 1</dt>
  213.     <dt>Terme 2</dt>
  214.       <dd>DΘfinition des deux termes.</dd>
  215.   </dl>
  216. </blockquote>
  217.  
  218. <p>C'est une liste de dΘfinitions (<code>dl</code>) contenant deux termes
  219. (<code>dt</code>) suivis par une dΘfinition (<code>dd</code>). Pour ajouter
  220. un nouveau paragraphe α l'intΘrieur de la dΘfinition (<code>dd</code>),
  221. placez le point d'insertion α la fin (aprΦs le mot "termes") et appuyez sur
  222. la touche "Enter". Si vous pressez "Enter" deux fois, vous sortez de la
  223. dΘfinition en cours (<code>dd</code>) et vous crΘez un nouveau terme
  224. (<code>dt</code>). A la fin de ce nouveau terme, presser une fois la touche
  225. "Enter" vous permet de crΘer encore un nouveau terme (<code>dt</code>). La
  226. presser deux fois crΘe une nouvelle dΘfinition (<code>dd</code>).</p>
  227.  
  228. <p>Si vous voulez crΘer un nouveau terme avec sa dΘfinition <em>avant</em> le
  229. Terme 1, mettez le point d'insertion au dΘbut du terme 1 et appuyez sur
  230. "Enter". Tapez le nouveau terme (<code>dt</code>), puis pressez "Enter" deux
  231. fois : une nouvelle dΘfinition (<code>dd</code>) est crΘΘe directement aprΦs
  232. le nouveau terme.</p>
  233.  
  234. <h3><a name="Changing">Changer le titre du document</a></h3>
  235.  
  236. <p>Vous pouvez Θditer le titre du document (ΘlΘment TITRE) en utilisant le
  237. menu <strong>ElΘments/changer le titre.</strong> Vous pouvez aussi Θditer le
  238. titre du document dans la <a href="Views.html.fr#Structure">vue
  239. structure</a>.</p>
  240. </div>
  241.  
  242. <div id="Creating1">
  243. <h3><a>Traitement des blancs</a></h3>
  244.  
  245. <p>Pour les documents XHTML, <a href="Math.html.fr#Math">MathML</a>, <a
  246. href="SVG.html.fr">SVG</a> et pour les ΘlΘments MathML ou SVG inclus dans des
  247. documents HTML, Amaya supprime les <strong>blancs non significatifs</strong>
  248. au chargement sauf s'ils doivent Ωtre explicitement prΘservΘs.</p>
  249.  
  250. <p>Sont appelΘs blancs non significatifs:</p>
  251. <ul>
  252.   <li>les caractΦres de fin de ligne (#xD et (#xA),</li>
  253.   <li>les caractΦres de tabulation (#X9),</li>
  254.   <li>les blancs de dΘbut d'un ΘlΘment,</li>
  255.   <li>les blancs de fin d'un ΘlΘment,</li>
  256.   <li>les blancs contigus (un seul blanc est alors prΘservΘ).</li>
  257. </ul>
  258.  
  259. <p>L'auteur d'un tel document peut vouloir spΘcifier son intention de
  260. prΘserver tous les caractΦres pour certains ΘlΘments. Pour cela, il peut
  261. utiliser l'attribut <code>xml:space</code> <strong></strong>ou l'ΘlΘment
  262. <code>PRE</code> (ce dernier pour des documents XHTML uniquement). Deux
  263. valeurs sont possibles pour l'attribut <code>xml:space</code> :
  264. "<code>defaul</code>t" et "<code>preserve</code>". La valeur
  265. "<code>default</code>" applique le traitement des blancs par dΘfaut dΘfini
  266. pour la DTD du document. Dans Amaya, le traitement par dΘfaut supprime les
  267. blancs non significatif pour les DTD supportΘes (voir ci-dessus). La valeur
  268. "<code>preserve</code>" indique α Amaya de prΘserver tous les caractΦres, α
  269. l'exception du premier caractΦre qui suit immΘdiatement la fin de la balise
  270. de l'ΘlΘment portant l'attribut si ce caractΦre est une fin de ligne.
  271. L'attribut <code>xml:space</code> s'applique α tous les ΘlΘments α
  272. l'intΘrieur du contenu de l'ΘlΘment porteur de la dΘclaration, α moins qu'il
  273. ne soit annulΘ par l'apparition d'un autre attribut <code>xml:space</code>.
  274. Concernant la DTD XHTML, l'ΘlΘment <code>PRE</code> induit le mΩme
  275. comportement que l'attribut xml:space avec la valeur "preserve".</p>
  276.  
  277. <p>Le traitement des blancs est appliquΘ par Amaya lors du chargement d'un
  278. document mais ne s'applique pas lors de l'Θdition de celui-ci. Ainsi, si vous
  279. saisissez des blancs non significatifs, ils seront visibles α l'Θcran et
  280. sauvegardΘs tels que mais ils seront supprimΘs lors du prochain chargement.
  281. Par exemple, le code source suivant:</p>
  282.  
  283. <p><code><p>Amaya supprime les<strong> blancs non significatifs
  284. </strong>au chargement</p></code></p>
  285.  
  286. <p>donnera α l'Θdition:</p>
  287. <pre><code>Amaya supprime les</code><strong><code> blancs non significatifs </code></strong><code>au chargement</code></pre>
  288.  
  289. <p>et sera sauvegardΘ sous cette forme. Lors du prochain chargement de ce
  290. document, cette partie sera transformΘe en:</p>
  291.  
  292. <p><code>Amaya supprime les</code><code><strong>blancs non
  293. significatif</strong></code><code><strong>s</strong>au chargement</code></p>
  294.  
  295. <p>car les blancs de dΘbut et de fin de l'ΘlΘment <code>strong</code> sont
  296. considΘrΘs comme non significatifs et sont donc supprimΘs. La forme correcte
  297. autait ΘtΘ:</p>
  298.  
  299. <p><code><p>Amaya supprime les <strong>blancs non
  300. significatifs</strong> au chargement</p></code></p>
  301.  
  302. <p>Nous vous conseillons de recharger votre document lorsque vous avez fini
  303. de le saisir afin de visualiser le rΘsultat lors d'un prochain chargement
  304. avec Amaya.</p>
  305. </div>
  306.  
  307. <p><a href="Document.html.fr#Changing"><img alt="previous"
  308. src="../images/left.gif" /></a> <a href="Manual.html.fr"><img alt="top"
  309. src="../images/up.gif" /></a> <a href="Attributes.html.fr#Attributes"><img
  310. alt="next" src="../images/right.gif" /></a></p>
  311. <hr />
  312. </body>
  313. </html>
  314.