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 / Tutorial.html.fr < prev    next >
Extensible Markup Language  |  2005-05-17  |  56KB  |  1,295 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
  3.        "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  7.   <title>Amaya - Guide utilisateur</title>
  8.   <style type="text/css">
  9.  
  10. .xml {color: #E50000}
  11. .exercice {color: #A9B200}
  12. h1 {color: #FFFFFF; background-color: #7995B6; padding: 5px 1px}
  13. address {margin-bottom: 30px}
  14. body {background-color: #F9F7F4; color: #666666; font-family: helvetica; }
  15. .author {font-style: italic; font-weight: bold}
  16. .head {margin: 1em 0 3em 0}
  17. h1 {font-size: 24pt}
  18. body {padding-left: 2em}</style>
  19.   <meta name="generator" content="amaya 9.1.1, see http://www.w3.org/Amaya/"
  20.   />
  21. </head>
  22.  
  23. <body xml:lang="fr">
  24.  
  25. <div class="head">
  26. <h1 id="Amaya">Amaya - Guide utilisateur</h1>
  27.  
  28. <p class="head"><span class="author">IrΦne Vatton</span> <br />
  29. DerniΦre mise α jourá: <!--$date=-->16-05-2005 - 09:16<!--$-->
  30. </p>
  31. </div>
  32.  
  33. <p>Ce document a pour but d'aider les nouveaux utilisateurs d'Amaya. Pour
  34. plus de dΘtail sur l'interface, il faut se reporter au <a
  35. href="Manual.html.fr">manuel de rΘfΘrence</a>.</p>
  36.  
  37. <div>
  38. <h3>Plan</h3>
  39. <ol>
  40.   <li><a href="#L85">Introduction</a>
  41.     <ul>
  42.       <li>Pourquoi un Θditeur structurΘ pour HTML ?</li>
  43.       <li>Pourquoi des familles HTML ?</li>
  44.       <li>Les familles HTML</li>
  45.       <li>Quelques rΦgles d'accessibilitΘ α suivre</li>
  46.     </ul>
  47.   </li>
  48.   <li><a href="#L271">PrΘsentation gΘnΘrale d'Amaya</a></li>
  49.   <li><a href="#L483">ParamΘtrage de l'application</a></li>
  50.   <li><a href="#L608">CrΘation/Edition d'une page Web</a></li>
  51.   <li><a href="#L662">CrΘation du contenu (paragraphes, en-tΩtes de sections,
  52.     divisions)</a></li>
  53.   <li><a href="#L831">Le listes</a></li>
  54.   <li><a href="#L1002">Les liens</a></li>
  55.   <li><a href="#L11631">Mises en Θvidence du texte</a></li>
  56.   <li><a href="#L12061">Les tables</a></li>
  57.   <li><a href="#L12281">Recherche/Remplacement - Correction
  58.   orthographique</a></li>
  59.   <li><a href="#L1230">Attributs</a></li>
  60.   <li><a href="#L1232">CrΘation de feuilles de style CSS</a></li>
  61.   <li><a href="#L1242">DΘtection des erreurs</a></li>
  62. </ol>
  63. </div>
  64.  
  65. <div>
  66. <h2 id="L85">1. Introduction</h2>
  67.  
  68. <p>L'objectif du Web est de permettre l'Θchange d'informations quelque soit
  69. le support. HTML en dΘfinit un modΦle de document Web standard et partagΘ par
  70. un large Θventail d'outils.</p>
  71.  
  72. <p>Avec les CSS (Cascading Style Sheets) il y a mΩme sΘparation entre la
  73. structure + contenu et la prΘsentation. L'auteur d'un document Web doit donc
  74. distinguer ce qui est du ressort de la structure (titres, paragraphes,
  75. listes, etc.) de ce qui n'est que de la prΘsentation (taille de caractΦres,
  76. couleurs, etc.). Un bon exercice est d'essayer de comprendre un document en
  77. ne lisant que les balises HTML et le texte.</p>
  78.  
  79. <h3>Pourquoi un Θditeur structurΘ pour HTML ?</h3>
  80.  
  81. <p>HTML dΘfinit une structure (organisation) de document.</p>
  82. <ul>
  83.   <li><strong>Elements</strong> : DΘcoupage sΘmantique du document mΩme si ce
  84.     dΘcoupage a un effet sur la prΘsentation.
  85.     <p>Par exemple un H2 a un effet de prΘsentation mais donne aussi une
  86.     information sΘmantique. C'est un en-tΩte moins important qu'un H1 et plus
  87.     important qu'un H3.</p>
  88.     <p>De mΩme un lien (ancre + href) dΘfinit plus qu'un simple texte
  89.     colorΘ/soulignΘ.</p>
  90.   </li>
  91.   <li><strong>Attributs</strong> : CaractΘrisation sΘmantique
  92.     <p>L'attribut class="section" sur une division, la cible d'un lien
  93.     href="http://www.w3.org/"</p>
  94.   </li>
  95. </ul>
  96.  
  97. <h3>Pourquoi des familles HTML ?</h3>
  98.  
  99. <p>Avant que le langage CSS ne soit finalisΘ, HTML avait introduit des
  100. ΘlΘments et des attributs qui n'avaient pas de valeur sΘmantique, mais
  101. servaient α modifier la prΘsentation des documents. Par exemple
  102. <font>...</font> pour choisir une police de caractΦres
  103. particuliΦre. Avec le langage CSS, ces ΘlΘments et attributs n'ont plus de
  104. raison d'Ωtre. La sous-famille de HTML 4.0 Strict Θlimine les ΘlΘments et
  105. attributs HTML qui doivent Ωtre remplacΘ par des propriΘtΘs CSS (center,
  106. font, color, background).</p>
  107.  
  108. <p>La sous-famille de HTML 4.0 Frameset isole les ΘlΘments et attributs qui
  109. dΘcrivent le dΘcoupage en fenΩtres (frames). Le W3C dΘcommande l'utilisation
  110. des "frames" pour faire que les sites Web soient accessibles aux handicapΘs
  111. (problΦmes de navigation et de contexte).</p>
  112.  
  113. <p>D'autres familles XHTML ont ΘtΘ introduites pará:</p>
  114. <ul>
  115.   <li>Besoin de <strong>modularisation</strong> pour s'adapter α de nouveaux
  116.     supports (PDA, tΘlΘphones, tΘlΘvision)</li>
  117.   <li>NΘcessitΘ d'avoir des <strong>structures propres</strong> pour filtrer
  118.     et transformer de faτon automatique les documents
  119.     <p>Exempleá: extraire les titres et ne prΘsenter le texte qui suit qu'α
  120.     la demande</p>
  121.   </li>
  122.   <li>Autoriser la <strong>composition</strong> avec d'autres langages XML
  123.     (RDF, MathML, SVG, SMIL, autres).</li>
  124. </ul>
  125.  
  126. <h3>Les diffΘrences entre HTML et XHTML</h3>
  127.  
  128. <p>Dans l'exemple suivant est affichΘ en rouge le balisage spΘcifique α XHTML
  129. et en pourpre le doctype de HTML.</p>
  130. <pre><span class="xml"><?xml version="1.0" encoding="iso-8859-1"?></span>
  131. <span class="xml"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  132.       "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></span>
  133. <span style="color: #9969FF"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  134.       "http://www.w3.org/TR/html4/loose.dtd"></span>
  135. <html <span class="xml">xmlns="http://www.w3.org/1999/xhtml"</span>>
  136. <head>
  137. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"<span style="color: #E50000" class="xml">/</span>>
  138. <title>Amaya - Guide utilisateur</title>
  139. </head>
  140. <body <span class="xml">xml:lang="fr"</span>>
  141. <h1 id=<span class="xml">"</span>Amaya<span class="xml">"</span>>Amaya - Guide utilisateur<span class="xml"></h1></span>
  142. <h2>Plan<span class="xml"></h2></span>
  143. <ol>
  144. <li>Introduction<span class="xml"></li></span>
  145. <li>HTML<span class="xml"></li></span>
  146. <li>Quelques rΦgles<span class="xml"></li></span></ol>
  147. <span class="xml"></body></span>
  148. <span class="xml"></html></span></pre>
  149.  
  150. <h3>Les familles HTML</h3>
  151.  
  152. <table border="1">
  153.   <caption></caption>
  154.   <tbody>
  155.     <tr>
  156.       <th>Famille</th>
  157.       <th>ElΘments + attributs</th>
  158.       <th>Strucutre</th>
  159.     </tr>
  160.     <tr>
  161.       <td><p>HTML 4.0 Transitional</p>
  162.       </td>
  163.       <td>Tout sauf les frames</td>
  164.       <td>Structure implicite</td>
  165.     </tr>
  166.     <tr>
  167.       <td>HTML 4.0 Strict</td>
  168.       <td>Sans ΘlΘments de prΘsentation</td>
  169.       <td>Structure implicite</td>
  170.     </tr>
  171.     <tr>
  172.       <td>HTML 4.0 Frameset</td>
  173.       <td>Les frames</td>
  174.       <td>Structure implicite</td>
  175.     </tr>
  176.     <tr>
  177.       <td>XHTML 1.0 Transitional</td>
  178.       <td>Tout sauf les frames</td>
  179.       <td>Structure bien formΘe</td>
  180.     </tr>
  181.     <tr>
  182.       <td>XHTML 1.0 Strict</td>
  183.       <td>Sans ΘlΘments de prΘsentation</td>
  184.       <td>Structure bien formΘe</td>
  185.     </tr>
  186.     <tr>
  187.       <td>XHTML 1.0 Basic</td>
  188.       <td>AdaptΘ aux tΘlΘphones</td>
  189.       <td>Structure bien formΘe</td>
  190.     </tr>
  191.     <tr>
  192.       <td>XHTML 1.1</td>
  193.       <td>XHTML 1.0 Strict + annotations Ruby</td>
  194.       <td>Structure bien formΘe</td>
  195.     </tr>
  196.   </tbody>
  197. </table>
  198.  
  199. <h3>Quelques rΦgles d'accessibilitΘ α suivre</h3>
  200.  
  201. <p>EnoncΘ de quelques rΦgles</p>
  202. <ul>
  203.   <li>Produire des documents valides</li>
  204.   <li>SΘparer structure et prΘsentation<br />
  205.     Ne pas considΘrer que tout le monde dispose du mΩme Θcran que vous</li>
  206.   <li>Ne pas utiliser du JavaScript pour naviguer</li>
  207.   <li>Ne pas utiliser les frames</li>
  208.   <li>Fournir des textes alternΘs pour les images, les vidΘos, etc.</li>
  209. </ul>
  210. </div>
  211.  
  212. <div>
  213. <h2 id="L271">2. PrΘsentation gΘnΘrale d'Amaya</h2>
  214.  
  215. <p>Amaya est α la fois navigateur et un Θditeurá:</p>
  216.  
  217. <p><strong>Amaya</strong> est un Θditeur dotΘ de capacitΘs de navigation.
  218. C'est α dire que pendant que l'utilisateur travaille sur les documents de son
  219. site Web, il peut accΘder n'importe quel autre document Web de sites
  220. extΘrieurs.</p>
  221.  
  222. <p>Lorsqu'il est utilisΘ comme navigateur, Amaya se comporte comme beaucoup
  223. d'autres navigateurs Web, exceptΘ pour ce qui est d'activer les liens. Par
  224. dΘfaut le simple clic est utilisΘ pour poser la sΘlection (dΘfinir le point
  225. d'insertion de texte) et il faut effectuer un double-clic sur un lien pour
  226. l'activer.</p>
  227.  
  228. <p>La barre de menu :</p>
  229. <ul>
  230.   <li>Fichierá: crΘation de documents, navigation, impression, fermeture.</li>
  231.   <li>Editioná: Θdition de base, recherche/remplacement, correction
  232.     orthographique, paramΘtrage.</li>
  233.   <li>XHTML : crΘation/remplacement d'ΘlΘments (X)HTML.</li>
  234.   <li>XML : crΘation d'ΘlΘments XML.</li>
  235.   <li>Liens : crΘation et destruction des liens.</li>
  236.   <li>Vues : gestion des diffΘrentes vues du document.</li>
  237.   <li>Style : gestion du style CSS.</li>
  238.   <li>Annotations : crΘation, destruction d'annotations.</li>
  239.   <li>Aide : donne accΦs au manuel en ligne.</li>
  240. </ul>
  241.  
  242. <p>La barre de boutons</p>
  243.  
  244. <p>Contient quelques boutons d'accΦs aux fonctions les plus utilisΘes</p>
  245. <ul>
  246.   <li>Stop <img alt="(Stop)" src="../../resources/icons/22x22/stop.png" />á:
  247.     arrΩte le transfert d'information depuis un serveur Web</li>
  248.   <li>Document prΘcΘdent <img alt="(PrΘcΘdent)"
  249.     src="../../resources/icons/22x22/back.png" />á: retour au document
  250.     prΘcΘdent (s'il y en a un)</li>
  251.   <li>Document suivant <img alt="(Suivant)"
  252.     src="../../resources/icons/22x22/forward.png" />á: retour au document
  253.     suivant (s'il y en a un)</li>
  254.   <li>Recharger<img alt="(Recharger)"
  255.     src="../../resources/icons/22x22/reload.png" /> : recharge le document
  256.     (accΦs serveur)</li>
  257.   <li>Page personnelle <img alt="(Home)"
  258.     src="../../resources/icons/22x22/home.png" />á: affiche la page de
  259.     dΘmarrage</li>
  260.   <li>Sauver <img alt="(Sauver)" src="../../resources/icons/22x22/save.png"
  261.     />á: sauver les modifications</li>
  262.   <li>Imprimer <img alt="(Imprimer)"
  263.     src="../../resources/icons/22x22/print.png" />á: imprime le document</li>
  264.   <li>Rechercher/Remplacer <img alt="(Rechercher)"
  265.     src="../../resources/icons/22x22/find.png" />á: affiche un formulaire de
  266.     recherche/remplacement de texte</li>
  267. </ul>
  268.  
  269. <p>Les outils</p>
  270.  
  271. <p>Amaya persente sur la gauche une liste d'outils dont une liste de
  272. raccourcis pour crΘer des ΘlΘments HTML.</p>
  273. <ul>
  274.   <li>Mise en Θvidence <img alt="(Evidence)"
  275.     src="../../resources/icons/22x22/XHTML_I.png" />á: permet de
  276.     crΘer/supprimer un ΘlΘment "mise en Θvidence"
  277.   (<em>...</em>)</li>
  278.   <li>Important <img alt="(Important)"
  279.     src="../../resources/icons/22x22/XHTML_B.png" />á: permet de crΘer un
  280.     ΘlΘment "important" (<strong>...</strong>)</li>
  281.   <li>Fonte fixe <img alt="(Code)"
  282.     src="../../resources/icons/22x22/XHTML_T.png" />á: permet de crΘer un
  283.     ΘlΘment "fonte fixe" (<code>...</code>)</li>
  284.   <li>Ajout d'une image <img alt="(Image)"
  285.     src="../../resources/icons/22x22/XHTML_Image.png" />á: permet de crΘer un
  286.     ΘlΘment "image" (<img/>)</li>
  287.   <li>Titre niveau 1á<img alt="(H1)"
  288.     src="../../resources/icons/22x22/XHTML_H1.png" />á: permet de crΘer un
  289.     ΘlΘment "titre niveau 1" (<h1>...</h1>)</li>
  290.   <li>Titre niveau 2 <img alt="(H2)"
  291.     src="../../resources/icons/22x22/XHTML_H2.png" />á: permet de crΘer un
  292.     ΘlΘment "titre niveau 2" (<h2>...</h2>)</li>
  293.   <li>Titre niveau 3 <img alt="(H3)"
  294.     src="../../resources/icons/22x22/XHTML_H3.png" />á: permet de crΘer un
  295.     ΘlΘment "titre niveau 3" (<h3>...</h3>)</li>
  296.   <li>Liste <img alt="(Liste)"
  297.     src="../../resources/icons/22x22/XHTML_Bullet.png" />á: permet de crΘer
  298.     un ΘlΘment "liste α puces" (<ul>...</ul>)</li>
  299.   <li>Liste numΘrotΘe <img alt="(Liste num)"
  300.     src="../../resources/icons/22x22/XHTML_Num.png" />á: permet de crΘer un
  301.     ΘlΘment "liste numΘrotΘe" (<ol>...</ol>)</li>
  302.   <li>Liste de dΘfinitions <img alt="(DΘfinitions)"
  303.     src="../../resources/icons/22x22/XHTML_DL.png" />á: permet de crΘer un
  304.     ΘlΘment "liste de dΘfinition" (<dl>...</dl>)</li>
  305.   <li>Lien <img alt="(Lien)" src="../../resources/icons/22x22/XHTML_Link.png"
  306.     />á: permet de crΘer un ΘlΘment "titre niveau 1" (<a
  307.     href="...">...</a>)</li>
  308.   <li>Table <img alt="(Table)"
  309.     src="../../resources/icons/22x22/XHTML_Table.png" />á: permet de crΘer un
  310.     ΘlΘment "titre niveau 1" (<table>...</table>)</li>
  311. </ul>
  312.  
  313. <p>et une zone d'affichage de l'adresse du document.</p>
  314. </div>
  315.  
  316. <div>
  317. <h2 id="L483">3. ParamΘtrage de l'application</h2>
  318.  
  319. <p>Avant d'Θditer des documents Web avec Amaya, il est important de fixer un
  320. certain nombre de paramΦtres. Pour cela il faut ouvrir au moins deux des dix
  321. menus de prΘfΘrences disponibles dans <strong>╔diter/PrΘfΘrences</strong>.
  322. Chaque menu prΘsente trois boutons d'action :</p>
  323.  
  324. <table border="0" cellspacing="5" cellpadding="5"
  325. summary="action button chart">
  326.   <tbody>
  327.     <tr>
  328.       <th>Appliquer</th>
  329.       <td>Ce bouton valide et stocke les options affichΘes dans le menu.</td>
  330.     </tr>
  331.     <tr>
  332.       <th>DΘfauts</th>
  333.       <td>Ce bouton rΘtablit, mais ne sauve pas, les valeurs par dΘfaut. Il
  334.         faut utiliser le bouton Appliquer pour valider les options.</td>
  335.     </tr>
  336.     <tr>
  337.       <th>Terminer</th>
  338.       <td>Ce bouton ferme le menu.</td>
  339.     </tr>
  340.   </tbody>
  341. </table>
  342.  
  343. <p>Voici les paramΦtres importants α rΘglerá:</p>
  344.  
  345. <h4>Dans les prΘfΘrences gΘnΘrales</h4>
  346. <ul>
  347.   <li><strong>Page de dΘmarrage</strong>á: SpΘcifie l'URI qu'Amaya chargera
  348.     au dΘmarrage ou quand l'utilisateur pressera le bouton <img
  349.     alt="(Page personelle)" src="../../resources/icons/22x22/home.png" />
  350.     (par exemple l'URI <code>http://www.w3.org</code>).</li>
  351.   <li><strong><a id="Enable">Activer le coller ligne α ligne</a></strong>á:
  352.     Cette option concerne le coller depuis une autre application. Quand cette
  353.     option est activΘe, les lignes de l'application source sont conservΘes.
  354.     Sinon les caractΦres ½áfin de ligneá╗ sont remplacΘs par des espaces.</li>
  355.   <li><strong>Produire des fichiers de sauvegarde</strong>á: Si cette option
  356.     est active Amaya va produire pΘriodiquement un fichier de sauvegarde pour
  357.     chaque document ΘditΘ.</li>
  358.   <li><strong>Montrer les cibles</strong>á: Contr⌠le si les cibles de liens
  359.     sont visualisΘes ou non. Montrer les cibles peut aider quand on veut
  360.     crΘer de nouveaux liens. Cette option agit immΘdiatement sur tous les
  361.     documents ΘditΘs.<br />
  362.   </li>
  363.   <li><strong>Zoom caractΦres</strong>á: Cette option vous permet de rΘduire
  364.     ou d'augmenter les tailles des polices de caractΦres utilisΘes. Cette
  365.     option a un effet immΘdiat sur tous les documents ΘditΘs. <br />
  366.   </li>
  367.   <li><strong>Langue du dialogue</strong>á: SpΘcifie la langue utilisΘe dans
  368.     les menus et les messages. La langue par dΘfaut est l'anglais amΘricain
  369.     (valeur en). D'autres langues sont possibles comme le franτais (fr),
  370.     l'italien (it), l'espagnol (es), et l'allemand (de).</li>
  371. </ul>
  372.  
  373. <h4>Dans les prΘfΘrences de navigation</h4>
  374. <ul>
  375.   <li><strong>Charger les images</strong> : Contr⌠le si les images doivent
  376.     Ωtre chargΘes et affichΘes. Sinon, l'attribut ALT est visualisΘ α la
  377.     place de l'image. Cette option prend effet dΦs que le formulaire est
  378.     validΘ. <br />
  379.   </li>
  380.   <li><strong>Charger les objets</strong> : Contr⌠le si les objets doivent
  381.     Ωtre chargΘs et affichΘs. Sinon, le contenu de l'objet est visualisΘ α la
  382.     place de l'objet. Cette option prend effet dΦs que le formulaire est
  383.     validΘ.</li>
  384.   <li><strong>Montrer les images de fond</strong> : Contr⌠le si les images en
  385.     arriΦre plan doivent Ωtre montrΘes ou non. Cette option prend effet dΦs
  386.     que le formulaire est validΘ.</li>
  387.   <li><strong>Le double clic active les liens</strong> : Depuis la premiΦre
  388.     version d'Amaya, les utilisateurs ont besoin de double cliquer sur un
  389.     lien pour l'activer. Cela permet de diffΘrencier l'Θdition d'un lien de
  390.     son activation. Vous pouvez changer ce comportement en dΘsactivant cette
  391.     option.<br />
  392.   </li>
  393. </ul>
  394.  
  395. <p><a href="Configure.html.fr">A voir pour plus de dΘtail</a></p>
  396. </div>
  397.  
  398. <div>
  399. <h2 id="L608">4. CrΘation/Edition d'une page Web</h2>
  400.  
  401. <p>L'entrΘe <strong>Fichier/Nouveau</strong> permet de crΘer un nouveau
  402. document d'un type donnΘ. Amaya demande de spΘcifier l'URI ou le nom local du
  403. document α crΘer (un nom par dΘfaut est gΘnΘrΘ). AprΦs confirmation, Amaya
  404. ouvre un nouveau document vide.</p>
  405.  
  406. <p>L'entrΘe <strong>Fichier/Ouvrir</strong> remplace le document affichΘ.
  407. Amaya utilise la mΩme entrΘe de menu par le nouveau document sΘlectionnΘ.
  408. Amaya utilise la mΩme entrΘe de menu pour ouvrir un document local ou un
  409. document d'un serveur Web.</p>
  410.  
  411. <p>Les entrΘes du menu XHTML prΘsentent les ΘlΘments que l'on peut insΘrer
  412. dans le document affichΘ, en fonction de la famille XHTML choisie. La maniΦre
  413. la plus simple de crΘer de nouveaux ΘlΘments dans un document est de placer
  414. le point d'insertion dans la position voulue et d'utiliser le menu
  415. <strong>XHTML</strong>, ou la barre d'outil pour les ΘlΘments les plus
  416. communs (images, en-tΩtes, listes...).</p>
  417.  
  418. <p>Ces boutons ou entrΘes de menu crΘent l'ΘlΘment correspondant α la
  419. position courante. Si l'ΘlΘment dΘsirΘ ne peut pas Ωtre crΘΘ exactement α la
  420. position choisie. Amaya tente alors de crΘer l'ΘlΘment α l'endroit le plus
  421. proche possible.</p>
  422.  
  423. <h3>DΘfinir le titre du document</h3>
  424.  
  425. <p>Par dΘfaut Amaya donne le titre "No title" au document nouvellement crΘΘ
  426. parce que cet ΘlΘment est obligatoire. Il ne faut pas oublier de mettre α
  427. jour ce titre en activant l'entrΘe <strong>XHTML/Changer le
  428. titre</strong>.</p>
  429.  
  430. <h3>DΘfinir la langue utilisΘe</h3>
  431.  
  432. <p>Il est important de dΘfinir la langue dans laquelle est Θcrit le document.
  433. Sans indication explicite, le document est supposΘ Θcrit en anglais. La
  434. langue est utilisΘe par le correcteur orthographique.</p>
  435.  
  436. <p>Pour dΘfinir qu'un document est Θcrit franτais, il faut sΘlectionner
  437. l'ΘlΘment <body> et lui appliquer l'attribut lang=fr (voir les
  438. attributs dans les outils).</p>
  439.  
  440. <h4>PremiΦre mΘthode</h4>
  441.  
  442. <p>On pose la sΘlection n'importe o∙ dans le document et on utilise la touche
  443. <code>F2</code> pour remonter la sΘlection sur l'ΘlΘment <body>. La
  444. barre de statut affiche l'ΘlΘment sΘlectionnΘ. A ce moment lα on sΘlectionne
  445. l'entrΘe langue de l'outil <strong>Attributs</strong> pour afficher le
  446. formulaire de choix de la langue.</p>
  447.  
  448. <h4>DeuxiΦme mΘthode</h4>
  449.  
  450. <p>On ouvre la vue Structure (entrΘe <strong>Vue/Montrer la
  451. structure</strong>), on sΘlectionne l'ΘlΘment <body>.A ce moment lα on
  452. sΘlectionne l'entrΘe langue de l'outil <strong>Attributs</strong> pour
  453. afficher le formulaire de choix de la langue.</p>
  454. </div>
  455.  
  456. <div>
  457. <h3><a id="L1104">Sauver des documents en HTML</a></h3>
  458.  
  459. <p><b>Amaya</b> ne fournit aucune vue d'ensemble des pages installΘes sur le
  460. serveur. Cependant il est possible de sauver ou copier des fichiers sur un
  461. serveur ou sur sur son disque local grΓce aux commandes
  462. <strong>Sauver</strong> et <strong>Sauver comme</strong>. Pendant ces
  463. opΘrations, Amaya tient compte des images.</p>
  464.  
  465. <h4><a id="L1517">La commande Sauver</a></h4>
  466.  
  467. <p>La commande sauver peut Ωtre invoquΘe soit en choisissant
  468. <strong>Sauver</strong> depuis le menu <strong>Fichier</strong> (<code>Ctrl
  469. s</code> pour Windows, <code>Ctrl x Ctrl s</code> pour Unix) ou bien en
  470. cliquant sur le bouton <img alt="floppy"
  471. src="../../resources/icons/22x22/save.png" />.</p>
  472.  
  473. <h4><a id="L1518">La commande Sauver comme</a></h4>
  474.  
  475. <p>Le fait de sΘlectionner l'entrΘe <strong>Sauver comme</strong> dans le
  476. menu <strong>Fichier</strong> ouvre une boεte de dialogue qui permet de
  477. sauver le document courant α une adresse diffΘrente (sur un serveur Web ou
  478. sur le disque local) ou de changer certains paramΦtres, comme le format du
  479. document et l'encodage.</p>
  480.  
  481. <h2 id="L662">5. CrΘation du contenu (paragraphes, en-tΩtes de sections,
  482. divisions)</h2>
  483.  
  484. <p>Par dΘfaut, Amaya crΘe un nouveau paragraphe chaque fois que l'on active
  485. la touche <code>Enter</code>. Une fois le paragraphe et son contenu crΘΘ, on
  486. peut insΘrer un en-tΩte de section, avant, aprΦs, ou au milieu du
  487. paragraphe,</p>
  488. <ul>
  489.   <li>en activant un des boutons Hn,</li>
  490.   <li>ou en tapant <code>Ctrl n</code> (n allant de 1 α 6),</li>
  491.   <li>ou en sΘlectionnant, l'entrΘe correspondante du menu
  492.     <strong>XHTML</strong>.</li>
  493. </ul>
  494.  
  495. <p>Quand l'insertion se fait au milieu du paragraphe, Amaya coupe le
  496. paragraphe existant en deux et insΦre l'en-tΩte au milieu.</p>
  497.  
  498. <h3>Transformations</h3>
  499.  
  500. <p>Si une partie du paragraphe est sΘlectionnΘe au moment o∙ on insΦre
  501. l'en-tΩte, ce texte sera supprimΘ dans le paragraphe et insΘrΘ dans l'en-tΩte
  502. crΘΘ.</p>
  503.  
  504. <p>On peut aussi sΘlectionner le paragraphe (touche <code>F2</code>) et
  505. transformer ainsi le paragraphe en en-tΩte. Un ou plusieurs paragraphes
  506. peuvent en fait se transformer en liste, table, prΘformatΘ en fonction de
  507. l'ΘlΘment cible choisi. L'entrΘe de menu <strong>Edition/Transformer</strong>
  508. propose les cibles possibles pour la sΘlection courante.</p>
  509.  
  510. <h3>PrΘformatΘ</h3>
  511.  
  512. <p>L'ΘlΘment prΘformatΘ est un paragraphe particulier qui permet de prΘserver
  513. tous les caractΦresá: espace, fin de ligne.</p>
  514.  
  515. <p>Pour transformer un paragraphe en prΘformatΘ, on sΘlectionne le paragraphe
  516. en entier et on active l'entrΘe de menu <strong>XHTML/PrΘformatΘ</strong> (ou
  517. <code>Ctrl h Ctrl p</code>).</p>
  518.  
  519. <p>Pour transformer un prΘformatΘ en paragraphe, on sΘlectionne le prΘformatΘ
  520. en entier et on active l'entrΘe de menu <strong>XHTML/Paragraphe</strong>.</p>
  521.  
  522. <p>Quand la sΘlection se trouve α la fin d'un <pre>, la touche
  523. <code>Enter</code> crΘe une nouvelle ligne du <pre>. Pour crΘer un
  524. paragraphe aprΦs le <pre>, il faut sΘlectionner le <pre> en
  525. utilisant la touche <code>F2</code> puis <code>Enter</code>.</p>
  526.  
  527. <h3>Division</h3>
  528.  
  529. <p>Il est possible de grouper une sΘrie de paragraphes, en-tΩtes, etc. dans
  530. une division. Pour cela, on sΘlectionne les ΘlΘments α grouper ainsi que
  531. l'entrΘe <strong>Division</strong> dans le menu XHTML.</p>
  532.  
  533. <h3>La touche Enter</h3>
  534.  
  535. <p>La touche <code>Enter</code> (ou Return) joue un r⌠le particulier. En
  536. gΘnΘral elle cl⌠t l'ΘlΘment courant et crΘe un paragraphe juste aprΦs. Si un
  537. ΘlΘment complet est sΘlectionnΘ, la touche <code>Enter</code> crΘe une autre
  538. instance de cet ΘlΘment. Par exemple si on sΘlectionne un en-tΩte, la touche
  539. <code>Enter</code> va crΘer un en-tΩte vide aprΦs.</p>
  540.  
  541. <h3><a id="Back">Les touches Back Space et Delete</a></h3>
  542.  
  543. <p>Des ΘlΘments consΘcutifs peuvent Ωtre fusionnΘs, mΩme s'ils ne sont pas au
  544. mΩme niveau dans la structure du document. La fusion s'effectue α l'aide des
  545. touches <code>Back Space</code> et <code>Delete</code>. Quand le point
  546. d'insertion est α la fin d'un ΘlΘment, utilisez la touche
  547. <code>Delete</code>. Quand il est au dΘbut, utilisez la touche <code>Back
  548. Space</code>. Dans les deux cas, ces touches n'effacent aucun caractΦre.
  549. Elles fusionnent des ΘlΘments sΘparΘs par une limite de structure.</p>
  550.  
  551. <p>Quand le point d'insertion est α l'intΘrieur d'un ΘlΘment, ces deux
  552. touches effacent comme d'habitude le caractΦre suivant ou le caractΦre
  553. prΘcΘdent.</p>
  554.  
  555. <h3>CaractΦres spΘciaux</h3>
  556.  
  557. <p>Pour les caractΦres ISO-latin qui ne sont pas directement disponibles
  558. depuis le clavier, Amaya utilise le support standard fournit par le
  559. systΦme.</p>
  560.  
  561. <p>Amaya fournit aussi des raccourcis pour certains caractΦres non
  562. disponibles au clavier commeá:</p>
  563. <ul>
  564.   <li>Pour obtenir un espace non sΘcable, vous devez taper <code>Ctrl
  565.     espace</code>. Ce caractΦre sera sauvΘ comme une entitΘ
  566.     (<code>&nbsp;</code>).</li>
  567.   <li>Pour obtenir un € (euro), vous devez taper <code>Alt e</code>.</li>
  568.   <li>Pour obtenir un ½, vous devez taper <code>Ctrl <</code> (ou
  569.     <code>Shift</code> <code>Ctrl <</code> selon le clavier).</li>
  570.   <li>Pour obtenir un ╗, vous devez taper <code>Shift Ctrl ></code>.</li>
  571. </ul>
  572.  
  573. <h3>InsΘrer une image</h3>
  574.  
  575. <p>Pour insΘrer une image, on choisit l'entrΘe <strong>Image</strong> dans le
  576. menu <strong>XHTML</strong> (raccourci <code>Ctrl h Ctrl i</code>) ou on
  577. clique sur le bouton <img alt="Image "
  578. src="../../resources/icons/22x22/XHTML_Image.png" longdesc="longdesc.htm" />.
  579. Une boεte de dialogue s'affiche qui permet de rentrer le nom du fichier et le
  580. <a href="ImageMaps.html.fr#Alternative">texte de remplacement</a> ('ALT'
  581. texte) de l'image. L'insertion n'est prise en compte que lorsque le texte de
  582. remplacement est fourni.</p>
  583.  
  584. <p>L'image est affichΘe avec ses dimensions par dΘfaut. On peut
  585. redimensionnerer l'image insΘrΘe en Θditant les attributs
  586. <strong>width</strong> et/ou <strong>height</strong> de l'image. Quand
  587. l'image est sΘlectionnΘe, on sΘlectionne l'entrΘe <strong>width</strong> ou
  588. <strong>height</strong> de l'outil <strong>Attributs</strong>.</p>
  589.  
  590. <p>Par dΘfaut l'image est cadrΘe α gauche. On peut modifier le cadrage de
  591. l'image sΘlectionnΘe en modifiant l'alignement dans l'outil
  592. <strong>Format</strong> (il faut valider le changement de format avec le
  593. bouton <img alt="ok" src="../../resources/icons/16x16/ok.png" />).</p>
  594.  
  595. <h3>Remplacer une image</h3>
  596.  
  597. <p>Pour remplacer une image il faut sΘlectionner cette image en draguant sur
  598. l'image avec la souris. ProcΘdez alors comme pour l'ajout d'une image (voir
  599. ci-dessus). Lorsqu'une image (et seulement une image) est entiΦrement
  600. sΘlectionnΘe, la boεte de dialogue des images effectue le remplacement de
  601. l'image sΘlectionnΘe au lieu d'insΘrer une nouvelle image.</p>
  602.  
  603. <h3 style="clear: both">Copier/Coller, DΘfaire/Refaire</h3>
  604.  
  605. <p>Amaya permet copier/coller non seulement du texte et des images, mais
  606. aussi une structure complexe comme une division ou une suite de paragraphes
  607. et d'en-tΩtes.</p>
  608.  
  609. <p>Il est toujours possible de dΘfaire et de refaire les derniΦres
  610. modifications opΘrΘes dans le document.</p>
  611.  
  612. <p><a href="Creating.html.fr">A voir pour plus de dΘtail</a></p>
  613.  
  614. <h2 id="L831">6. Les listes</h2>
  615.  
  616. <h3>Editer les listes α puces ou les listes numΘrotΘes</h3>
  617.  
  618. <h4>PremiΦre mΘthode</h4>
  619.  
  620. <p>En cliquant sur <img alt="(Liste)"
  621. src="../../resources/icons/22x22/XHTML_Bullet.png" /> (ou <code>Ctrl h Ctrl
  622. l</code>) on crΘe une liste α puces et un premier item de liste α
  623. l'intΘrieur.</p>
  624. <ul>
  625.   <li>Il ne reste plus qu'α taper le texte de l'item.
  626.     <p>La touche <code>Enter</code> en fin d'item va crΘer un paragraphe vide
  627.     dans l'item et on peut immΘdiatement saisir le contenu de ce nouveau
  628.     paragraphe.</p>
  629.   </li>
  630.   <li>Si on ne veut pas insΘrer de paragraphe mais passer α l'item suivant,
  631.     on double la touche <code>Enter</code>.
  632.     <p>Attention en cliquant sur <img alt="(Liste)"
  633.     src="../../resources/icons/22x22/XHTML_Bullet.png" /> (ou <code>Ctrl h
  634.     Ctrl l</code>) on crΘe une nouvelle liste α puces α l'intΘrieur de l'item
  635.     courant.</p>
  636.   </li>
  637.   <li>Si on veut terminer la liste, on triple la touche
  638.   <code>Enter</code>.</li>
  639. </ul>
  640.  
  641. <p>En cliquant sur <img alt="(Liste numΘrotΘe)"
  642. src="../../resources/icons/22x22/XHTML_Num.png" /> (ou <code>Ctrl h Ctrl
  643. n</code>) on crΘe une liste numΘrotΘe et un item de liste α l'intΘrieur.</p>
  644.  
  645. <h4>DeuxiΦme mΘthode</h4>
  646.  
  647. <p>On peut saisir du texte sans dΘfinir au prΘalable de type d'ΘlΘment. Par
  648. dΘfaut, Amaya crΘe un nouveau paragraphe chaque fois que l'on active la
  649. touche <code>Enter</code>. On peut ensuite sΘlectionner plusieurs paragraphes
  650. et cliquer sur <img alt="(Liste)"
  651. src="../../resources/icons/22x22/XHTML_Bullet.png" /> (ou <code>Ctrl h Ctrl
  652. l</code>) pour crΘer une liste α puces.</p>
  653.  
  654. <p>Pour sΘlectionner tout le contenu d'une suite de paragraphes, on utilise
  655. la touche <code>F2</code>.</p>
  656.  
  657. <h4>Transformation d'une liste α puces et en liste numΘrotΘe</h4>
  658.  
  659. <p>On pose la sΘlection dans un item de liste, puis en doublant la touche
  660. <code>F2</code> on sΘlectionne la liste complΦte. En cliquant sur <img
  661. alt="(Liste numΘrotΘe)" src="../../resources/icons/22x22/XHTML_Num.png" />
  662. (ou <code>Ctrl h Ctrl n</code>) on crΘe une liste numΘrotΘe α la place. On
  663. peut bien s√r passer de la mΩme faτon d'une liste numΘrotΘe α une liste α
  664. puces.</p>
  665.  
  666. <h3 id="edit-dl">Editer les listes de dΘfinitions (dl/dt/dd)</h3>
  667.  
  668. <p>En cliquant sur <img alt="(Liste de dΘfinitions)"
  669. src="../../resources/icons/22x22/XHTML_DL.png" /> (ou <code>Ctrl h Ctrl
  670. d</code>) on crΘe une liste de dΘfinitions.</p>
  671.  
  672. <p>La touche <code>Enter</code> est Θgalement utile pour Θditer des listes de
  673. dΘfinitions. ConsidΘrez l'exemple suivant :</p>
  674.  
  675. <blockquote>
  676.   <dl>
  677.     <dt>Terme 1</dt>
  678.     <dt>Terme 2</dt>
  679.       <dd>DΘfinition des deux termes.</dd>
  680.   </dl>
  681. </blockquote>
  682.  
  683. <p>C'est une liste de dΘfinitions (<code>dl</code>) contenant deux termes
  684. (<code>dt</code>) suivis par une dΘfinition (<code>dd</code>). Pour ajouter
  685. un nouveau paragraphe α l'intΘrieur de la dΘfinition (<code>dd</code>),
  686. placez le point d'insertion α la fin (aprΦs le mot "termes") et appuyez sur
  687. la touche <code>Enter</code>. Si vous pressez <code>Enter</code> deux fois,
  688. vous sortez de la dΘfinition en cours (<code>dd</code>) et vous crΘez un
  689. nouveau terme (<code>dt</code>). A la fin de ce nouveau terme, presser une
  690. fois la touche <code>Enter</code> vous permet de crΘer encore un nouveau
  691. terme (<code>dt</code>). La presser deux fois crΘe une nouvelle dΘfinition
  692. (<code>dd</code>).</p>
  693.  
  694. <p>Si vous voulez crΘer un nouveau terme avec sa dΘfinition <em>avant</em> le
  695. Terme 1, mettez le point d'insertion au dΘbut du terme 1 et appuyez sur
  696. <code>Enter</code>. Tapez le nouveau terme (<code>dt</code>), puis pressez
  697. <code>Enter</code> deux fois : une nouvelle dΘfinition (<code>dd</code>) est
  698. crΘΘe directement aprΦs le nouveau terme.</p>
  699. </div>
  700.  
  701. <p>De faτon gΘnΘrale on utilise la touche <code>Enter</code> pour insΘrer des
  702. ΘlΘments de structure avant ou aprΦs des listes ou des items de liste, et les
  703. touches <code>Back Space</code> et <code>Delete</code> pour fusionner des
  704. listes ou des items de listes.</p>
  705.  
  706. <div>
  707. <h2 id="L1002">7. Les liens</h2>
  708.  
  709. <p>Les liens hypertexte permettent de relier des parties de document
  710. entre-elles ou des documents entre-eux.</p>
  711.  
  712. <h3>CrΘation de cibles</h3>
  713.  
  714. <p>La cible d'un lien hypertexte peut Ωtre</p>
  715. <ul>
  716.   <li>un document entier,</li>
  717.   <li>ou un passage du document englobΘ par une ancre cible,</li>
  718.   <li>ou un ΘlΘment HTML qui possΦde un identificateur (attribut ID)</li>
  719. </ul>
  720.  
  721. <p>Pour crΘer une cible dans un document, il suffit de sΘlectionner le
  722. passage dΘsirΘ et d'activer l'entrΘe de menu <strong>CrΘer cible</strong>
  723. (<code>Ctrl l Ctrl t</code>) dans le menu <strong>Liens</strong>. Si la
  724. sΘlection porte sur un ΘlΘment HTML entier, Amaya va lui associer un
  725. identificateur unique. Sinon, Amaya va englober le contenu de la sΘlection
  726. dans une ancre cible.</p>
  727.  
  728. <h3>CrΘation de liens</h3>
  729.  
  730. <p>L'origine d'un lien est une ancre qui possΦde un attribut
  731. <code>href</code>. On procΦde de la mΩme faτon pour un lien vers un document
  732. entier ou une cible.</p>
  733.  
  734. <h4>Lien vers un autre document ΘditΘ par Amaya</h4>
  735. <ol>
  736.   <li>On sΘlectionne le passage choisi.</li>
  737.   <li>On clique sur le bouton <img alt="Link "
  738.     src="../../resources/icons/22x22/XHTML_Link.png" /></li>
  739.   <li>On clique sur le document cible affichΘ.</li>
  740. </ol>
  741.  
  742. <p>Autre mΘthodeá:</p>
  743. <ol>
  744.   <li>On sΘlectionne le passage choisi.</li>
  745.   <li>On choisit <strong>CrΘer/changer lien</strong> du <a
  746.     href="Browsing.html.fr"></a>menu <strong>Liens</strong> (raccourci
  747.     <code>Ctrl l Ctrl l</code>) pour afficher le formulaire de crΘation de
  748.     lien.</li>
  749.   <li>Soit on saisit l'URI du document cible et on confirme. Soit on dΘcide
  750.     de dΘsigner la cible avec la souris (bouton Clic puis clic sur le
  751.     document cible affichΘ).</li>
  752. </ol>
  753.  
  754. <p>Dans tous les cas, une fois la cible choisie, Amaya va calculer l'URL
  755. relative qui permet d'aller du document source au document cible.</p>
  756.  
  757. <h4>Lien vers une ancre cible d'un document ΘditΘ par Amaya</h4>
  758.  
  759. <p>Pour crΘer un lien vers une ancre cible particuliΦre ou vers un ΘlΘment
  760. cible particulier d'un document ΘditΘ par Amaya, il faut d'abord demander la
  761. visualisation des cibles <a id="target"><img src="../images/target.gif"
  762. alt=" target " /></a> dans le document concernΘ en activant l'entrΘe
  763. <strong>Montrer les cibles</strong> du menu <strong>Vues</strong> ou ouvrant
  764. la vue des liens (entrΘe <strong>Montrer les liens</strong> du menu
  765. <strong>Vues</strong>). Ensuiteá:</p>
  766. <ol>
  767.   <li>On sΘlectionne le passage choisi.</li>
  768.   <li>On clique sur le bouton <img alt="Link "
  769.     src="../../resources/icons/22x22/XHTML_Link.png" /></li>
  770.   <li>On clique sur la cible choisie.</li>
  771. </ol>
  772.  
  773. <h4>Lien vers un autre document non affichΘ</h4>
  774.  
  775. <p>Pour crΘer un lien vers un autre document local ou distantá:</p>
  776. <ol>
  777.   <li>On sΘlectionne le passage choisi.</li>
  778.   <li>On clique sur le bouton <img alt="Link "
  779.     src="../../resources/icons/22x22/XHTML_Link.png" /></li>
  780.   <li>On clique sur une zone du document qui ne peut pas Ωtre une cible pour
  781.     afficher le formulaire de saisie de l'URL. Si le document est local, on
  782.     peut utiliser le browser de fichier pour sΘlectionner le fichier.</li>
  783. </ol>
  784.  
  785. <p>Autre mΘthodeá:</p>
  786. <ol>
  787.   <li>On sΘlectionne le passage choisi.</li>
  788.   <li>On choisit <strong>CrΘer/changer lien</strong> du menu
  789.     <strong>Liens</strong> (raccourci <code>Ctrl l Ctrl l</code>)</li>
  790.   <li>On saisit l'URL du document cible et on confirme.</li>
  791. </ol>
  792.  
  793. <h4><a id="Changing">Mettre α jour un lien</a></h4>
  794.  
  795. <p>Pour garder une ancre mais changer la cible du lien correspondant, on
  796. place la sΘlection dans l'ancre et on procΦde comme pour la crΘation de lien
  797. (bouton <img alt="Link " src="../../resources/icons/22x22/XHTML_Link.png" />
  798. ou l'entrΘe <strong>CrΘer/changer Lien</strong> du menu
  799. <strong>Liens</strong>). On peut alors dΘsigner la nouvelle cible ou Θditer
  800. l'URI.</p>
  801.  
  802. <p>Pour changer la cible d'un lien, on peut Θgalement Θditer l'attribut
  803. <code>href</code> dans la vue structure.</p>
  804.  
  805. <h4><a id="Removing">Supprimer un lien ou une ancre cible</a></h4>
  806.  
  807. <p>Le menu <strong>Liens</strong> contient une entrΘe <strong>DΘtruire
  808. ancre</strong> qui permet de dΘtruire l'ancre cible ou le lien sΘlectionnΘ.
  809. Il suffit que la sΘlection soit α l'intΘrieur de l'ancre α dΘtruire. L'ancre
  810. est dΘtruite, mais son contenu reste.</p>
  811. </div>
  812.  
  813. <div>
  814. <h2 id="L11631">8. Mises en Θvidence du texte</h2>
  815.  
  816. <p>Il est possible de marquer des parties de texte mises en ligne soit en
  817. utilisant les CSS (voir plus loin), soit en utilisant les ΘlΘments mise en
  818. Θvidence, important, code, citation, abrΘviation, etc. de HTML.</p>
  819.  
  820. <p>Les entrΘes de menu et les boutons correspondants fonctionnent comme des
  821. bascules (activΘe/dΘsactivΘes).</p>
  822.  
  823. <p>Souvent l'introduction de mises en Θvidence engendrent des problΦmes de
  824. perte des blancs.</p>
  825.  
  826. <h3>Traitement des blancs</h3>
  827.  
  828. <p>Le traitement des blancs est appliquΘ par Amaya lors du chargement d'un
  829. document et lors de l'Θdition de celui-ci. Par exemple, le code source
  830. suivant:</p>
  831. <pre><code>    <p>Amaya supprime les</code><strong><code> blancs non significatifs </code></strong><code>au chargement</p></code></pre>
  832.  
  833. <p>donneraá:</p>
  834. <pre><code>    Amaya supprime les</code><code><strong>blancs non significatif</strong></code><code><strong>s</strong>au chargement</code></pre>
  835.  
  836. <p>car les blancs de dΘbut et de fin de l'ΘlΘment <code>strong</code> sont
  837. considΘrΘs comme non significatifs et sont donc supprimΘs.</p>
  838.  
  839. <p>La forme correcte aurait ΘtΘ :</p>
  840. <pre>    <p>Amaya supprime les <strong>blancs non significatifs</strong> au chargement</p></pre>
  841. </div>
  842.  
  843. <div>
  844. <h2 id="L12061">9. Les tables</h2>
  845.  
  846. <h3><a id="Creating1">CrΘer une nouvelle table</a></h3>
  847.  
  848. <p>Quand on active le bouton table <img
  849. src="../../resources/icons/22x22/XHTML_Table.png" alt="Table button" /> ou
  850. quand on sΘlectionne l'entrΘe <strong>Table</strong> depuis le menu
  851. <strong>XHTML</strong>, Amaya visualise une boεte de dialogue qui permet de
  852. spΘcifier le nombre initial de lignes, de colonnes, ainsi que la bordure en
  853. pixels.</p>
  854.  
  855. <p>En confirmant on crΘe une table comme suit.</p>
  856.  
  857. <table border="1" summary="table">
  858.   <caption>I</caption>
  859.   <tbody>
  860.     <tr>
  861.       <td></td>
  862.       <td></td>
  863.     </tr>
  864.     <tr>
  865.       <td></td>
  866.       <td></td>
  867.     </tr>
  868.   </tbody>
  869. </table>
  870.  
  871. <p>L'espace au dessus de la table est rΘservΘ α la lΘgende. Le point
  872. d'insertion est automatiquement placΘ dans cette lΘgende pour en saisir le
  873. contenu. La touche <code>Delete</code> supprime la lΘgende.</p>
  874.  
  875. <p>La nouvelle table contient des cellules vides. On peut cliquer sur l'une
  876. d'entre elles au hasard et y insΘrer du texte, des images et autre. On peut
  877. Θgalement dΘplacer le point d'insertion de cellule en cellule par
  878. l'intermΘdiaire des flΦches du clavier.</p>
  879.  
  880. <h3><a id="Adding3">InsΘrer/Ajouter une colonne</a></h3>
  881.  
  882. <p>Il n'existe deux commandes spΘcifiques pour crΘer une nouvelle
  883. colonneá:</p>
  884. <ul>
  885.   <li><strong>InsΘrer une colonne</strong> dans le sous-menu
  886.     <strong>Table</strong> (<code>Ctrl t Ctrl b</code>) ajoute une nouvelle
  887.     colonne avant la colonne sΘlectionnΘe.</li>
  888.   <li><strong>Ajouter une colonne</strong> dans le sous-menu
  889.     <strong>Table</strong> (<code>Ctrl t Ctrl a</code>) ajoute une nouvelle
  890.     colonne aprΦs la colonne sΘlectionnΘe.</li>
  891. </ul>
  892.  
  893. <p>Si on a sΘlectionnΘ une cellule complΦte par <code>F2</code> la touche
  894. <code>Enter</code> crΘe une nouvelle cellule aprΦs et la colonne
  895. correspondante.</p>
  896.  
  897. <h3>DΘtruire une colonne</h3>
  898.  
  899. <p>Pour dΘtruire une colonne de table, il faut sΘlectionner la colonne et
  900. utiliser la commande <code>Delete</code>. Il y a deux mΘthodes pour
  901. sΘlectionner une colonne :</p>
  902. <ol>
  903.   <li>Soit l'entrΘe <strong>SΘlectionner la colonne</strong> dans le
  904.     sous-menu <strong>Table</strong> (<code>Ctrl t Ctrl c</code>).</li>
  905.   <li>Soit Θtendre la sΘlection sur au moins deux cellules dans la mΩme
  906.     colonne (Cell 1.1 α Cell 2.1 dans l'exemple ci-dessous) puis deux fois
  907.     <code>F2</code> pour sΘlectionner la colonne.</li>
  908. </ol>
  909.  
  910. <table border="1" summary="table">
  911.   <caption>LΘgende</caption>
  912.   <tbody>
  913.     <tr>
  914.       <td>Cell 1.1</td>
  915.       <td>I</td>
  916.       <td>Cell 1.2</td>
  917.       <td>Cell 1.3</td>
  918.     </tr>
  919.     <tr>
  920.       <td>Cell 2.1</td>
  921.       <td></td>
  922.       <td></td>
  923.       <td></td>
  924.     </tr>
  925.   </tbody>
  926. </table>
  927.  
  928. <h3>Copier/Coller ou DΘplacer une colonne</h3>
  929.  
  930. <p>Pour dΘplacer ou copier/coller une colonne de tableá:</p>
  931. <ol>
  932.   <li>Il faut sΘlectionner la colonne comme dans le cas de <strong>DΘtruire
  933.     une colonne</strong> et copier (<code>Ctrl c</code>) ou couper
  934.     (<code>Ctrl x</code> pour Windows, <code>Ctrl w</code> pour Unix) son
  935.     contenu.</li>
  936.   <li>Pour coller la colonne avant une autre colonne
  937.     <ul>
  938.       <li>soit on sΘlectionne le dΘbut d'une cellule de colonne et on active
  939.         la commande coller (<code>Ctrl v</code> pour Windows, <code>Ctrl
  940.         y</code> pour Unix),</li>
  941.       <li>soit on utilise l'entrΘe de menu <strong>Coller avant</strong> dans
  942.         le sous-menu <strong>Table</strong> (<code>Ctrl t Ctrl p</code>).</li>
  943.     </ul>
  944.   </li>
  945.   <li>Pour coller la colonne aprΦs une autre colonne
  946.     <ul>
  947.       <li>soit on sΘlectionne la fin d'une cellule de colonne et on active la
  948.         commande coller (<code>Ctrl v</code> pour Windows, <code>Ctrl
  949.         y</code> pour Unix),</li>
  950.       <li>soit on utilise l'entrΘe de menu <strong>Coller aprΦs</strong> dans
  951.         le sous-menu <strong>Table</strong> (<code>Ctrl t Ctrl v</code>).</li>
  952.     </ul>
  953.   </li>
  954. </ol>
  955.  
  956. <h3><a id="Adding11">InsΘrer/Ajouter une ligne</a></h3>
  957.  
  958. <p>Il n'existe deux commandes spΘcifiques pour crΘer une nouvelle ligneá:</p>
  959. <ul>
  960.   <li><strong>InsΘrer une ligne</strong> dans le sous-menu
  961.     <strong>Table</strong> (<code>Ctrl t Ctrl i</code>) ajoute une nouvelle
  962.     ligne avant la ligne sΘlectionnΘe.</li>
  963.   <li><strong>Ajouter une ligne</strong> dans le sous-menu
  964.     <strong>Table</strong> (<code>Ctrl t Ctrl n</code>)ajoute une nouvelle
  965.     ligne aprΦs la ligne sΘlectionnΘe.</li>
  966. </ul>
  967.  
  968. <p>Si on a sΘlectionnΘ une ligne complΦte par <code>F2</code> la touche Enter
  969. crΘe une nouvelle ligne aprΦs.</p>
  970.  
  971. <h3>DΘtruire une ligne</h3>
  972.  
  973. <p>Pour dΘtruire une ligne de table, il faut sΘlectionner la ligne et
  974. utiliser la commande <code>Delete</code>. Il y a deux mΘthodes pour
  975. sΘlectionner une ligne :</p>
  976. <ol>
  977.   <li>Soit l'entrΘe <strong>SΘlectionner la ligne</strong> dans le sous-menu
  978.     <strong>Table</strong> (<code>Ctrl t Ctrl r</code>).</li>
  979.   <li>Soit poser la sΘlection sur une cellule de la ligne (Cell 1.1 dans
  980.     l'exemple ci-dessous) puis deux fois <code>F2</code> pour sΘlectionner la
  981.     ligne.</li>
  982. </ol>
  983.  
  984. <h3>Copier/Coller ou DΘplacer une ligne</h3>
  985.  
  986. <p>Pour dΘplacer ou copier/coller une ligne de tableá:</p>
  987. <ol>
  988.   <li>Il faut sΘlectionner la ligne comme dans le cas de <strong>DΘtruire une
  989.     ligne</strong> et copier (<code>Ctrl c</code>) ou couper (<code>Ctrl
  990.     x</code> pour Windows, <code>Ctrl w</code> pour Unix) son contenu.</li>
  991.   <li>Pour coller la ligne avant une autre ligne
  992.     <ul>
  993.       <li>soit on sΘlectionne le dΘbut d'une ligne et on active la commande
  994.         coller (<code>Ctrl v</code> pour Windows, <code>Ctrl y</code> pour
  995.         Unix),</li>
  996.       <li>soit on utilise l'entrΘe de menu <strong>Coller avant</strong> dans
  997.         le sous-menu <strong>Table</strong> (<code>Ctrl t Ctrl p</code>).</li>
  998.     </ul>
  999.   </li>
  1000.   <li>Pour coller la colonne aprΦs une autre colonne
  1001.     <ul>
  1002.       <li>soit on sΘlectionne la fin d'une ligne et on active la commande
  1003.         coller (<code>Ctrl v</code> pour Windows, <code>Ctrl y</code> pour
  1004.         Unix),</li>
  1005.       <li>soit on utilise l'entrΘe de menu <strong>Coller aprΦs</strong> dans
  1006.         le sous-menu <strong>Table</strong> (<code>Ctrl t Ctrl v</code>).</li>
  1007.     </ul>
  1008.   </li>
  1009. </ol>
  1010.  
  1011. <h3>Cellules Θtendues</h3>
  1012.  
  1013. <p>Il n'existe quatre commandes spΘcifiques pour Θtendre ou rΘduire
  1014. l'extension de cellulesá:</p>
  1015. <ul>
  1016.   <li><strong>Joindre avec la cellule α droite</strong> dans le sous-menu
  1017.     <strong>Table</strong> (<code>Ctrl t Ctrl e</code>) Θtend la cellule
  1018.     d'une position α droite et colle le contenu des deux cellules.</li>
  1019.   <li><strong>Joindre avec la cellule au-dessous</strong> dans le sous-menu
  1020.     <strong>Table</strong> (<code>Ctrl t Ctrl j</code>)Θtend la cellule d'une
  1021.     position vers le bas et colle le contenu des deux cellules.</li>
  1022.   <li><strong>RΘduire extension horizontale</strong> (<code>Ctrl t Ctrl
  1023.     s</code>) rΘduit l'extension horizontale de la cellule d'une position et
  1024.     engendre une cellule vide.</li>
  1025.   <li><strong>RΘduire extension verticale</strong> (<code>Ctrl t Ctrl
  1026.     m</code>) rΘduit l'extension verticale de la cellule d'une position et
  1027.     engendre une cellule vide.</li>
  1028. </ul>
  1029.  
  1030. <p>On peut aussi Θditer directement les attributs <strong>colspan</strong> et
  1031. <strong>rowspan</strong> de la cellule.</p>
  1032.  
  1033. <h3>Ajouter un nouveau corps de table (tbody)</h3>
  1034. <ol>
  1035.   <li>Pour crΘer un nouveau corps de table en dessous d'un corps de table
  1036.     existant, il faut placer le curseur α la fin de la derniΦre cellule de la
  1037.     derniΦre ligne du corps de table et sΘlectionner l'entrΘe <strong>Corps
  1038.     (tbody)</strong> dans le sous-menu <strong>Table</strong>.</li>
  1039.   <li>Pour crΘer un nouveau corps de table au-dessus d'une ligne existante,
  1040.     il faut placer le curseur au dΘbut de la premiΦre cellule de la ligne et
  1041.     sΘlectionner l'entrΘe <strong>Ligne</strong> dans le sous-menu
  1042.     <strong>Table</strong>.</li>
  1043. </ol>
  1044.  
  1045. <p>De nouveaux corps de table peuvent Ωtre crΘΘs efficacement avec la touche
  1046. <a href="Creating.html.fr#L906">Enter</a>. Quand le corps de table entier est
  1047. sΘlectionnΘ (il faut utiliser la touche <code>F2</code>), en tapant la touche
  1048. <code>Enter</code> vous crΘez une nouveau corps de table aprΦs le corps de
  1049. table sΘlectionnΘ.</p>
  1050.  
  1051. <h3><a id="Adding21">Ajouter quelque chose aprΦs une table</a></h3>
  1052.  
  1053. <p>De nombreux types d'ΘlΘments peuvent Ωtre inclus α l'intΘrieur des
  1054. cellules de la table. Pour cette raison, Amaya pourrait mal comprendre vos
  1055. intentions quand vous sΘlectionnez un type d'ΘlΘment (par exemple cliquant
  1056. H1, H2, etc. ou sΘlectionnant une entrΘe dans le menu <strong>XHTML</strong>)
  1057. pendant qu'un composant de la table est sΘlectionnΘ.</p>
  1058.  
  1059. <h3>CrΘation d'un paragraphe aprΦs une table</h3>
  1060.  
  1061. <p>Quand la sΘlection se trouve dans une table, la touche <code>Enter</code>
  1062. crΘe un nouveau paragraphe dans la table. Pour crΘer un paragraphe aprΦs la
  1063. table, il faut sΘlectionner la table entiΦre en utilisant la touche
  1064. <code>F2</code> puis <code>Enter</code>. Ce nouveau paragraphe peut Ωtre
  1065. modifiΘ si besoin est.</p>
  1066. </div>
  1067.  
  1068. <div>
  1069. <h2 id="L12281">10. Recherche/Remplacement - Correction orthographique</h2>
  1070.  
  1071. <h3>Recherche et remplacement de texte</h3>
  1072.  
  1073. <p>La recherche/remplacement se lance, soit en cliquant sur le bouton <img
  1074. src="../../resources/icons/22x22/find.png" alt="find " />, soit par l'entrΘe
  1075. de menu <strong>Edition/Rechercher</strong>. Un boite de dialogue apparaεt.
  1076. vous avez deux zones de saisie la premiΦre sera pour le texte α rechercher la
  1077. deuxiΦme zone de saisie sera pour le texte α remplacer.</p>
  1078.  
  1079. <p>Pour chacune des actions vous avez des choix d'options.</p>
  1080. <ul>
  1081.   <li>les options de recherche :
  1082.     <ul>
  1083.       <li>la casse : pour la recherche permet de spΘcifier s'il y a lieu de
  1084.         diffΘrencier ou non les majuscules des minuscules.</li>
  1085.       <li>case α cocher pour sΘlectionner la zone sur laquelle rΘaliser la
  1086.         recherche avant la sΘlection, aprΦs la sΘlection, dans la sΘlection
  1087.         ou sur la totalitΘ du document.</li>
  1088.     </ul>
  1089.   </li>
  1090.   <li>Les options de remplacement :
  1091.     <ul>
  1092.       <li>le type de remplacement : pas de remplacement (juste une
  1093.         recherche), remplacement avec un fenΩtre de confirmation,
  1094.         remplacement automatique.</li>
  1095.     </ul>
  1096.   </li>
  1097. </ul>
  1098.  
  1099. <h3>Correction orthographique</h3>
  1100.  
  1101. <p>La correction orthographique se rΘalise α l'aide d'une boite de dialogue
  1102. activΘe par l'action <strong>Edition/VΘrifier orthographe</strong>.</p>
  1103.  
  1104. <p>les options de la boite de dialogue :</p>
  1105. <ul>
  1106.   <li>Le dictionnaire utilisΘ se fait en fonction de la langue dΘfinie au
  1107.     niveau de l'ΘlΘment ou du document.</li>
  1108.   <li>On peut spΘcifier le nombre de propositions (par dΘfaut 3).</li>
  1109.   <li>On peut exclure des ΘlΘments lors de recherche de correspondance de
  1110.     mots avec le dictionnaire (par dΘfaut toutes les options sont activΘ)</li>
  1111.   <li>Options de zone de recherche vous avez la possibilitΘ de spΘcifier la
  1112.     zone sur laquelle cette correction orthographique se fera avant la
  1113.     sΘlection, aprΦs la sΘlection, dans la sΘlection ou sur la totalitΘ du
  1114.     document.</li>
  1115.   <li>les boutons d'activation de recherche.
  1116.     <ul>
  1117.       <li>recherche du suivant (sans action) : considΦre que le mot est
  1118.         correcte et passe α l'erreur suivante.</li>
  1119.       <li>rajoute au dictionnaire personnel : rajoute le mot au dictionnaire
  1120.         personnel.</li>
  1121.       <li>remplace le mots et passe α l'occurrence suivante.</li>
  1122.       <li>remplace le mots et le rajoute dans le dictionnaire personnel.</li>
  1123.       <li>confirmer permet de fermer la boite de dialogue.</li>
  1124.     </ul>
  1125.   </li>
  1126. </ul>
  1127. </div>
  1128.  
  1129. <div>
  1130. <h2 id="L1230">11. Attributs</h2>
  1131.  
  1132. <p>Il y a deux maniΦres d'Θditer des attributs :</p>
  1133. <ul>
  1134.   <li>L'outil <strong>Attributs</strong></li>
  1135.   <li>La Vue structure</li>
  1136. </ul>
  1137.  
  1138. <h3><a id="L1073">Editer des attributs par le biais de l'outil
  1139. Attributs</a></h3>
  1140.  
  1141. <p>L'outil <strong>Attributs</strong> donne une liste de tous les attributs
  1142. qui peuvent Ωtre associΘs α l'ΘlΘment sΘlectionnΘ. Il peut Ωtre utilisΘ pour
  1143. crΘer un attribut, pour changer la valeur d'un attribut existant ou pour
  1144. effacer un attribut.</p>
  1145.  
  1146. <p>Pour Θditer un attribut, sΘlectionnez d'abord l'ΘlΘment appropriΘ. Vous
  1147. devez sΘlectionner l'ΘlΘment entier et pas seulement un caractΦre α
  1148. l'intΘrieur de l'ΘlΘment. Pour cela, il faut utiliser la touche
  1149. <code>F2</code>. Quand l'ΘlΘment est sΘlectionnΘ, l'outil
  1150. <strong>Attributs</strong> affiche la liste des attributs applicables. On
  1151. peut voir rapidement si l'attribut a dΘjα une valeur ou non.</p>
  1152.  
  1153. <h3><a id="Editing">Editer des attributs dans la Vue structure</a></h3>
  1154.  
  1155. <p>Tous les attributs sont affichΘs dans la Vue structure. Les attributs dont
  1156. la valeur peut Ωtre choisie librement sont affichΘs en rose et vous pouvez
  1157. Θditer leur valeur comme n'importe quelle autre chaεne de caractΦres. Quand
  1158. la valeur de l'attribut est affichΘe en bleu, vous pouvez seulement la
  1159. changer α l'aide de l'outil <strong>Attributs</strong>. Ceci assure que
  1160. seules des valeurs correctes soient choisies.</p>
  1161.  
  1162. <p>Quand la sΘlection se trouve dans une valeur d'attribut, la touche
  1163. <code>F2</code> sΘlectionne la valeur complΦte. La touche <code>Delete</code>
  1164. dΘtruit alors la valeur, et un deuxiΦme <code>Delete</code> supprimera
  1165. l'attribut.</p>
  1166.  
  1167. <p><a href="Attributes.html.fr">A voir pour plus de dΘtail</a></p>
  1168. </div>
  1169.  
  1170. <div>
  1171. <h2 id="L1232">12. CrΘation de feuilles de style CSS</h2>
  1172.  
  1173. <h3><a id="feuilles">Les feuilles de style CSS externes et les feuilles de
  1174. style CSS utilisateur</a></h3>
  1175.  
  1176. <p>Un document peut associer plusieurs feuilles de style externes qui sont
  1177. chargΘes avec le document et lui sont appliquΘes. Une feuille de style
  1178. externe peut s'appliquer α plusieurs documents.</p>
  1179.  
  1180. <p>L'utilisateur peut dΘfinir une feuille de style spΘcifique qui s'applique
  1181. α tous les documents chargΘs. Cette feuille de style est appelΘe
  1182. <strong>Feuille de Style Utilisateur</strong>. C'est le fichier local
  1183. <strong>amaya.css</strong> conservΘ dans l'environnement de l'utilisateur (le
  1184. <a href="Configure.html.fr#AmayaHome">rΘpertoire d'AmayaHome</a>). Par
  1185. exemple si vous prΘfΘrez afficher les document en Helvetica et imprimer avec
  1186. une police de caractΦres de petite taille, vous pouvez crΘer votre feuille de
  1187. style utilisateur avec les rΦgles CSS suivantesá:</p>
  1188. <pre>@media print {
  1189.  BODY {font-size: 10pt}
  1190. }
  1191. @media screen {
  1192.  BODY {font-family: Helvetica}
  1193. }</pre>
  1194.  
  1195. <h3><a id="Managing">GΘrer des feuilles de style CSS externes</a></h3>
  1196.  
  1197. <p>L'entrΘe de feuilles de style donne accΦs α une sΘrie de commandes qui
  1198. permettent de contr⌠ler les feuilles de style CSS externes et celles qui
  1199. donnent les prΘfΘrences de l'utilisateur :</p>
  1200. <ul>
  1201.   <li>La commande <strong>Ajouter</strong> permet de lier une nouvelle
  1202.     feuille de style CSS α un document courant. On peut cliquer directement
  1203.     sur la cible de la feuille de style si elle est dΘjα visualisΘe dans la
  1204.     fenΩtre Amaya. Si ce n'est pas le cas, l'utilisateur devra cliquer dans
  1205.     le document courant pour avoir accΦs α une boεte de dialogue et taper
  1206.     l'URL de la cible de la feuille de style. Cette commande ajoute un
  1207.     ΘlΘment lien avec ses attributs α la tΩte du document.</li>
  1208.   <li>La commande <strong>Ouvrir</strong> permet d'ouvrir une des feuilles de
  1209.     style CSS appliquΘes au document courant.</li>
  1210.   <li>La commande <strong>DΘsactiver</strong> permet de supprimer les effets
  1211.     d'une des feuilles de style actives du document courant. Cette commande
  1212.     n'affecte en rien le lien CSS dans le document.</li>
  1213.   <li>La commande <strong>RΘactiver</strong> permet de rΘtablir les effets
  1214.     d'une des feuilles de style CSS dΘsactivΘes du document courant. Cette
  1215.     commande n'affecte en rien le lien CSS dans le document.</li>
  1216.   <li>La commande <strong>Retirer</strong> permet de retirer une des feuilles
  1217.     de style CSS externes. Cette commande agit comme la commande DΘsactiver.
  1218.     En plus de cela, l'ΘlΘment lien qui attache les feuilles de style CSS est
  1219.     supprimΘ.</li>
  1220. </ul>
  1221.  
  1222. <p>Les commandes Ouvrir, DΘsactiver et RΘactiver peuvent Ωtre appliquΘes aux
  1223. feuilles de style qui donnent les prΘfΘrences de l'utilisateur, mais les
  1224. commandes Ajouter et Retirer concernent uniquement les feuilles de style
  1225. reliΘes. La figure suivante montre la liste des feuilles de style CSS
  1226. proposΘes pour la commande Ouvrir. Si aucune feuille de style CSS n'est
  1227. actuellement appliquΘe α un document, une boεte de dialogue expliquera
  1228. "qu'aucun fichier CSS n'est disponible".</p>
  1229.  
  1230. <h3>Visualiser le style appliquΘ</h3>
  1231.  
  1232. <p>S'il y a beaucoup de feuilles de style attachΘes α un document, il est
  1233. difficile de comprendre pourquoi un ΘlΘment est visualisΘ avec cette couleur
  1234. ou ces marges, etc. Pour aider l'utilisateur, Amaya fournit une commande
  1235. <strong>Montrer le style appliquΘ</strong> qui visualise dans une fenΩtre
  1236. externe les propriΘtΘs CSS appliquΘes au premier ΘlΘment de la sΘlection
  1237. courante.</p>
  1238.  
  1239. <p>L'utilisateur peut afficher le source CSS qui engendre chaque propriΘtΘ en
  1240. double (ou simple) cliquant sur la propriΘtΘ. Aussi longtemps que la fenΩtre
  1241. est ouverte, Amaya met α jour le contenu de la fenΩtre quand la sΘlection
  1242. change.</p>
  1243.  
  1244. <p>En appuyant sur la touche <code>F2</code> sur les, l'utilisateur peut voir
  1245. les propriΘtΘs CSS appliquΘes aux ΘlΘments englobants.</p>
  1246.  
  1247. <h3>CrΘer des propriΘtΘs CSS</h3>
  1248.  
  1249. <p>Amaya ne fournit pas pour le moment une liste complΦte des propriΘtΘs CSS
  1250. 2 sauf pour les propriΘtΘs les plus courantes. En gΘnΘral l'utilisateur doit
  1251. donc se reporter α la spΘcification CSS 2 pour connaεtre le nom des
  1252. propriΘtΘs et leurs valeurs.</p>
  1253.  
  1254. <p>Pour associer une classe α un ΘlΘment, vous pouvez Θgalement utiliser
  1255. l'outil <a href="Attributes.html.fr#L1073"><strong>Attributs</strong></a>. Il
  1256. faut utiliser cet outil pour retirer la classe d'un ΘlΘment ou changer sa
  1257. classe : l'attribut de <strong>class</strong> se manipule comme un autre
  1258. attribut.</p>
  1259. </div>
  1260.  
  1261. <div>
  1262. <h2 id="L1242">13. DΘtection des erreurs</h2>
  1263.  
  1264. <p>Au chargement d'un document, Amaya peut dΘtecter des erreurs de HTML. Le
  1265. parseur est trΦs tolΘrant pour les documents HTML mais plus strict pour les
  1266. documents XHTML. Si une erreur est dΘtectΘe, une pastille rouge s'allume dans
  1267. la barre de statut en bas α droite.</p>
  1268. </div>
  1269.  
  1270. <div>
  1271. <h4>On peut corriger les erreurs</h4>
  1272.  
  1273. <p>On affiche le dΘtail des erreurs dΘtectΘes en sΘlectionnant l'entrΘe
  1274. <strong>Montrer les erreurs</strong> du menu <strong>Fichier</strong> ou en
  1275. cliquant sur la pastille rouge en bas α droite. Pour corriger ces erreurs, on
  1276. active le lien vers la vue source du document pour visualiser la position de
  1277. l'erreur dans le source.</p>
  1278.  
  1279. <p>Une fois les erreurs corrigΘes on synchronise pour voir si tout est
  1280. correct, on peut alors sauver le document corrigΘ.</p>
  1281.  
  1282. <h4>On peut aussi modifier le type du document</h4>
  1283.  
  1284. <p>L'entrΘe <strong>Modifier le doctype</strong> du menu
  1285. <strong>Fichier</strong> permet de modifier le type du document.</p>
  1286.  
  1287. <p>Si le document n'est pas un fichier XHTML bien formΘ, Amaya propose de le
  1288. <strong>Recharger</strong> et donc de lire le document comme un document
  1289. HTML.</p>
  1290. </div>
  1291.  
  1292. <p></p>
  1293. </body>
  1294. </html>
  1295.