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