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 / ImageMaps.html.fr < prev    next >
Extensible Markup Language  |  2005-02-24  |  6KB  |  134 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  5. <head>
  6.   <title>Images et Zones actives</title>
  7.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.   <meta name="GENERATOR" content="amaya 9.1, see http://www.w3.org/Amaya/" />
  9.   <link href="style.css" rel="stylesheet" type="text/css" />
  10. </head>
  11.  
  12. <body xml:lang="fr" lang="fr">
  13.  
  14. <div>
  15. <img alt="Amaya" src="../../resources/icons/22x22/logo.png" class="logo" />
  16.  
  17. <p class="nav"><a href="Tables.html.fr" accesskey="p"><img alt="previous"
  18. src="../../resources/icons/misc/left.png" /></a> <a href="Manual.html.fr"
  19. accesskey="t"><img alt="top" src="../../resources/icons/misc/up.png" /></a>
  20. <a href="Math.html.fr" accesskey="n"><img alt="next"
  21. src="../../resources/icons/misc/right.png" /></a></p>
  22. </div>
  23.  
  24. <div class="toc">
  25. <ul>
  26.   <li><a href="#Images">Images et Zones actives</a>
  27.     <ul>
  28.       <li><a href="#Ajouter">Ajouter une image</a></li>
  29.       <li><a href="#Remplacer">Remplacer une image</a></li>
  30.       <li><a href="#Texte">Texte de remplacement et descriptions
  31.       longues</a></li>
  32.       <li><a href="#Utiliser">Utiliser des zones actives</a></li>
  33.     </ul>
  34.   </li>
  35. </ul>
  36. </div>
  37.  
  38. <div id="Client-sid">
  39. <h2 id="Images"><a name="L1013">Images et Zones actives</a></h2>
  40.  
  41. <h3 id="Ajouter"><a name="Adding">Ajouter une image</a></h3>
  42.  
  43. <p>Pour insΘrer une image, choisissez l'entrΘe <strong>Image</strong> depuis
  44. le menu <strong>XHTML</strong> ou cliquez sur le bouton <img alt="Image "
  45. src="../../resources/icons/22x22/XHTML_Image.png" longdesc="longdesc.htm" />
  46. (ou encore utilisez le raccourci clavier <code>Ctrl h Ctrl i</code>). Ceci
  47. fait apparaεtre une boεte de dialogue qui vous permet de rentrer le nom du
  48. fichier et le <a href="#Alternative">texte de remplacement</a> (Attribut
  49. <strong>Alt</strong>) de l'image dΘsirΘe.</p>
  50.  
  51. <p class="Note"><strong>Note</strong>: le texte de remplacement est
  52. obligatoire. Vous devez saisir un texte dans le champ correspondant.</p>
  53.  
  54. <p>Pour faciliter la recherche d'un fichier image vous pouvez entrer une
  55. valeur de <strong>filtre</strong>, et utiliser le bouton
  56. <strong>filtre</strong>. Ainsi le dialogue listera seulement les fichiers qui
  57. correspondent α votre critΦre.</p>
  58.  
  59. <p>Si vous souhaitez fournir une longue description (par exemple si votre
  60. image prΘsente une information complexe) vous devriez la faire dans un
  61. document sΘparΘ et la relier en donnant l'URI comme un descripteur long
  62. (<strong>longdesc</strong>), Θgalement disponible dans la liste des
  63. <strong>Attributs</strong>.</p>
  64.  
  65. <h3 id="Remplacer">Remplacer une image</h3>
  66.  
  67. <p>Pour remplacer une image sΘlectionnez cette image en draguant sur l'image
  68. avec la souris. ProcΘdez alors comme pour l'ajout d'une image (voir
  69. ci-dessus). Lorsqu'une image (et seulement une image) est entiΦrement
  70. sΘlectionnΘe, la boεte de dialogue des images effectue le remplacement de
  71. l'image sΘlectionnΘe au lieu d'insΘrer une nouvelle image.</p>
  72.  
  73. <h3 id="Texte"><a name="Alternative">Texte de remplacement et descriptions
  74. longues</a></h3>
  75.  
  76. <p>Pour les ΘlΘments comme les images (et autres objets multimΘdia) vous
  77. devez fournir un texte de remplacement. Celui ci sera prΘsentΘ, comme α
  78. l'habitude, α la place de l'image par un navigateur avec un systΦme de sortie
  79. vocale, ou une visualisation en Braille (utilisΘ par de nombreux aveugles).
  80. Il est Θgalement courant que les utilisateurs ayant des connections de
  81. mauvaise qualitΘ demandent la vue alternΘe, o∙ le texte est transmis beaucoup
  82. plus vite que les images.</p>
  83.  
  84. <p>Le texte de remplacement devrait remplacer l'image en fonction. Par
  85. exemple, si l'image est utilisΘe pour fournir une ic⌠ne de lien (c'est le cas
  86. de l'ic⌠ne du W3C en haut de cette page) ainsi le titre de la page rΘfΘrencΘe
  87. serait un bon texte de remplacement.</p>
  88.  
  89. <p>Il existe des cas o∙ une image n'est utilisΘe que pour un effet visuel, et
  90. n'apporte aucune information supplΘmentaire α la page. Dans ce cas, il est
  91. appropriΘ d'utiliser un blanc de remplacement car il faut toujours un texte
  92. de substitution.</p>
  93.  
  94. <p>Dans les cas o∙ l'image transporte une information importante qui n'est
  95. pas disponible depuis le texte du document, vous devez fournir une
  96. description de l'information. L'option <strong>longdesc</strong> dans la
  97. liste des <strong>Attributs</strong> vous permet de relier une description
  98. (qui est un URI - un document sΘparΘ, ou une partie nommΘe du document
  99. courant) α une image.</p>
  100.  
  101. <p>Afin de donner une idΘe de comment une page sans les images doit Ωtre
  102. prΘsentΘe, Amaya fournit une option <strong>Montrer la vue alternΘe</strong>
  103. dans le menu <strong>Vues</strong>. Dans le cas d'un navigateur oral, la <a
  104. href="Views.html.fr#Alternate">vue alternΘe</a> pourrait Ωtre simplement lue
  105. α voix haute. Sans des textes de remplacement pour les images, de nombreuses
  106. pages deviendraient difficiles voire impossibles α naviguer, et les
  107. utilisateurs seraient condamnΘs α trouver "leur chemin dans le noir".</p>
  108.  
  109. <h3 id="Utiliser"><a name="Using">Utiliser des zones actives</a></h3>
  110.  
  111. <p><strong>Amaya</strong> vous donne la possibilitΘ d'utiliser des zones
  112. actives :</p>
  113.  
  114. <p class="ProcedureCaption">Pour activer une zone dans un plan</p>
  115. <ul>
  116.   <li>Double-cliquez sur la zone avec le bouton gauche de la souris. L'URI
  117.     attachΘ α cette zone est alors importΘ.</li>
  118. </ul>
  119.  
  120. <p class="ProcedureCaption">Pour visualiser les zones existantes</p>
  121. <ul>
  122.   <li>Choisissez <strong>Montrer les zones actives</strong> du menu
  123.     <strong>Vues</strong>.<br />
  124.  
  125.     <p class="Note"><strong>Note</strong>á: Vous pouvez aussi visualiser les
  126.     zones actives depuis le clavier par la sΘquence <code>Ctrl v Ctrl
  127.     t</code> (<code>Ctrl u</code><code>Ctrl t</code> sur les plates-formes
  128.     Windows).</p>
  129.   </li>
  130. </ul>
  131. </div>
  132. </body>
  133. </html>
  134.