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