New Tips WordPress : Boutons de survol et menus contextuels sympas dans Dreamweaver

Ajouter un bouton à bascule à une page Web avec Dreamweaver est une tâche vraiment simple … si vous avez les images des boutons prêtes.

Si vous n'avez pas encore d'images, voici ce qu'il faut faire: Ouvrez un programme de conception graphique comme Fireworks ou Photoshop et créez un rectangle avec un remplissage plein (par exemple, bleu), puis mettez du texte blanc dessus qui dit Accueil Accueil '.

Ensuite, vous souhaitez découper le canevas et exporter cette image sous la forme du fichier & # 39; home1.gif & # 39 ;. ou & # 39; home1.jpg & # 39;. Exportez l'image dans le dossier où se trouvent vos sites Web afin de pouvoir l'utiliser pour votre site Web.

Ensuite, changez simplement la couleur du texte en bouton jaune et exportez cette version sous & # 39; home2.gif & # 39;

Une fois que vous avez ces 2 images, créer un bouton de retour Dreamweaver est un gâteau car Dreamweaver fait tout pour vous.

Placez simplement le curseur à l'endroit où vous souhaitez placer le bouton sur votre site Web et sélectionnez & # 39; Insérer & # 39;> & # 39; Image des objets & # 39;> & # 39; Image survolée & # 39; du menu à l'envers de Dreamweaver.

Utilisez ensuite home1.gif pour l'image ci-dessus et home2.gif pour l'image redondante. Une fois que vous avez fait un bon clic, Dreamweaver créera tout le code nécessaire pour vous. Ensuite, il vous suffit de télécharger les images et la page sur votre site Web!

Une autre option consiste à utiliser la fonction de menu contextuel. Vous pouvez le trouver sous le & # 39; inspecteur d'étiquettes & # 39; dans Dreamweaver. Vous pouvez l'utiliser pour créer des menus attrayants qui apparaissent lorsque vous passez votre souris sur une image.