home *** CD-ROM | disk | FTP | other *** search
/ PC World 2001 April / PCWorld_2001-04_cd.bin / Komunik / Amaya / WinNT2000 / amaya-WindowsNT-4.3.exe / _SETUP.1 / ImageMaps.html.fr < prev    next >
Encoding:
Extensible Markup Language  |  2001-02-22  |  7.5 KB  |  160 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 name="GENERATOR" content="amaya V4.2.2" />
  8.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9. </head>
  10.  
  11. <body xml:lang="fr" lang="fr">
  12.  
  13. <table border="0" width="100%" summary="toc">
  14.   <tbody>
  15.     <tr>
  16.       <td><p><img border="0" alt="W3C" src="../../Icons/WWW/w3c_home" /> <img
  17.         border="0" alt="Amaya" src="../Icons/amaya.gif" /></p>
  18.       </td>
  19.       <td><p align="right"><a href="SVG.html.fr" accesskey="p"><img
  20.         alt="previous" border="0" src="../Icons/left.gif" /></a> <a
  21.         href="Manual.html.fr" accesskey="t"><img alt="top" border="0"
  22.         src="../Icons/up.gif" /></a> <a href="StyleSheets.html.fr"
  23.         accesskey="n"><img alt="next" border="0" src="../Icons/right.gif"
  24.         /></a></p>
  25.       </td>
  26.     </tr>
  27.   </tbody>
  28. </table>
  29.  
  30. <div id="Client-sid">
  31. <h2><a name="L1013">Images et Zones actives</a></h2>
  32.  
  33. <h3><a name="Adding">Ajouter une image</a></h3>
  34.  
  35. <p>Pour insΘrer une image, choisissez l'entrΘe <strong>Image</strong> depuis
  36. le menu <strong>╔lΘments</strong> ou cliquez sur le bouton <img alt="Image "
  37. border="0" src="../Icons/Image.gif" align="middle" longdesc="longdesc.htm" />
  38. (ou encore utilisez le raccourci clavier control-t, control-i pour Unix). Ceci
  39. fait apparaεtre une boεte de dialogue qui vous permet de rentrer le nom du
  40. fichier et le <a href="#Alternative">texte de remplacement</a> ('ALT' texte)
  41. de l'image dΘsirΘe. Si vous souhaitez fournir une longue description (par
  42. exemple si votre image prΘsente une information complexe) vous devriez la
  43. faire dans un document sΘparΘ et la relier en donnant l'URI comme un
  44. descripteur long (<strong>longdesc</strong>), Θgalement disponible dans le
  45. menu <strong>Attributs</strong>. Pour faciliter la recherche d'un fichier
  46. image vous pouvez entrer une valeur de <strong>filtre</strong>, et utiliser le
  47. bouton <strong>filtre</strong>. Ainsi le dialogue listera seulement les
  48. fichiers qui correspondent α votre critΦre.</p>
  49.  
  50. <h3><a name="Alternative">Texte de remplacement et descriptions
  51. longues</a></h3>
  52.  
  53. <p>Pour les ΘlΘments comme les images (et autres objets multimedia) vous devez
  54. fournir un texte de remplacement. Celui ci sera prΘsentΘ, comme α l'habitude,
  55. α la place de l'image par un navigateur avec un systΦme de sortie vocale, ou
  56. une visualisation en Braille (utilisΘ par de nombreux aveugles). Il est
  57. Θgalement courant que les utilisateurs ayant des connections de mauvaise
  58. qualitΘ demandent la vue alternΘe, o∙ le texte est transmis beaucoup plus vite
  59. que les images.</p>
  60.  
  61. <p>Le texte de remplacement devrait remplacer l'image en fonction. Par
  62. exemple, si l'image est utilisΘe pour fournir une ic⌠ne de lien (c'est le cas
  63. de l'ic⌠ne du W3C en haut de cette page) ainsi le titre de la page rΘfΘrencΘe
  64. serait un bon texte de remplacement.</p>
  65.  
  66. <p>Il existe des cas o∙ une image n'est utilisΘe pour un effet visuel, et
  67. n'apporte aucune information supplΘmentaire α la page. Dans ce cas, il est
  68. appropriΘ d'utiliser un blanc de remplacement car il faut toujours un texte de
  69. substitution - entrez deux guillemets comme alternative (eg. alt="").</p>
  70.  
  71. <p>Dans les cas o∙ l'image transporte une information importante qui n'est pas
  72. disponible depuis le texte du document, vous devez fournir une description de
  73. l'information. L'option <strong>longdesc</strong> du menu
  74. <strong>Attributs</strong> vous permet de relier une description (qui est un
  75. URI - un document sΘparΘ, ou une partie nommΘe du document courant) α une
  76. image.</p>
  77.  
  78. <p>Afin de donner une idΘe de comment une page sans les images doit Ωtre
  79. prΘsentΘe, Amaya fournit une option <strong>Montrer la vue alternΘe</strong>
  80. dans le menu <strong>Vues</strong>. Dans le cas d'un navigateur oral, la <a
  81. href="Views.html.fr#Alternate">vue alternΘe</a>pourrait Ωtre simplement lue α
  82. voix haute. Sans des textes de remplacement pour les images, de nombreuses
  83. pages deviendraient difficiles voire impossibles α naviguer, et les
  84. utilisateurs seraient condamnΘs α trouver "leur chemin dans le noir".</p>
  85.  
  86. <h3><a name="Using">Utiliser des zones actives</a></h3>
  87.  
  88. <p><strong>Amaya</strong> vous donne la possibilitΘ d'utiliser des zones
  89. actives :</p>
  90. <ul>
  91.   <li>Pour activer une zone dans un plan, double-cliquez sur la zone avec le
  92.     bouton gauche de la souris. L'URI attachΘ α cette zone est alors
  93.   importΘ.</li>
  94.   <li>Pour visualiser les zones existantes, choisissez <strong>Montrer les
  95.     zones actives</strong> du menu <strong>Vues</strong>.</li>
  96. </ul>
  97.  
  98. <h3><a name="Creating">CrΘer des zones actives</a></h3>
  99.  
  100. <p>Pour crΘer une nouvelle zone active, insΘrez une image α l'intΘrieur du
  101. document, et dΘfinissez les zones comme des liens.</p>
  102.  
  103. <p>Pour crΘer une zone dans une image, sΘlectionnez l'image ou une zone
  104. existante de cette image. Ensuite, choisissez une des options
  105. <strong>Rectangle</strong>, <strong>Cercle</strong>, <strong>Polygone</strong>
  106. depuis le sous-menu <strong>Zone active</strong> du menu
  107. <strong>╔lΘments</strong>, suivant la forme de la nouvelle zone que vous
  108. souhaitez crΘer. L'option <strong>Montrer les zones actives</strong> du menu
  109. <strong>Vues</strong> tracera le contour de chaque zone active existante sur
  110. une image.</p>
  111. <ul>
  112.   <li>Pour crΘer une zone rectangulaire ou circulaire, vous devez tout d'abord
  113.     sΘlectionner la position du coin en cliquant avec le bouton gauche de la
  114.     souris. Laissez le bouton appuyΘ et dΘplacez la souris jusqu'α la position
  115.     du coin opposΘ, puis lΓchez le bouton. La zone est maintenant
  116.   dΘfinie.</li>
  117.   <li>Pour un polygone, entrez chaque point en cliquant la position
  118.     correspondante avec le bouton gauche de la souris. Pour indiquer le
  119.     dernier point, cliquez avec le bouton du milieu.</li>
  120. </ul>
  121.  
  122. <p>Quand la zone a ΘtΘ dΘfinie, vous devez fournir <a href="#Alternative">le
  123. texte de remplacement</a> dans la boεte de dialogue qui apparaεt et entrer la
  124. cible du lien associΘe α cette zone. SΘlectionnez uniquement la cible (ou
  125. entrer son URI si elle n'est pas visualisΘe), de la mΩme maniΦre que pour <a
  126. href="Links.html.fr#L245">crΘer des liens</a>.</p>
  127.  
  128. <h3>DΘplacer des zones actives<strong></strong></h3>
  129.  
  130. <p>Quand une zone a ΘtΘ dΘfinie, vous pouvez la dΘplacer :</p>
  131. <ul>
  132.   <li><p>Par manipulation directe - en combinant la <strong>touche
  133.     Control</strong> et le <strong>bouton gauche</strong> de la souris dans la
  134.     zone active, vous pourrez dΘplacer cette zone.</p>
  135.   </li>
  136.   <li><p>En Θditant l'attribut <strong>coords</strong> de la zone dans la vue
  137.     structure.</p>
  138.   </li>
  139. </ul>
  140.  
  141. <h3><a name="L1171">Redimensionner des zones actives</a></h3>
  142. <ul>
  143.   <li>Par manipulation directe - en combinant la <strong>touche
  144.     Control</strong> et le <strong>bouton du milieu</strong> ou le
  145.     <strong>bouton droit</strong> de la souris α l'intΘrieur de la zone
  146.     active, vous pourrez redimensionner cette zone.</li>
  147.   <li>En Θditant l'attribut <strong>coords</strong> de la zone dans la vue. 
  148.     <p></p>
  149.   </li>
  150. </ul>
  151. </div>
  152.  
  153. <p align="right"><a href="SVG.html.fr"><img alt="previous" border="0"
  154. src="../Icons/left.gif" /></a> <a href="Manual.html.fr"><img alt="top"
  155. border="0" src="../Icons/up.gif" /></a> <a href="StyleSheets.html.fr"><img
  156. alt="next" border="0" src="../Icons/right.gif" /></a></p>
  157. <hr />
  158. </body>
  159. </html>
  160.