Étape 3 : Après avoir sélectionné l'image, activez le panneau de comportement via la commande "Windows → Comportements", cliquez sur le bouton "+" et sélectionnez l'élément "Afficher-Masquer les calques". Sélectionnez le calque qui doit être affiché dans la fenêtre contextuelle, puis cliquez sur le bouton "Afficher" en bas. Après confirmation, un événement supplémentaire nommé onMouseOver apparaîtra dans le panneau de comportement. À ce stade, cliquez sur le bouton "+" et cliquez pour sélectionner l'élément "OnMouseOver", de sorte que lorsque la souris est placée sur l'image, le calque puisse être affiché, c'est-à-dire que des explications de texte flottantes puissent apparaître.
Étape 4 : Suivez l'étape 3 pour ajouter un événement « Masquer » au calque tout à l'heure et définissez le comportement sur « OnMouseOut » afin que le calque puisse être masqué lorsque la souris est supprimée.
Après avoir terminé l'opération ci-dessus, appuyez sur le bouton "F12" pour ouvrir le navigateur IE pour un aperçu. Lorsque la souris se déplace sur l'image, les mots d'invite prédéfinis apparaîtront et lorsque la souris s'éloignera de l'image, les mots seront automatiquement affichés. caché.
Redimensionner automatiquement les fenêtres Certaines pages Web ajusteront également la taille de la page Web lors de la modification de la taille de la fenêtre. Par conséquent, si la fenêtre est trop grande, il n'y aura pas d'espace vide, et si la fenêtre est trop petite, la barre mobile ne sortira pas du bord. . Pour cette fonction d'ajustement automatique de la taille des pages, dans Dreamweaver MX 2004, vous pouvez vous référer aux étapes suivantes pour y parvenir facilement.
La première étape consiste à créer une nouvelle page, puis à insérer un tableau avec une ligne et trois colonnes via la commande "Insérer → Tableau". À ce stade, vous pouvez ignorer sa largeur et le laisser s'étirer automatiquement pour s'adapter à la fenêtre du navigateur. les paramètres suivants.
Dans la deuxième étape, vous pouvez voir que la largeur de chaque cellule est marquée et qu'il y a un petit triangle en bas (Figure 3). Dans ce formulaire, vous pouvez définir quelle partie doit être corrigée, mais une seule colonne peut être automatiquement étirée. Par exemple, nous définissons ici la dernière colonne pour qu'elle s'étire automatiquement à mesure que la taille de la fenêtre change.
Figure 03 La troisième étape consiste à sélectionner la dernière colonne, à exécuter la commande "Affichage → Mode Table → Mode Mise en page" et à sélectionner l'élément "Make Column Autostrach" dans le menu contextuel (Figure 4).
Figure 04 Dans la quatrième étape, une boîte de dialogue apparaîtra et vous demandera que pour étirer les lignes, Dreamweaver doit placer des images d'espacement dans d'autres colonnes. Sélectionnez ici l'option "Créer un fichier image d'espacement", afin que les images. n'apparaîtra pas dans la fenêtre du navigateur. Il est affiché, mais joue le rôle de tableau fixe.
Après avoir confirmé à l'étape 5, revenez à la fenêtre d'édition d'origine. Vous pouvez voir que la dernière colonne s'est automatiquement étendue pour remplir toute la fenêtre du navigateur, tandis que les deux autres colonnes conservent une largeur fixe.
Astuce : Si vous configurez une colonne pour qu'elle s'étire automatiquement, vous pouvez voir une ligne ondulée en haut de la colonne.
Après avoir terminé les opérations ci-dessus, lors de la prévisualisation de l'effet de page dans le navigateur IE, si vous modifiez la taille de la fenêtre, la largeur de la dernière colonne changera également, tandis que la largeur des deux premières colonnes restera inchangée, de sorte que le la fenêtre peut être automatiquement ajustée grande ou petite.
Ce qui précède ne présente que quelques méthodes de fonctions de comportement dans Dreamweaver MX 2004. Une combinaison flexible de comportements et de calques peut également réaliser des fonctions telles que des images dynamiques, des calques déplaçables, etc., rendant votre page d'accueil plus riche et colorée !