Comment faire pour créer un menu dans Dreamweaver 8

May 31

Comment faire pour créer un menu dans Dreamweaver 8


menus de Dreamweaver fournissent des liens de navigation vers des pages de votre site ou d'autres URL sur Internet. Vous pouvez créer des menus de plusieurs façons dans Dreamweaver. Deux des méthodes plus faciles et les plus courantes incluent placer des liens de texte dans les cellules de tableau dans la partie supérieure, côté ou en bas de votre page Web, et la création de cartes d'image avec plusieurs ", chaud" régions cliquables sur la même image.

Instructions

Création d'un menu texte

1 Ouvrez le fichier Dreamweaver où vous voulez créer un menu.

2 Placez le curseur sur la page où vous souhaitez insérer un menu. Cliquez sur "Insérer" dans la barre de menu, puis choisissez "Table". Cela ouvre la boîte de dialogue de la table. Utilisez les "lignes" et "colonnes" champs pour définir le nombre de cellules pour votre menu. Vous avez besoin d'une cellule pour chaque élément de menu. Par exemple, si vous avez besoin de cinq éléments de menu dans une rangée en haut de votre page Web, tapez "1" dans le domaine des lignes et "5" dans le champ Colonnes.

3 Régler la largeur de la table dans le champ "largeur Table". Par exemple, si votre menu se déroulera sur le haut ou le bas de votre page, faire la table largeur de la même taille en pixels que votre page. (Vous pouvez trouver la largeur de la page en cliquant sur "Modifier" dans la barre de menu, puis en choisissant "Document" pour ouvrir la boîte de dialogue Propriétés du document. La largeur de pixel de la page est dans le champ "Largeur".) Si vous voulez que votre menu avoir des frontières, mettre un poids de frontière dans le champ "de l'épaisseur de la frontière".

4 Régler le remplissage des cellules (espace entre le contenu de la cellule et le bord de la cellule du tableau) et l'espacement des cellules (espace entre chaque cellule). Cliquez sur "OK".

5 Tapez les entrées de menu dans chaque cellule (cliquez dans la cellule et commencez à taper). Par exemple, vous pouvez taper "Home", "Services," "Contactez-nous", et ainsi de suite, une entrée par cellule. Pour centrer le texte dans les cellules, sélectionnez toutes les cellules, puis cliquez sur le "Horz" drop-down dans le panneau "Propriétés" et choisissez "Center."

6 Sélectionnez le premier élément du menu. Allez dans le panneau "Propriétés" et tapez l'URL cible dans le champ "Link". Répétez cette étape pour chaque entrée de menu.

Création d'un menu avec une carte d'image

7 Créer une barre de menu dans votre logiciel d'édition d'image. Il devrait inclure un bouton pour chacun de vos entrées de menu, tels que «Home», «services», et ainsi de suite. Enregistrer au format JPEG (.jpg) dans les images sous-répertoire de votre site Web racine.

8 Ouvrez la page Dreamweaver où vous voulez créer un menu.

9 Placez le curseur sur la page où vous souhaitez insérer votre menu. Cliquez sur "Insérer" dans la barre de menu, puis choisissez "Image". Accédez à votre menu fichier image de barre, sélectionnez-le, puis choisissez "OK". Sélectionnez l'image sur la page. Allez dans le panneau Propriétés et nommez la carte dans le champ "carte". Par exemple, nommez-le "barre_menus."

dix Cliquez sur le bouton rectangle (l'icône de rectangle) sous le champ de la carte. Dessinez un rectangle autour du premier élément de menu dans l'image. Cela crée un point chaud cliquable sur l'image. Allez dans le panneau Propriétés et tapez l'URL cible dans le champ "Link". Tapez le texte de remplacement (le texte que l'utilisateur voit quand il ou elle plane la souris sur le point chaud) dans le champ "Alt". Pour le lien «Home», par exemple, vous pouvez taper "Allez sur notre page d'accueil."

11 Répétez l'étape 4 pour chaque entrée de menu.

Conseils et avertissements

  • Vous pouvez également placer des boutons graphiques, plutôt que du texte, dans votre table. Pour rendre les boutons cliquables, sélectionnez le bouton puis tapez l'URL cible dans le champ Lien du panneau Propriétés.
  • Ces procédures fonctionnent dans toutes les versions de Dreamweaver.

          

Post a comment: