Comment utiliser des comportements avec des boîtes dans Adobe Dreamweaver CS6

Pour ajouter des effets sympas et interactivité, vous pouvez utiliser le haut-Adobe Dreamweaver CS6 comportements, une collection de scripts prêts à l'utilisation que vous pouvez appliquer à presque tout élément sur une page. Lorsqu'il est utilisé avec DIV ou autres récipients, les comportements peuvent les enrichir avec des effets spéciaux ou l'interaction de la souris (comme les clics et les survols) pour rendre la page plus excitant.

Le panneau Comportements dispose d'un nouvel ensemble d'effets, tels que fondu / apparaissent, Shrink, Highlight, Toboggan, et plus encore - tout ce dont vous pouvez demander à la Divs AP que vous créez.

Vous pouvez ajouter des comportements en suivant ces étapes:

Choisissez Window-Comportements pour ouvrir le panneau Comportements.
Sélectionnez un DIV en utilisant le panneau Eléments PA ou sélectionnez un élément directement sur la page.
Dans le panneau Comportements, cliquez sur le signe plus.

Le menu de comportements disponibles apparaît.
Dans le menu, choisissez le comportement que vous souhaitez appliquer.
Par exemple, pour appliquer un effet de fondu, choisissez Effets-Apparition / Fondu.
La boîte de dialogue Apparaître / Fade ouvre.
Assurez-vous que l'effet est réglé sur Fade et sélectionnez la case à cocher Activer Effet pour vous assurer que la boîte réapparaît quand il est cliqué une seconde fois. Puis cliquez sur OK.
Le comportement est ajouté à la liste. La phrase onclick à sa gauche indique que cette action se produit lorsque la boîte est cliqué.
Choisissez Fichier-Save pour enregistrer la page.
Pour voir l'effet dans l'action, aperçu de la page dans un navigateur.
Choisissez Fichier-Aperçu dans le navigateur et choisir un navigateur pour lancer la page.

Lorsque vous testez la page, en cliquant la boîte fait disparaître ou réapparaître - beaucoup de plaisir pour vous et hautement interactif pour les utilisateurs!

Si votre navigateur est restreint la page web d'exécuter des scripts ou des contrôles ActiveX, cliquez sur le message en haut de la fenêtre du navigateur et sélectionnez Autoriser le contenu bloqué pour tester correctement les nouveaux comportements.

Lorsque les comportements d'effets sont utilisés, Dreamweaver a besoin de copier à votre site plusieurs fichiers locaux qui rendent les effets possible.

A propos Auteur

Comment définir une transition dans le catalyseur de CS5 flash

Après avoir créé une transition dans Adobe Flash Catalyst Creative Suite 5, la prochaine étape est de le configurer. Dans tous les cas, vous travaillez dans le panneau Scénarios.Pour ajouter une transition à un composant, comme un bouton,…

Comment faire pour installer de nouvelles extensions Dreamweaver pour les comportements

Même avec toutes les fonctionnalités intéressantes dans Dreamweaver, une journée sera presque certainement viendra où vous aurez envie de faire des choses que Dreamweaver ne peut pas faire avec les caractéristiques fournies avec le programme.…

Comment lier des pages de votre site Web dans Dreamweaver

Dreamweaver rend reliant d'une page à une autre page de votre site Web facile. Assurez-vous d'enregistrer vos pages dans le dossier de votre site local avant de commencer la mise en liens.Voici comment vous créez un lien d'une page dans un site à…

Comment créer un lien vers une ancre manuellement dans Adobe Dreamweaver CS6

Voici une raison pour laquelle un nom court et appropriée est utile pour les ancres dans Adobe Dreamweaver CS6: Vous pouvez finir par avoir à le taper! En reliant manuellement à une ancre, vous pouvez lier dans la page sur laquelle vous…

Comment gérer les styles de calque de Photoshop CS6

Lorsque vous travaillez avec de multiples couches de Photoshop CS6, vous pouvez avoir besoin pour gérer vos styles de calque. Pour modifier un style, double-cliquez sur le nom de l'effet ou l'étiquette Effets, double-cliquez sur la vignette du…

Comment aperçu de votre page dans Adobe Dreamweaver CS6

Peut-être que vous avez terminé votre page dans Adobe Dreamweaver CS6 et que vous souhaitez étudier à quoi il ressemble dans un navigateur. Vous pouvez prévisualiser rapidement votre fichier en cliquant simplement sur l'Aperçu / Débogage dans…

Comment prévisualiser des pages dans de nombreux navigateurs web dans Dreamweaver

Lorsque vous utilisez Dreamweaver pour concevoir des pages Web pour le public le plus large sur le web, il est préférable de tester votre site en visualisant les pages dans une variété de navigateurs Web. Les étapes suivantes vous guident à…

Comment utiliser une image comme arrière-plan dans Adobe Dreamweaver CS6

Création de décors pour des pages Web dans Adobe Dreamweaver CS6 est amusant et peut être poursuivi de plus de manières que la plupart des gens ne l'imagine. Vous pouvez créer un motif répétitif avec une seule petite image, créer un…

Comment utiliser des widgets mobiles jquery de Dreamweaver

Le menu Insertion dans Dreamweaver comprend une collection de widgets mobiles jQuery vous pouvez utiliser pour créer des éléments de formulaire et les autres éléments couramment utilisés dans les applications web mobiles. Par exemple, vous…

Comment utiliser le comportement d'ouverture de la fenêtre du navigateur dans dreamweaver

Vous pouvez utiliser des comportements dans Dreamweaver pour créer de nombreuses fonctionnalités interactives, telles que l'ouverture d'une nouvelle fenêtre de navigateur lorsque quelqu'un clique sur une image ou un lien texte. Ouverture d'une…

Aperçu de votre page dans Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (CS5 Adobe) Dreamweaver offre des options de prévisualisation de votre page web. Vous pouvez prévisualiser rapidement votre fichier en cliquant simplement sur l'Aperçu / Débogage dans le navigateur dans la barre d'outils…

Comment appliquer des effets de CSS3 et transforme dans Dreamweaver

Les effets CSS3 et transformations peuvent être définies dans le panneau Styles CSS. Création d'un effet de CSS3 prend quelques frappes de votre part. Pour ajouter un effet de CSS3 ou transformer à une définition de style, suivez ces étapes:…

Création d'une image survolée dans Dreamweaver CS3

Dans Dreamweaver, les images de survol - comme son nom l'indique - sont conçus pour réagir quand quelqu'un lance un curseur sur une image. L'effet peut être aussi dramatique que l'image d'un chien étant remplacé par une image d'un lion, ou…

Appliquer photo et texte effets dans Photoshop Elements 10

Photoshop Elements 10 offre beaucoup d'effets que vous pouvez appliquer pour améliorer vos photos. Notez que certains effets créent automatiquement un duplicata de la couche sélectionnée, tandis que d'autres effets ne peuvent travailler que sur…

godiches.com » Ordinateurs et logiciels » Graphiques et animations » Conception graphique » Comment utiliser des comportements avec des boîtes dans Adobe Dreamweaver CS6