Les partenaires publicitaires:

Comment faire un hotspot dans Dreamweaver CS4

Hotspots, zones à l'intérieur d'une image sur une page Web Dreamweaver CS4 qui ouvrent une nouvelle page Web lorsque vous cliquez dessus, sont utiles pour une variété d'applications. Une application est zoom-in et des cartes de zoom-out. Quand une région spécifique de l'image de carte (le hotspot) est sélectionné, une vision élargie de cette région où apparaît l'image d'origine était. Hotspots construits avec Dreamweaver CS4 peuvent également être imbriquées, ce qui signifie que vous pouvez concevoir une carte web qui vous permet d'explorer les pays par l'Etat, par département, par ville, par quartier et même par rue.

Instructions

  1. Démarrez le programme Dreamweaver CS4. Cliquez sur l'option "HTML" dans la colonne "Nouveau" sur la page "Bienvenue" qui semble créer une nouvelle page de Dreamweaver Web. Cliquez sur l'option "Enregistrer" dans le menu "Fichier" pour enregistrer votre page Web Dreamweaver.

  2. Cliquez sur l'option "Image" dans le menu "Insertion" sur la barre de menu principal de Dreamweaver. Sélectionnez un fichier image à importer dans Dreamweaver à partir du répertoire liste des fichiers qui est affiché.




  3. Cliquez sur l'image importée dans le document Dreamweaver.

  4. Cliquez sur l'option "Propriétés" pour afficher le panneau "Propriétés" de sorte que vous pouvez accéder à l'outil de hotspot de Dreamweaver.



  5. Tapez un nom pour le hotspot vous allez créer dans la "carte" zone de texte dans le panneau "Propriétés". Cliquez sur le "Rectangle HotSpot Tool" directement en dessous de la "carte" zone de texte. Placez le curseur de votre souris sur l'image importée, puis cliquez et faites glisser votre souris pour créer un hotspot rectangulaire sur l'image. Relâchez la souris pour finaliser dimensions rectangulaires du hotspot.

  6. Appuyez sur le bouton "OK" sur la boîte de dialogue qui apparaît Dreamweaver. Tapez l'URL dans la zone de texte "Link" dans le panneau "Propriétés" que vous voulez charger dans votre navigateur lorsque le hotspot rectangle votre créé est cliqué.

  7. Appuyez sur la touche "F12" de votre clavier pour afficher votre page Web dans votre navigateur par défaut. Placez votre curseur de la souris sur l'emplacement que vous avez dessiné votre rectangle au hotspot. Cliquez sur le bouton gauche de la souris lorsque le curseur de la souris passe d'un pointeur vers un curseur de la main (indiquant que vous êtes sur le point d'accès) pour charger le lien que vous avez choisi dans votre navigateur Web.

Conseils Avertissements

  • Rendre les pages que vous liez à partir de votre point d'accès avec la même disposition. Cela rendra les pages liées apparaissent comme si elles ont été chargés directement dans la page Web. Pour les applications de carte, vous devrez créer un point chaud pour chaque emplacement où vous souhaitez effectuer un zoom arrière ou dans dans chacune des images de carte que vous utilisez. Pour une carte qui contient plusieurs villes, vous aurez à faire un point chaud pour chaque ville.
  • Dreamweaver ne vous laissera pas importer une image si vous ne l'avez pas déjà enregistré votre fichier de Dreamweaver.
» » » » Comment faire un hotspot dans Dreamweaver CS4