Tutoriel sur la conception de boutons de navigation simples dans Dreamweaver-tutoriel HTML-php.cn

Tutoriel sur la conception de boutons de navigation simples dans Dreamweaver

小云云

Libérer： 2018-05-19 16:20:41

original

4300 Les gens l'ont consulté

Cet article explique avec vous comment concevoir des boutons de navigation simples dans Dreamweaver. Comment concevoir des boutons de navigation simples dans Dreamweaver ? Généralement, il y a des barres de navigation ou des boutons de navigation dans les pages Web. Comment créer des boutons de navigation ? Jetons un coup d'œil à la méthode de production détaillée ci-dessous. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Lors de la conception d'une page Web, si vous souhaitez ajouter des boutons de navigation, comment devez-vous les réaliser ? Jetons un coup d'œil au didacticiel sur l'utilisation de Dreamweaver pour concevoir des boutons de navigation.

Nom du logiciel :
Adobe Dreamweaver CC 2017 v17.0 Version crackée chinoise (avec patch crack + tutoriel d'installation) 64 bits
Taille du logiciel :
758 Mo
Heure de mise à jour :
05/11/2016

1. Ouvrez l'application logicielle Dreamweaver. L'interface est celle indiquée ci-dessous. La version cs6 est utilisée ici.

2. Ouvrez le menu "Fichier" et recherchez "Nouveau (N)" dans la liste déroulante, ou utilisez le raccourci "ctrl+n" pour créer un nouveau document HTML directement.

3. Sur le nouveau fichier html, j'ai cliqué sur le mode "split", donc le code est affiché à gauche et l'effet est affiché à droite, donc que vous pouvez écrire du code à gauche et prévisualiser à droite.

4. Il n'y a aucun objet de barre de navigation inséré dans Dreamweaver cs6. La barre de menu Spry est utilisée ici, ce qui est plus pratique à utiliser. Recherchez "Insérer" - "Objet de mise en page" - "barre de menu Spry" dans le menu, comme indiqué dans la figure ci-dessous.

5. La boîte de dialogue « Enregistrer ce document avant d'insérer le widget » apparaît, cliquez sur « OK », comme indiqué dans la figure ci-dessous.

6. Sélectionnez le format que vous aimez selon vos besoins. Ici, nous utiliserons l'option par défaut, puis "OK".

7. Cliquez sur la zone bleue pour afficher le panneau de dialogue des propriétés, puis définissez les paramètres du menu dans le panneau. Comme indiqué ci-dessous.

8. Appuyez sur "f12" pour prévisualiser l'effet comme indiqué ci-dessous. Ce n’est que l’opération la plus élémentaire. Si vous voulez quelque chose de plus beau, cela implique d’ajouter des styles.