Maison Tutoriel logiciel Logiciel Tutoriel d'utilisation de Dreamweaver CS6 pour ajouter des bannières déroulantes aux pages Web

Tutoriel d'utilisation de Dreamweaver CS6 pour ajouter des bannières déroulantes aux pages Web

Jun 01, 2024 pm 01:57 PM

Lors de la création du site Web, je souhaite ajouter une bannière déroulante à la page Web, ce qui peut grandement améliorer la beauté et l'interactivité de la page. Aujourd'hui, l'éditeur PHP Xiaoxin vous proposera un didacticiel détaillé sur l'ajout de bannières déroulantes dans Dreamweaver CS6. Ce didacticiel expliquera étape par étape comment utiliser Dreamweaver CS6 pour créer et personnaliser des bannières déroulantes, vous aidant ainsi à créer facilement des pages Web plus dynamiques et attrayantes. Veuillez continuer à lire ci-dessous pour connaître les étapes spécifiques.

Nous ouvrons d'abord le logiciel dreamweaver cs6, créons un calque AP où la bannière doit être placée et insérons le contenu à afficher. Ici, nous définissons uniquement la couleur d'arrière-plan du calque et lui donnons un identifiant.

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

Cliquez ensuite sur le corps pour ouvrir la fenêtre de comportement, cliquez sur Ajouter un masque d'effet de comportement, sélectionnez le calque tout à l'heure dans la boîte de dialogue contextuelle et sélectionnez les propriétés en fonction de vos besoins.

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

Ajustez l'événement pour qu'il soit chargé, c'est-à-dire que l'effet disparaîtra dès son ouverture.

dreamweaver cs6为网页添加下拉条幅的操作教程

Ensuite, définissez le bouton de fermeture, créez un nouveau calque imbriqué dans le calque AP ajouté ci-dessus et entrez le nombre x.

dreamweaver cs6为网页添加下拉条幅的操作教程

Sélectionnez ensuite le nouveau calque, ouvrez la fenêtre de comportement, cliquez sur Ajouter un comportement, choisissez d'afficher ou de masquer les éléments et sélectionnez le calque parent dans la boîte de dialogue contextuelle. Ajustez l'événement à onclick, ce qui signifie cliquer pour fermer.

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

De cette façon, la bannière a été configurée et peut être placée avec des publicités, des annonces et d'autres contenus.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

[Prouvé] Erreur de vapeur E87 Correction: Obtenez à nouveau le jeu en quelques minutes! [Prouvé] Erreur de vapeur E87 Correction: Obtenez à nouveau le jeu en quelques minutes! Mar 18, 2025 pm 05:56 PM

[Prouvé] Erreur de vapeur E87 Correction: Obtenez à nouveau le jeu en quelques minutes!

Comment dissocier le compte Rockstar de Steam Comment dissocier le compte Rockstar de Steam Mar 11, 2025 pm 07:39 PM

Comment dissocier le compte Rockstar de Steam

Pourquoi le téléchargement de vapeur est-il si lent Pourquoi le téléchargement de vapeur est-il si lent Mar 11, 2025 pm 07:36 PM

Pourquoi le téléchargement de vapeur est-il si lent

Correction facile: Erreur de vapeur E87 expliquée & amp; Résolu Correction facile: Erreur de vapeur E87 expliquée & amp; Résolu Mar 18, 2025 pm 05:53 PM

Correction facile: Erreur de vapeur E87 expliquée & amp; Résolu

Erreur de vapeur E87: ce que c'est & amp; Comment le réparer Erreur de vapeur E87: ce que c'est & amp; Comment le réparer Mar 18, 2025 pm 05:51 PM

Erreur de vapeur E87: ce que c'est & amp; Comment le réparer

Comment ajouter des numéros de page dans Google Docs Comment ajouter des numéros de page dans Google Docs Mar 14, 2025 pm 02:57 PM

Comment ajouter des numéros de page dans Google Docs

Erreur de vapeur E87: pourquoi cela se produit & amp; 5 façons de le réparer Erreur de vapeur E87: pourquoi cela se produit & amp; 5 façons de le réparer Mar 18, 2025 pm 05:55 PM

Erreur de vapeur E87: pourquoi cela se produit & amp; 5 façons de le réparer

Comment corriger le code d'erreur Steam E87: le guide ultime Comment corriger le code d'erreur Steam E87: le guide ultime Mar 18, 2025 pm 05:51 PM

Comment corriger le code d'erreur Steam E87: le guide ultime

See all articles