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 vue agrandie de cette région apparaît là où l`image originale é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 la rue.

  • Démarrez le programme Dreamweaver CS4. Cliquez sur l`option "HTML" dans la colonne "Nouveau" sur la page "Bienvenue" qui apparaît pour créer une nouvelle page Dreamweaver Web. Cliquez sur l`option "Enregistrer" dans le menu "Fichier" pour enregistrer votre page Web Dreamweaver.

  • 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é.




  • Cliquez sur l`image importée dans le document Dreamweaver.

  • Cliquez sur l`option "Propriétés" pour afficher le panneau "Propriétés" afin que vous puissiez accéder à l`outil de hotspot de Dreamweaver.

  • Tapez un nom pour le hotspot que vous allez créer dans la "carte" textbox dans le panneau "Propriétés". Cliquez sur le "Rectangle HotSpot Tool" directement en dessous de la "carte" textbox. 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 les dimensions rectangulaires du hotspot.

  • 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 Web lorsque le hotspot rectangle votre créé est cliqué.

  • 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 hotspot à. Cliquez sur le bouton gauche de la souris lorsque le curseur de la souris passe d`un pointeur vers un curseur main (indiquant que vous êtes sur le point d`accès) pour charger le lien que vous avez sélectionné 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 étaient chargées directement dans la page Web. Pour les applications de la carte, vous devez créer un point chaud pour chaque emplacement que vous souhaitez effectuer un zoom arrière ou 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.

AUTRES

» » » » Comment faire un hotspot dans dreamweaver cs4