Créer un compte Utilisateur
1 visiteur(s) et 0 membre(s) en ligne.  

 Lettre d'information
 


Votre adresse E-mail



Recevez par mail les nouveautés du site.

 

05) Creez un puzzle

(532 mots dans ce texte )  -   lu : 656 Fois     Page Spéciale pour impression

Allez, On va un peu s'amuser, en créant un Puzzle.
Pour obtenir notre puzzle complet, il nous en faut 10 calques au total. Notre puzzle comportera lui 9 pièces. Le premier contient le fond de la page.
L'image utilisée pour notre fond de page (belle! N'est-ce pas?):


Sélectionnez l'outil Dessiner un calque dans la palette Objets.

Tracez un calque à n'importe quel endroit de votre page.

Sélectionnez l'outil Insérer une image et choisissez l'image qui va servir de fond à votre puzzle.

Sélectionnez ce calque en entier dans la fenêtre Document.

Remplacez les valeurs G et S du calque par 0px et 0px dans l'inspecteur de Propriétés.

La spécification de ces coordonnées est indispensable. Pour que notre puzzle fonctionne correctement, il faut que les pièces soient placées à des endroits précis. Notre fond doit donc être fixe et placé lui aussi sur des coordonnées précises.




Chacune des pièces du puzzle va également être créée sur un calque. La méthode est très simple :
Sélectionnez l'outil Dessiner un calque dans la palette Objets. Tracez un calque en dehors de votre image de fond.

Insérez à l'intérieur de votre calque l'ensemble des données (images) qui constituent la pièce de votre puzzle.

Redimensionnez le calque soit à l'aide de ses poignées de redimensionnement, soit à l'aide des attributs H et L (Hauteur et Largeur) de l'inspecteur de Propriétés.
Placez ces pièces à leur emplacement final, c'est-à-dire à l'endroit même où vos visiteurs devront les placer pour gagner la partie.

Cette manipulation vous fera gagner du temps pour la suite.




Répétez ces opérations pour l'ensemble des pièces du puzzle.

Prenez soin de bien nommer vos calques lors de leur création. Vous les retrouverez d'autant plus facilement au moment de vos retouches ou de l'ajout d'effets.


Voila ce que cela donne une fois fini.

Voyons comment régler l'ordre de superposition des calques :

Choisissez Fenêtre/Calques pour afficher la palette Calques.



Donnez au calque comprenant le fond du puzzle un Index Z de 1.

Pour cela, cliquez simplement dans la colonne Z, sur la ligne correspondant à votre calque, puis changez la valeur inscrite.
Donnez à l'ensemble des autres calques du puzzle (les pièces) des valeurs d'Index Z de 2 à 10 (ou plus si vous avez plus de 9 pièces). Nous sommes ainsi assurés que les pièces ne disparaîtront pas.

Notre puzzle ne serait pas complet si l'on n'annonçait pas aux visiteurs quand ils ont gagné. Il va nous falloir créer donc un script à la main et l'insérer au bon endroit dans la page.

Commencez par copier le script dans le Presse-papiers :

"



Retour à la sous-rubrique :
  • Dreamweaver

  • Autres publications de la sous-rubrique :
  • 01) Présentation du logiciel
  • 02) Animez vos calques
  • 03) Les Frames (cadres)
  • 04) Les modeles
  • 06) Creez une mailing list
  • 07) Menus deroulants dynamiques graphiques
  • 08) Le RollOver
  • 09) Inserez de la musique
  • 10) Triez un tableau
  • 11) Les styles HTML
  • 12) Les menus deroulants
  • 13 ) Le RollOver a distance
  • 14) Explications supplementaires
  • 16) Les nouvelles fonctions de Dreamweaver Mx
  • Ce site a été construit avec NPDS
    admin