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