Comment créer des barres de navigation horizontales et verticales pour des pages Web dans Dreamweaver

Créez des barres de navigation horizontales et verticales pour les pages Web dans Dreamweaver. Barre de navigation horizontale : créez à l'aide d'un tableau, définissez la taille des cellules, l'alignement et les liens. Barre de navigation verticale : créez à l'aide de listes hiérarchiques, définissez le texte, les liens et les styles des éléments de liste. Ajustez l'alignement en fonction de vos besoins.

Comment utiliser Dreamweaver pour créer des barres de navigation horizontales et verticales pour les pages Web

Barre de navigation horizontale

1. Insérer un tableau :Cliquez sur "Insérer" > ligne et 2 colonnes Le tableau ci-dessus.
2. Formater le tableau :Cliquez droit sur le tableau, sélectionnez "Propriétés du tableau", saisissez les dimensions souhaitées dans les champs "Largeur" et "Hauteur".
3. Ajuster les cellules :Sélectionnez la cellule souhaitée comme élément de menu, cliquez avec le bouton droit et sélectionnez "Propriétés de la cellule". Entrez les dimensions souhaitées dans les champs Largeur et Hauteur et sélectionnez Centré sous Alignement horizontal.
4. Ajouter un lien :Insérez un lien dans la cellule de l'élément de menu, pointant vers la page correspondante. Cliquez avec le bouton droit sur la cellule, sélectionnez Insérer > Lien hypertexte et saisissez l'URL de la page cible.
5. Définir la bordure et l'arrière-plan :Définissez la couleur de la bordure et de l'arrière-plan des tableaux et des cellules selon vos besoins. Sélectionnez le tableau ou la cellule, cliquez avec le bouton droit et sélectionnez Propriétés du tableau ou Propriétés de la cellule pour effectuer des ajustements dans l'onglet Bordures ou Arrière-plan.

Barre de navigation verticale

1. Insérer une liste hiérarchique :Cliquez sur "Insérer" > "Liste" > "Liste hiérarchique".
2. Créer un élément de liste :Entrez le texte de l'élément de la barre de navigation et appuyez sur Entrée pour créer un sous-élément. Utilisez des tabulations en retrait pour créer des listes imbriquées.
3. Ajouter des liens :Insérez des liens dans le texte de l'élément de liste pour pointer vers des pages associées. Sélectionnez l'élément de liste, cliquez avec le bouton droit et sélectionnez Insérer > Lien hypertexte, entrez l'URL de la page cible.
4. Style :Définissez l'apparence de la barre de navigation en appliquant des styles ou des classes CSS. Sélectionnez la liste ou l'élément de liste, cliquez avec le bouton droit et sélectionnez Styles ou CSS pour ajuster en conséquence.
5. Ajuster l'alignement :Ajustez l'alignement de la barre de navigation selon vos besoins. Sélectionnez la liste ou l'élément de liste, cliquez avec le bouton droit et sélectionnez Format du paragraphe, sélectionnez l'option souhaitée sous Alignement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!