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