Introduction
Découverte
Créer des pages
Réaliser des pages
Les spécialités de Dreamweaver
Détails de la leçon
Description de la leçon
Dans cette leçon, nous explorons l’ajout de comportements JavaScript prédéfinis dans Dreamweaver, particulièrement celui d’ouvrir une fenêtre du navigateur. Les comportements permettent de rendre les pages web plus interactives sans avoir à écrire manuellement du code JavaScript. Nous commençons par ouvrir la fenêtre des comportements à partir du menu fenêtre de Dreamweaver.
La première étape consiste à sélectionner l'élément qui déclenchera l'ouverture de la nouvelle fenêtre. Par exemple, dans nos exercices, nous avons attribué un lien avec une cible précise, mais cette fois, nous utilisons un caractère dièse pour que la fenêtre s'ouvre sans redirection proprement dite.
Nous configurons ensuite les propriétés de la fenêtre, comme sa largeur, hauteur, et divers attributs d'aspect. Le nom de la fenêtre est crucial si nous voulons éviter l'ouverture de multiples fenêtres distinctes; en attribuant le même nom à plusieurs comportements, la même fenêtre sera réutilisée.
Enfin, nous choisissons l'événement déclencheur, comme onMouseUp, qui permet d'afficher la nouvelle fenêtre lorsque l'utilisateur relâche le clic de la souris. Nous testons ensuite le comportement configuré dans un navigateur comme Firefox pour vérifier son fonctionnement.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
1. Comprendre comment ajouter des comportements JavaScript prédéfinis dans Dreamweaver.
2. Configurer un élément pour ouvrir une nouvelle fenêtre du navigateur.
3. Personnaliser les propriétés de cette fenêtre ainsi que l'événement déclencheur.
Prérequis pour cette leçon
Les prérequis pour cette vidéo incluent une connaissance de base de Dreamweaver et une compréhension élémentaire des concepts d'interactions utilisateur sur le web.
Métiers concernés
Ce sujet est particulièrement pertinent pour les développeurs web, les concepteurs d'interfaces utilisateur, et les spécialistes de l'UX qui cherchent à améliorer l'interactivité de leurs pages web.
Alternatives et ressources
Comme alternatives à Dreamweaver, vous pourriez utiliser des éditeurs de code tels que Visual Studio Code avec des extensions pour générer du code JavaScript, ou même écrire manuellement le script JavaScript nécessaire.
Questions & Réponses
Je m'abonne