Dreamweaver Flash Autres
Créer un lien sans soulignement Préciser le sujet d'un message Zone sensible dans Flash Palette RVB-Hexa
Envoyer un formulaire Script sur un mot Bouton bascule  
Mettre en forme le texte
dans un mail -->"Enctype"
Figer les dimensions d'un tableau Intervertir une occurrence ...

 

Palette de conversion :

Télecharger

Ce fichier téléchargeable est un ".dir"". Vous pouvez donc le placer dans le dossier Xtras du dossier Director et vous obtiendrez une palette de couleurs supplémentaire via le menu "Xtras". Le bouton "Copier" permet même de placer dans le presse-papier la ligne d'instruction suivante :

set the color of sprite x to rgb(104,133,133)

De cette manière, vous n'avez plus qu'à changer le "x" par la ligne (le sprite) du scénario concernée. Si vous êtes interessé(e)s par une application autonome, fonctionnant hors de director laissez moi un mail.

Pour la nouvelle syntaxe, vous pouvez remplacer la ligne d'instructions par :

sprite( x).color=rgb(104,133,133)

Voilà.

Retour sommaire


 

Créer un lien sans soulignement :

Exemple : Le texte "Retour sommaire" situé avant la ligne horizontale ci-dessus, ou à la fin de ce point de cours.

Il est effectivement très désagréable de devoir subir une mise en forme du texte en "souligné bleu" lorsqu'un lien est placé sur un mot. C'est pourquoi la technique qui suit va vous expliquer comment l'effacer.

1) Window/Styles( ou F7)
2) Bouton "Style Sheet" situé en bas de la fenêtre.
3) Bouton "New"
4) Sélectionnez "Redifine HTML Tag" (Redéfinir les balises HTML)
5) Sélectionnez la première balise de la liste déroulante : "a"
6) Validez par OK
7) Dans la fenêtre de styles, cochez la case "None" de "Décoration" dans la catégorie "Type" et choisissez par la même occasion, une couleur de texte en remplacement du bleu.
8) Lorsque cette manipulation est terminée, validez par "OK" et tous vos liens ont changé de couleur et ne sont plus soulignés.

Retour sommaire


 

Envoyer un formulaire :

Tout le monde est capable de créer un formulaire mais cela n'est pas toujours si facile de le rendre actif. Voici une technique et simple pour aller jusqu'au bout de vos formulaires.

1) Sélectionnez votre forme
ou
1) Dans Dreamweaver, cliquez sur le pointillé rouge qui entoure les éléments de votre formulaire et votre palette des propriétés devrez vous retourner l'affichage suivant :


2) Remplissez via l'interface de votre logiciel, l'Action qui se déclenchera lorsque l'utilisateur cliquera sur le bouton "Submit"
ou
2) Via le HTML form method="post" action="mailto:yazo@yazo.net"

L'adresse e-mail doit être celle d'une boite aux lettres que vous pourrez consulter simplement par un navigateur ou un logiciel de messagerie.

Retour sommaire


 

Mettre en forme le texte récuperé d'un mail envoyé par formulaire ci-dessous :

 

Si vous réalisez un formulaire dans Dreamweaver (ou certains autres logiciels de mise en page web), lors de la réception du résultat du formulaire, vous obtenez :

Un texte illisible dans votre messagerie, voir un fichier annexe de type texte. Dans les deux cas, voici le résultat :

Si vous souhaitez mettre en forme le résultat du formulaire, ajoutez : enctype="text/plain" après la method="post"

method="post" enctype="text/PLAIN" action="mailto:yazo@yazo.net"

Résultat :

Retour sommaire


 

Préciser le sujet du message :

Dans l'exemple ci-dessus, nous venons de voir qu'il est possible d'envoyer un mail simplement à partir d'une page HTML.
Un problème se pose tout de même. Lorsque vous recevez le message qui est le résultat de l'envoi du formulaire, votre logiciel de messagerie vous informe bien d'un nouveau message entrant mais l'objet de ce dernier n'est pas explicite. Pour préciser le sujet dans le message reçu, il suffit d'ajouter à la suite du "mailto:yazo@yazo.net" le code suivant :

?subject=Formulaire enquete 12

ce qui donne :

mailto:yazo@yazo.net?subject=Formulaire enquete 12

Biensûr vous pouvez saisir n'importe quel texte en lieu et place de l'exemple ci-dessus.

Autre exemple :

mailto:yazo@yazo.net?subject=Réponse invitation fete du 23 decembre

Retour sommaire


 

Zone sensible dans Flash :

Vous aimeriez placer une action sur une partie de votre scène sans que ce soit pour autant sur un bouton. Pour les adeptes de Director, vous avez l'habitude de créer une forme de type rectangle ou elliptique, vous retirez le contour, vous placez le script sur cette forme et le tour est joué. Nous allons faire la même manipulation dans Flash mais différemment.

1) Sélectionnez l'outil rectangle ou ellipse et une couleur de fond
2) Tracez une forme sur la scène
3) Sélectionnez l'outil de la flèche de sélection
4) Sélectionnez la forme que vous venez de tracer sur la scène par un simple double-clic dessus
5) Tapez le raccourci clavier F8
6) Donnez un nom puis validez par OK

A ce niveau, un bouton a bien été créer mais il est visible.

7) Sélectionnez l'occurrence de cette forme qui se trouve sur la scène.
8) CTRL-E ou Pomme-E pour éditer le symbole de type bouton.
9) Sélectionnez l'étape "Hit"(la 4e étape), et taper F6
10) Sélectionnez la forme qui se trouve sur l'étape "Up" (la 1ere étape) et supprimez tout ce qui se trouve sur cette image.
11) Ressortez de ce mode d'édition du bouton par un CTRL-E

Votre bouton est à présent terminé.

Retour sommaire


 

Bouton bascule :

Un même bouton peut avoir deux actions (mais pas obligatoirement contraires). Imaginez un clic sur un bouton qui pourrait masquer une occurrence sur la scène. Un nouveau clic sur ce bouton pourrait à nouveau afficher cette occurrence que vous venez de masquer.

 

1) Créer 2 boutons (ex : un qui semble être "éteint", un autre qui semble être "allumé")
2) Placer l'un des 2 boutons sur la scène.
3) Sélectionner ce bouton puis F8
4) Donner un nom
5) Sélectionner Movie Clip
6) OK
7) Sélectionner l'occurrence du Movie Clip que vous venez de créer et qui se trouve sur la scène.
8) CTRL-E (afin de l'éditer)
9) Sélectionner l'image 5 puis F7 afin de créer une image clé vide (pour pouvoir placer un symbole sur cette image)
10) Placer sur cette image 5, le deuxième bouton
11) Placer une action "Stop" sur la 1ere image afin de bloquer le Movie Clip sur la 1ere image
12) Double cliquer sur l'occurrence de l'image 1
13) GOTO 5
14) Double cliquer sur l'occurrence de l'image 5
15) GOTO 1

Aux étapes 13 et 15 ajoutez les actions de votre choix.

N.B. : Si ces deux boutons "active" et "désactive" un son, vous obtenez un bouton bascule du contrôle du son.

Retour sommaire



Script sur un mot dans une page web:

Un mot peut comporter un lien vers une url mais Dreamweaver ne permet pas de placer un script sur un mot.

Deux possibilités : Vous connaissez le javascript, dans ce cas dirigez vous directement à la ligne 5) de la solution ci-dessous, vous ne connaissez pas le javascript, commencez par lire les lignes qui suivent :

Solution :

1) Commencez tout d'abord par placer une image sur votre page
2) Ajoutez un comportement via le bouton + de la palette des comportements

3) Affichez la fenêtre HTML pour lire le nom de la fonction que Dreamweaver a crée et refermez la fenêtre
4) Sélectionnez le mot sur lequel vous souhaitez placer un script
5) Affichez la fenêtre HTML et remplacez :

<a href="http://www.yazo.net">Cliquez ici</a>

par

<a href="javascript:nomdelafonction('argument')">Cliquez ici</a>

ou

<a href="#" onMouseOver="nomdelafonction('argument')">Cliquez ici</a>

 

Exemple :

La fonction javascript :

function affichemoi(theMsg) {
alert(theMsg);
}

Appel à la foncton :

<a href="javascript:affichemoi('Welcome sur notre site')">Cliquez ici</a>
ou
<a href="#" onMouseOver="affichemoi('Welcome sur notre site')">Cliquez ici</a>

Retour sommaire



Figer les dimensions d'un tableau :

Il est pratique de mettre en forme un tableau via les poignées ou les bords du tableau et non uniquement au travers de la palette des propriétés mais le résultat est parfois surprenant. Il est en effet indispensable d'avoir précisé pour chaque colonne, une valeur afin que le total de toutes les largeurs des colonnes soit égal à la largeur total du tableau. Pour éviter cela :

1) Régler la largeur de chaque colonne par le biais des poignées propres à chaque colonne.
2) Sélectionnez votre tableau (clic dans une cellule puis Pomme-A ou CTRL-A (PC))
3) Menu Modifier/Tableau -->Convertir largeurs en pixels

ou en anglais (Modify/Table-->Convert width in pixels

N.B. : Si vous avez exprimé la largeur de vos colonnes en pourcentage, sélectionnez la commande "Convertir largeurs en pixels"

Explications : Dreamweaver évalue la nouvelle largeur de chaque colonne pour lui donner une valeur précise.

Retour sommaire