| 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 | ... |
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à.
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.
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.
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 :

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

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é.
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.
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>
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.