10-01-07

Tutorial : Creer un mini site web full flash

CREER UN MINISITE WEB EN FLASH (niveau TRES debutant )

EDIT: AVANT DE COMMENCER IL EST PREFERABLE QUE VOUS VOUS RENDIEZ SUR MON NOUVEAU BLOG OU J'AI REMIS CE TUTO ET AMELIORER LE FORMATAGE POUR QU'IL SOIT PLUS AGREABLE A LA LECTURE .. IL SE PEUT QUE CERTAINES ETAPES SOIENT AUSSI PLUS CLAIR , MERCI A TOUS. VOUS LE TROUVERZ ICI http://hkgraphicdesign.jp/wordpress/?p=6

HI tout le monde , aujourd’hui j’ai decide de creer ce tutorial, qui, je l’espere vous aidera a comprendre les bases
d’un site en flash (la base de la base) .Ayant moi meme eu du mal a, mes debuts, a comprendre comment faire un
site sur flash et perdu du temps a fouiner un peu partout des tutorials ,qui, finalement ne m’ont jamais explique ce
que je voulais savoir , je me suis dit que ca pourrait etre une bonne idee de faire partager ,a ceux qui peinent avec
cet outil qui est flash , mon petit savoir (Reelement sans aucune pretention ).

Mais commencons , je vous sens impatient ....

1.DEFINIR LES DIMENSIONS DE LA PAGE
Deja ouvrez une nouvelle page  ( Ctrl+N ) sur flash, nous allons dans un premier temps changer le format de la
page ... Pour ce faire double cliquer sur le petit 12.0fps en dessous de la ligne de temps(timeline)...                                                f1

Une nouvelle fenetre s’ouvre alors avec plusieurs options dont le format de la page ...La valeur par defaut etant
les valeurs de l’image ci dessous..
550 par 400

f2

Changer les pour une valeur de 640 et 480 dans un premier temps , sachant de toute facon qu’il est possible a tout
moment de changer ces donnees , mais il est quand meme preferable de choisir une dimension des le debut car une
fois tous les elements mis en place sur notre scene , le fait de redimensionner la page , oblige a repositionner tous
les elements ... donc de preference choisissez une taille des le debut ...
Note: les dimensions de pages les plus courantes sont le 1024 par 768 et le 800 par 600 , mais dans cet exemple,
n’ayant pas trop de contenu, je me limiterai a cette dimension pour des raisons de facilite de mise en page.
Ok on a change la taille de l’espace de travail que l’on appelle aussi la scene.

2.Definissons notre site ....
Oui, etape O combien importante  ,definir ce que l’on veut , prenez l’habitude de travailler ORGANISER vous
gagnerez , du temps  et des soucis en moins!!
Donc ,ici, je decide de faire un site avec 4 pages et 4 boutons qui menent a ces pages , avec tous ce que ca comporte
de fioritures esthetiques et graphiques ...
Donc admettons , je desire un bandeau avec le nom de mon site et un bandeau pour le menu ,pour ce qui est de
l’esthetique ...Ayant preparer ceci a l’avance sur un logiciel de dessin te que photoshop et sauvegarder sous la forme
JPEG (ou PNG ou GIF aussi le PNG est pratique pour gerer les elements transparents) je les importes dans ma
librairie flash (fichier >importer>importez dans la librairie)

f3

Note : j’ai une version en anglais de flash donc excuser les mauvaises traduction en francais...
A partir de la tout commence...

3.Etablissement et mise en page des elements
Placons nos elements graphiques sur la scene par un simple “drag and drop” (glisser-deposer) depuis la librairie...
et renommons dans la timeline notre calque ou sont posez nos elements par exemple “graphics”

f4

Nos elements mis en place (ou a peu pres ) histoire d’avoir une petite approche de la mise en page ....
donc en dessous de notre bandeau menu ira logiquement le menu et en dessous de l’autre bandeau , le contenu de
notre O combien merveilleux site ...(je vous sens nerveux la )...Continuons le plus difficle est a venir !!
Note:J’ai choisi comme couleur de fond la meme couleurs que celle de mes elements (dans le panneau ou l’on a
change les doimension precedemment)

4.Creons nos boutons a nous
Creons donc , dans la joie et le stress de l’incomprehension...

Ce qui est bien dans Flash c’est qu’il nous propose tres simplement de creer des boutons avec juste les cases a
remplir , donc pour se faire , aller dans le menu inserer , nouveau symbol , cocher la case bouton et nommer le
“bouton1”

f5

Puis cliquer sur “ok”

Vous devez arriver a une page vierge avec dans la timeline 4 frames (les cases ) nommes respectivement
UP/ OVER/ DOWN/ HIT
Petite explication: ces 4 cases representent les status des boutons en fonction de la souris , plus simplement quand
vous etes au dessus du boutons avec votre souris celui ci reagit et change d’apparence pareil que quand vous lui
cliquer dessus. donc UP c’est quand il est normal , OVER quand la souris est au dessus ,DOWN quand vous lui
cliquer dessus et HIT definit la zone cliquable .

f6

Donc a partir de la ,cliquer sur la premiere frame elle doit apparaitre en noir, avec l’outil texte , ecrivez BOUTON1 sur
la scene...

f7

NOTE:Avez vour remarquez que notre bouton etait apparut dans la librairie?? cela nous permettra par la suite de le
positionner de la meme facon que nos elements graphiques.

puis, toujours avec la frame 1 selectionnee appuyer 3 fois sur F6 , comme vous
avez put le constater de nouvelles frames , que l’on appelle keyframe (frames cle) viennent de se creer , j’expliquerai
plus tard le pourquoi du comment d’une keyframe, sachez juste que celle ci permet de differencier une frame d’une
autre dans son contenu .Ces keyframes sont en realites l’exact copie de la frame1 , pour mieux comprendre cliquer
sur les differentes frames..vous ne voyez rien changer sur la scene , maintenant selectionner la frame 2 ou OVER
et changer par exemple la couleur du texte...

f8

Maintenant selectionnez les autres frames vous verrez que seule la frame OVER est desormais differente ce qui
signifie que le bouton aura cette apparence quand la souris sera au dessus du bouton. , selectionner la frame HIT
puis creer un cadre avec l’outil rectangle (en dessous de l’outil texte sur le menu de gauche) par dessus le texte BOUTON1 peut importe que l’on ne le voit plus ou non il est juste tres important          
de bien l’englober dans le cadre (peut importe la couleur choisis ) de toute facons
cet etat ne sera pas visible , il sert juste a definir la zone cliquable , si vous ne faites
pas ca votre souris devra passer exactement sur le trait du texte pour que le bouton
soit cliquable ... c’est un truc galere quand vous surfez et vous tombez sur des
boutons a la zone cliquable mal definit!!
Faites ce que vous desirer pour l’etat DOWN ,changement de couleur ou de taille,
je decide de le laisser comme tel !

f9

Voila notre bouton est fini il ne vous reste plus qu’a recommencer pour les 3 autres boutons cliquer sur l’icone
“scene1” a cote de “bouton1”.en haut de votre timeline et vous voila revenu dans la scene principale ..
Ensuite meme procedure que precedemment pour la creation du bouton avec des noms differents BOUTON2,
BOUTON3 ,BOUTON4...j’attend que vous finissiez pour passer a la suite.....

ZZZZZZZZZ ca y ait? ok la  suite...

5.Placons nos boutons
Donc vous avez dans votre librairie 2 elements gaphique et 4 boutons pas plus pas moins ...
Nous allons les placer sur la scene comme nous avons fait pour les bandeaux par simple “glisser-deposer”,
CEPENDANT avant toute chose, vous aller creer un nouveau calque dans la timeline que vous nommerez “boutons”
et avec ce calque selectionne , depose vos boutons sur la scene .. peut importe si ils sont en desordre sur la scene
on va les reorganiser!!

f10

Ok, selectionnez maintenant vos 4 boutons (ou cliquer juste sur la frame contenant les boutons) et dans le menu
“aligner et info et transformer” choisissez aligner par le centre (image1) puis distribuer verticalement par le centre
(image2) . Bon ici ils ne sont pas dans l’ordre et ils sont beaucoup trop serrer , espacez les un peu remettez les dans
l’ordre et recommencez l’operation...

f11         f12

....afin d’obtenir a peu pres ceci f13 Ca prend forme!! 

6.Scripts et contenu

OULA du script OULALA , ca va aller vous verrez c’est pas plus compliquer qu’un lecteur CD
Donc nos 4 boutons place sur la scene , nos graphiques etant en place , que nous manque t’il ? ben le contenu !!
C’est la que l’on va devoir utiliser du script ...rien de bien complexe la fonction “stop” et “go to ”   , mais avant ca
on va preparer le terrain, nous avons donc 4 pages , nous allons donc dans un premier temps creer 4 frames cles
dans la timeline sur un nouveau calque que l’on va nommer contenu , pour ce faire faites un clique droit sur la frame 5
puis cliquer sur “inserer frames” ...

t1

Ced que je desire maintenant c’est que chaque frame soit egal a une page donc differentes l’une de l’autre un peu
a la maniere des etats de notre boutons OVER DOWN etc... Pour ce fair nous avons besoins de creer des frames cle
Pourquoi “cle” ,les frames cle , sont la en fait pour definir une action , un changement une frame cle indique
qu’a un moment precis du temps un changement ou une action s’opere .Vous comprendrez mieux par la suite du tuto!
Selectionnez la frame 1 puis en maintenant la touche “SHIFT” selectionnez la frame 5 comme dans l‘image qui suit.

Puis avec le click droit sur la selection cliquer sur “convertir en frames cle”
Hop vous avez vu tout vos frames sont cloisonnees... vous venez de creer
des frames cles et c’est deja pas mal ...                                                

                                                                                                              t2

Nous allons nommez nos frames pour pas nou perdre, pour ce faire selectionnez la premiere frame , dans le panneau
de proprietes (en bas)  tapez menu , si tout a ete fait correctement un petit drapeau s’inscrit dans la frame 1
(voir sur limage ci-dessous les 3 etapes)

t3

Et faites de meme pour les autres frames , frame2 ecrivez y contenu1 , frame3/contenu2, frame4/contenu3 et
frame5/contenu4 ,4 contenu pour 4 pages...
jusqu’a la tout va !! rien de bien complexe pour ceux qui sont encore eveille

Peut etre aurez vous remarque que votre fond(bandeau et boutons) disparait des lors que vous sortez de la frame 1
C’est simple regardez dans votre timeline vos boutons et vos bandeaux n’apparaissent qu’en frame 1 , pour remedier
a ca sur le calque des boutons , clique droit sur la frame5 et “inserer frames” et pareil pour le calque des bandeaux.
Vous devez avoir ca normalement ..si non ben ya un truc que vous avez rate!!
t4

Passons au script maintenant !! haha he oui faut y passer sinon on peut rien faire , mais pas d’inquietudes les gens
de chez macromedia (adobe) font tout pour vous faciliter la tache !!!
Pour ce faire ouvrez le panneau “actions” puis “global functions” (fonctions globales) et “timeline control” (controle de
la ligne de temps) voir ci-dessous.

t5

Alors qu’est ce qu’on a ? pour simplifier , a gauche la liste des action possibles et a droite la ou elles s’affichent une
fois selectionner...
Bref , selectionner la frame 1 et dans le panneau d’action double cliquer sur stop et faites ainsi pour tout les frames
cles du calque “contenu” selectionner une par une et assignez leur un “stop” . Quand vous cliquer sur une frame du
calque contenu vous devez avoir ca ! (un petit “a” comme “action” doit apparaitre dans chaque frames)

t6

Bon ben tres bien tout ca , c’est presque la fin la!!
Bon en gros l’action stop comme vous l’imaginez sert a stoppez comme un lecteur de casettes le bouton stop ,
arrete la lecture mais reste la ou il s’est arrete (un lecteur cd fonctionne diferemment) pareil ici .
Donc on a des boutons, des frames pour les contenus (encore vierge) et nous faut juste faire le pont entre les 2 , dire
que 1 bouton, une fois clique nous emmenera a la frame qu’pon va lui designer...donc par exemple
“bouton1” va a “contenu1” pas dur dans la theorie mais dans la pratique???? comme dit precedemment FACILE!!

Selectionner UN bouton (pas la frame cette fois, mais bien  le bouton sur la scene) par exemple le bouton1 ok?
Ouvrez si ce n’est fait le panneau “behaviors” (je sais pas la traduction en francais regarder l’image ci dessous pour
voir si ca correspond sinon le raccourcis clavier est SHIFT+F3)

t7 

puis cliquer sur le petit “+” aller a “movieclip” puis selectionner
le “go to frame or label” (aller a la frame ou label).
Une nouvelle fenetre vient de s’ouvrir vous demandant a quel
frame ou label desirez vous aller (par defaut il est ecrit 1)
Tapez “contenu1” , vous avez devinez pourquoi?

Precedemment nous avons nomme toutes nos frames contenu 1,2,3,4 et “menu”(mais ce dernier n’a  pas
d’importance maintenant) et donc nous demandons juste par cette action au boutons de se deplacer a la frame
nommer “contenu1”
Donc faites de meme , en selectionnant le bouton2 >operation precedente>contenu2 etc.... ce qui fait que tous les
boutons sont relies a leur contenu....si vous ouvrez
le panneau d’action en ayant selectionne un bouton
vous y verrez apparaitre ce code ...

t8

Bien Bien ,ben c’est fini ..comment ca non , arf oui c’est vrai le plus facile reste a faire....

7.Finaliser le tout

Bien bien , vous avez survecu ? (quand j’ai commence le tuto je pensais pas que ce serait si gros ,
mais bon faut ce qui faut)..

Aller on termine tout ca proprement ...
Donc comme je disais le plus facile reste a faire..nos bouton renvoient a des pages (encore vierges) et tout ca
sans problemes....reste a remplir ces pages .
Creons un nouveau calque bon on va vous faire prendre les bonnes habitudes tout de suite , renommer le calque
“contenu” en “AS” ce qui signifie “ActionScript”  puisque ce calque ne contient que ca ....et nommons notre nouveau
calque ... ben “contenu” justement (dans un premier temps il etait bien d’avoir nomme notre calque contenu puis que
les frames se nommait comme tel , c’etait facile de faire le repprochement , maintenant que vous avez compris que
il n’y avait que du script on le renomme en “AS” pour faciliter les futurs eventuelles modifications)

Note : le script des boutons est associes a ces dernier et non pas a une frame si vous le cherchez cliquer sur un
boutons et non pas la frame des boutons

Donc nous avons un nouveau calque , ou un futur contenu y pointera le bout du nez ...
Pour cela on a besoin de creer des frames cle (oui encore) comme fait precedemment (selectionnez toutes les
frames ,clique droit , et “inserer frames cles” ,vous devez obtenir ceci

t9

Donc  maintenant ajoutons du contenu , selectionner la frame2 , tracez un cadre qui definira votre zone ou placer
vos elements.

t10

cliquer sur votre frame et faites CTRL+C (copier) et sur les autres frames encore vierge faites SHIFT+CTRL+V
(coller au meme emplacement ) sur toutes les frames du calque “contenu” (sauf la frame “menu” bien sur)

A partir de la vous pouvez y placer du texte et des images .Pourquoi avoir reproduit sur tous les calques les
meme emplacements ? Pour une coherence graphique !! si vous passez d’une page a une autre et que votre texte
se retrouve decale par rapport a la page precedente ca fait tout de suite un peu brouillon ( si ce n’est pas maitriser)
La du coup vous avez tout  bien ordonne , vous avez l’emplacement pour y mettre ce que vous desirez, n’hesiter pas
a utiliser des guides aussi qui vous permettrons de caler vos element ou textes au meme endroit que les pages
precedentes....les guides n’apparaissent pas lors du rendu final!!
t11
Une fois qu vous avez bien fait toutes vos pages  faites CTRL+ENTRE pour ainsi visualiser votre site comme si il
etait sur la toile!!!

Si vous desirez le publier sur internet sauvegardez votre fichier sous le nom de index et faites “publier” !!
Dans le repertoire dans lequel vous venez de sauvegardez votre fichier ,doit apparaitre 3fichiers.
Le index.fla qui est le fichier source sur lequel vous travaillez , le index.swf qui est le fichier compresse du fichier
d’origine et qui ne peut etre que lut , et le index.html qui est le fichier qui va appeler votre fichier index.swf, donc
si vous desirez l’uplpader sur un serveur, uploader le fichier index.html et index.swf seulement.

t12

SI vous n’avez pas de fichier index.html aller dans les option de publications dans Flash et verifier que
la case html est bien coche ..et cliquer sur “publier”!!   

Voila vous voila fin pret pour faire votre propre site !!

Petits conseil :
1.eviter de retrecir et agrandir vos images importe
avec flash , essayer de les faire directement de la bonne
dimension ca sera plus propre!!
2.N’hesiter pas a creer plusieurs calques , nommez les ca
ne fera rien que vous evitez de cherchez des heures
3.Je ne l’ai pas dit mais N’OUBLIEZ PAS DE SAUVEGARDER
EN COURS
4.Vous pouvez essayer de deplacer vos boutons n’importe ou
du moment que vous ne touchez pas a son script il fera toujour s
effet de la meme maniere !!
5.Vous pouvez bien sur placer des images a la place d’un texte
pour les etats des boutons .

Pour finir: Bravo pour etre arriver jusqu’a la je ne recapitule pas
tout ce que vous avez apris mais ca fait pas mal de choses
pour avoir de bonnes petites bases!!!

Voila bon courage

Posté par Asahi à 11:45 - - Commentaires [96] - Permalien [#]
Tags : , , , ,


Commentaires sur Tutorial : Creer un mini site web full flash

    Oula je repassse pas souvent ici !!

    @fangstergangsta> j'ai pas tout saisi , mais il faut pas faire un cadre ..un rectangle PLEIN sur le statut "HIT"

    @Swissard , pour mettre une anime entre les 2 pages ben tu met ton anim entre 2 frames correspondantes a des pages ex

    Frame1(avec un stop)> animation > Frame2 (avec un stop) tes boutons plutot que d'etre diriger a la frame 2 directement vont devoir etre diriger a la premier frame de l'animation ... ca jouera l'anim jusqu'a arriver a la page ou il y a un stop !!

    voila de toute faco en reflechissant un peu vous devriez vite fais avoir la reponse!!

    Posté par Asahi, 17-02-09 à 17:30 | | Répondre
  • pour la galerie ... heu sois tu en pred une toute faite sois tu te l afais et dans ce cas la utilise la fonction Load movie qui allegera grandement ton site !!

    Posté par Asahi, 17-02-09 à 17:33 | | Répondre
  • télécharger fichier pdf

    Merci infiniment pour ce tuto qui est d'une clareté limpide... et très drôle!!!
    Il en faudrait plus des comme toi!
    J'ai une question, si tu peux m'éclairer, ce serait cool: j'ai créé un bouton, et je veux qu'il permette de télécharger un fichier pdf... Sais-tu comment faire? Mon flash est aussi en Anglais, et c'est pas évident! lol
    Merci pour tout, en tous cas!!!

    Posté par Andre, 07-03-09 à 03:31 | | Répondre
  • télécharger fichier pdf

    Merci infiniment pour ce tuto qui est d'une clareté limpide... et très drôle!!!
    Il en faudrait plus des comme toi!
    J'ai une question, si tu peux m'éclairer, ce serait cool: j'ai créé un bouton, et je veux qu'il permette de télécharger un fichier pdf... Sais-tu comment faire? Mon flash est aussi en Anglais, et c'est pas évident! lol
    Merci pour tout, en tous cas!!!

    Posté par Andre, 07-03-09 à 05:11 | | Répondre
  • oups!
    my mistake: c'est getURL ("...")
    on le trouve par tout, en plus! lol
    Merci encore!
    A quand un autre petit tuto Flash pour gros nazes comme moi?

    Posté par Andre, 07-03-09 à 06:29 | | Répondre
  • je ne trouve pas global functions?help!

    Posté par leo, 10-03-09 à 06:25 | | Répondre
  • bon j'ai "trouvé" mais je suis allé jusqu'a la fin et sa marche pas je sais pas ou je m'suis tromper

    Posté par leo, 11-03-09 à 03:57 | | Répondre
  • merci

    trop bon ton tuto !! Merci à toi d'avoir fait circuler l'info !!

    Posté par allein, 01-04-09 à 11:03 | | Répondre
  • Bravo

    Merci beaucoup pour ce tuto ! il y en a un bon paquet sur le net mais c'est le seul de compréhensible pour un débutant, encore merci!

    Posté par coincoin38, 06-04-09 à 21:09 | | Répondre
  • Genial

    Merci merci merciiiiiiiiiiiiiii!!!!!

    Posté par CleO, 09-04-09 à 23:56 | | Répondre
  • Merci pour votre aide

    Merci et mille merci c'est grace à vous qu'on peut toucher la valeur de l'internet votre exemple est efficace et il nous facilite la vie merci une autre fois.

    Posté par Titou, 10-04-09 à 17:01 | | Répondre
  • Great

    Very great tutorial about flash ADOBE ©
    I had tried and Congratulations !

    Posté par Anonymous, 07-05-09 à 04:45 | | Répondre
  • Mercii!! (+question)

    Bon evidement je souhaite tout d'abord feliciter ce genialissime tuto qui sauvera probablement mes etudes... lol

    jai juste une question, qui paraitra peut-etre un peu bete, mais bon je comprend rien a flash alor autant me lancer :
    est ce que les codes donnés fonctionnent en AS3?

    merciiiiiiii

    Posté par Absinthe, 21-05-09 à 17:38 | | Répondre
  • super tuto!!mais.....

    ola bonjours!
    déjà merci pour se super tuto merci vraiment!!
    bien j ai un petit souci,je pense que j ai du faire une erreur dans la dernière partie!!
    j explique,après avoir fait sa!!
    "cliquer sur votre frame et faites CTRL+C (copier) et sur les autres frames encore vierge faites SHIFT+CTRL+V
    (coller au meme emplacement ) sur toutes les frames du calque “contenu” (sauf la frame “menu” bien sur)"
    je commence a remplir mètre du texte par exemple...je teste sa!
    et en fait quand je clique sur le premier bouton c est ok mais si je fait 2 clique au bouton no2!il m apparait le texte du 1er bouton!!!
    j ai été clair?!si quelqu'un un a comprit se que j essai de direse serait gentil de m aider!!svp!!
    car j ai tous recommencer 2 fois c est toujours pareille!!!je comprend je doit zapper un truc!!
    merci++

    Posté par agui, 05-06-09 à 20:47 | | Répondre
  • Merci pour ce tuto je vous reécrirez pour la suite

    Posté par Samtouch, 10-06-09 à 23:23 | | Répondre
  • MERCI BEAUCOUP

    salut ,
    Merci beaucoup pour ce tuto sa fait un bay que je voulez me lancer dans la création de mon site en flash et j'avais pas tout compris comment m'y prendre à force de lire et de regarder plein de tutos qui expliquez soit des choses différente sois à moitié .
    Avec le tiens on fait de A à Z et grace au explication que tu donne c'est très claire .
    Merci encore .
    Je te donnerai l'adresse de mon site dés qu'il sera fait et mis en ligne .

    Romain PATARD
    Réalisateur, Cadreur, Chef Opérateur,
    Post-producteur, monteur...

    http://romainpatard.skyblog.com
    http://www.vestaprod.com

    Contact 24/7:
    Videofx@live.fr
    06.45.60.21.01

    Posté par videofx, 19-06-09 à 21:13 | | Répondre
  • Bravo continu comme sa

    Super boulot, j'ai jamais fait de site flash de ma vie. Je touche que à php/mysql, html et défois sa m'arrive de touché aussi a javascript grace a ton tutoriel du moins surtout au lien à ouvrir dans une autre frame qui ma bien aidé^^, j'ai pu realisez un site pour un pote qui fait de la musique ^^

    Posté par dedeadox, 14-08-09 à 08:30 | | Répondre
  • TROP COOL

    J'ai bien apprécié ton petit cours. C'est très bien continue comme ça.

    Posté par Funzzy, 22-09-09 à 17:12 | | Répondre
  • CHAPEAU BAS

    Simplicité, efficacité, et ludique par dessus le marché...
    J'apprends le flash par simple curiosité, et j'avoue que tu donne envie de tenter l'expérience.

    Grand bravo pour ce tuto

    Posté par Loic, 01-10-09 à 05:27 | | Répondre
  • AIIDEEE

    Bonjour, je n'arrive pas à trouver la traduction de behaviors, svp ???

    Posté par Nyko, 19-11-09 à 04:22 | | Répondre
  • Merci

    Bon tutoriel pour une prise en main du logiciel et un apprentissage des bases... Avec ça on peut aller loin !
    On regrettera sans doute le manque de rigueur sur l'orthographe

    Posté par Brewal, 05-01-10 à 08:17 | | Répondre
  • MERCI, BRAVO, MERCI.

    Je me suis fermé au flash depuis que j'ai commencé a toucher au webdesign et à la prog parce que tout les tuto que j'ai pu voir m'ont dégoutés.
    Aujourd'hui, je décide de me lancer et de m'y mettre et grace a toi, c'est enfin possible.
    Très joli tuto, assez explicite et bien dirigé vers ce qui m'intéresse !
    Merci !
    Et bonne continuation.

    Larry

    Posté par Larry, 12-01-10 à 08:03 | | Répondre
  • AS3

    Salut tout le monde,
    j'ai un soucis... mon projet est en AS3 et j'ai l'impression que votre tuto correspond pour de l'AS2, malheureusement je ne trouve pas l'équivalent pour l'AS3...

    Quelqu'un à un lien ou une solution à ma proposer ?

    Mon erreur à la compilation:

    "1087: Erreur de syntaxe : caractères excédentaires détectés après la fin du programme. on (release) {"

    Merci

    Posté par Anty, 31-01-10 à 02:40 | | Répondre
  • AS3

    Salut tout le monde,
    j'ai un soucis... mon projet est en AS3 et j'ai l'impression que votre tuto correspond pour de l'AS2, malheureusement je ne trouve pas l'équivalent pour l'AS3...

    Quelqu'un à un lien ou une solution à ma proposer ?

    Mon erreur à la compilation:

    "1087: Erreur de syntaxe : caractères excédentaires détectés après la fin du programme. on (release) {"

    Merci

    Posté par Anty, 31-01-10 à 03:56 | | Répondre
  • C'est du bon !!!

    J'ai beaucoup aime le tuto... Merci

    Posté par Pablo Escobar, 11-03-10 à 19:12 | | Répondre
  • A sur 20

    Merci énormément pour ce tuto, la mise en page ne facilite pas la lecture mais j'ai réussi à faire mon petit site, après quelque bidouille j'espère pouvoir faire un petit book pour toutes mes créa. (mais ça on s'en branle totalement).
    Merci encore, si seulement tout les tutos étaient comme le tien
    Bonne continuation à toi !

    Posté par shibitokuro, 13-04-10 à 23:22 | | Répondre
  • waage dit MERCI

    merci...et puis c'est tout.

    Posté par waage, 15-05-10 à 08:28 | | Répondre
  • UN GRAND MERCI

    un grand merci, car tu es un des rares à expliquer comment faire les liens entre chaque onglet.
    Les autres tutos se contentent de montrer des astuces ou des actions sur des objets, mais aucun n'explique les bases fondamentales pour creer et faire vivre le site.
    Un grand merci, car j'avais commencé à faire mon site en actionscript 3 mais vu le nombre de lien, je pense que j'y aurais passé des mois.
    merci, merci, et encore merci!!!!

    Posté par trustmahori, 17-05-10 à 23:05 | | Répondre
  • Version AS3

    /* Cliquer pour atteindre l’image et arrêter la lecture
    Cliquez sur l'occurrence de symbole spécifiée pour déplacer la tête de lecture vers l'image sélectionnée dans le scénario et arrêter l'animation.
    Ce code peut être utilisé sur le scénario principal ou sur les scénarios des clips.

    Instructions :
    1. Dans le code ci-dessous, remplacez le chiffre 5 par le numéro de l'image vers laquelle vous souhaitez que la tête de lecture se déplace lorsque vous cliquez sur l'occurrence de symbole.
    */

    button_1.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_2);

    function fl_ClickToGoToAndStopAtFrame_2(event:MouseEvent):void
    {
    gotoAndStop(5);
    }
    = code du "go to and stop" quand on clique sur le bouton en AS3 (peut etre remplacé par gotoandPlay)

    Posté par Livi4, 22-05-10 à 23:01 | | Répondre
  • lien capricieux

    Bonjour,

    Apparemment ton tuto a l'aire super, mais moi, je n'arrive pas a l'ouvrir

    Posté par Hayden, 16-06-10 à 01:08 | | Répondre
  • image qui tremble

    moi j'ai un probleme dans la derniere partie quand je fait l'aperçu du site avec shift+entrer mes page clignote jusqu'as ce que je clique sur le bouton attribuer !!
    à tu la solution? ou quelqu'un d'autre

    Posté par stivo, 04-07-10 à 04:47 | | Répondre
  • sos

    Voila alors j'ai suivi au mieux toute les etapes mais le resultat final n'y est pas :

    mes contenut cligontent et j'ai beau cliquer sur les boutons ils ne s'arretent pas.

    j'ai comme message :

    Unknown error ID #1213
    etL’instruction doit apparaître dans le gestionnaire on

    le zones de trouble dans le tuto:

    Au moment ou tu demande d'aafecter des fonctios aux boutons par go to frame or label, je ne trouve pas cela dans mon menu cs3 en fr donc j'ai remplacé directement en fesant clique droit sur chaque boutons et j'ai copié le code :
    on (release) {

    //Movieclip GotoAndPlay Behavior
    this.gotoAndPlay("1");
    //End Behavior

    }

    Au moment de creer le calque contenu et au moment ou l'on renomme l'ancien calque contenu "as" sinon j'ai tout fait correctement je pense

    Merci de répondre si c'est possible
    c'est le troisième tuto que j'essaye et il faut avouer que celui çi est beaucoup plus compréhensible que les autres que je n'ai pas pu finir.

    Posté par seya, 16-08-10 à 01:10 | | Répondre
  • prbleme d'application

    bonjour
    j'ai suivi toute les étapes mais le résultat final n'y est pas :
    1èrement le panneau “behaviors” est désactivé, quand je clique sur le petit “+” j'ai comme message : cette fonctionnalité n'est pas prise en charge par action script 3.0 pour l'utiliser vous devez cibler action script 1.0-2.0
    donc j'ai remplacé directement en fesant clique droit sur chaque boutons et j'ai copié le code :

    on (release) {
    //Movieclip GotoAndPlay Behavior
    this.gotoAndPlay("contenu1");
    //End Behavio

    puis jé fini les derniers étapes mais quand je clique sur contrôle+entrée les boutons ne fonctionne plus en plus j'ai reçu un message d'erreur : erreurs de compilation -8 signalée.

    Merci de répondre si c'est possible

    Posté par moona, 03-09-10 à 01:09 | | Répondre
  • logo design blog

    I reading your blog today It was very interesting and informative.

    Posté par logo design blog, 13-10-10 à 01:34 | | Répondre
  • aidez moi

    bravo pour le tutorial mais plz aidez moi de faire un petit site web en flash dont le sujet est la mode (tous ce qui est vétements,chaussures,bijoux)...plz je n'est pas comprie comment le faire et j'ai besoin de me idées et merci d'avances

    Posté par mannou21, 03-11-10 à 21:21 | | Répondre
  • Merciii tu m'as aidé

    Bravooooooo
    SUPEEEEEEEEEEEEEER Tuto
    I like it

    Posté par nounou, 04-11-10 à 01:01 | | Répondre
  • Merci 1000 fois

    Un excellent tutoriel, plus que cela ; le meilleur !
    Merci et bonne continuation...

    En revanche j'ai un soucis après ! je ne trouve pas de tuto aussi clair pour choisir un hébergeur gratuit et mettre le site en ligne ! vous avez une idée ?

    encore merci

    Posté par annefd, 05-11-10 à 00:39 | | Répondre
  • BRAVO CHAMPION

    Super tuto...
    Ca faisait des journées entières que je galerais et là tout est réglé en une heure. Très clair.
    Merci.

    Posté par Matthieu, 10-12-10 à 03:14 | | Répondre
  • UnENORME merci

    Je te remercie car je connais la technologie grâce aux forum mais je ne savais l'appliquer grâce a toi c'est chose faite.

    je ferais un tuto comme toi sur le flash avec le site en flash!!! dès qu'il sera ok je reviendrais déposer l'url!

    bye et merci encore

    ps : la boite mail fonctionne malgré son nom.

    Posté par kévin 83150, 10-02-11 à 06:16 | | Répondre
  • bravo

    bravo bravo etbravo ca fat du bien de voir un tuto de cette qualité. Je te conseille de continuer dans ce domaine et d'approfondir tout ca. Merci encore.

    Posté par G fonk, 04-03-11 à 16:43 | | Répondre
  • merciii beaucoup

    Posté par houcine, 09-03-11 à 20:06 | | Répondre
  • Merci à toi

    Franchement tu as été au plus simple et c'est super bien expliqué ! Tu as visiblement aidés beaucoup de monde et c'est cool !

    Voila mon site au final en Full Flash, parti de rien et voila : Merci

    http://arnoult-guillaume.eu/

    Un petit porfolio FULL FLASH - son, vidéo, graphisme !

    Posté par Arnoult Guillaum, 16-03-11 à 06:43 | | Répondre
  • question personnel

    bonjour je viens de postuler pour une formation en webdesign j'ai demandé a faire une formation unitiale car j'ai des connaissances qu'aux logiciels graphisme genre ullistrator indesign photoshop etc
    j'ai passé le concours de l'école j'ai été accepter mais avant de signer le contrat je dois faire un devoir et le renvoyé par mail au responsable de formation le devoir consiste a faire 2TUTOS
    1SUR FLASH ET 1SUR DREMWEAVER
    POUR FLASH IL A MIS ENTRE PARENTHÈSES (anim.surf)
    pour dream(html)
    le problème cest que j'ai jamais utilisé ces 2logiciel je comprend meme pas l'exercice
    pour flash je pense comprendre un tout pti peu pour moi cest faire un objet animé
    et dream je comprend pas du tout
    je voudrais que vous m'aidiez a comprendre mieux svp j'ai besoin de vous merci cordialement

    Posté par dooms, 21-03-11 à 19:48 | | Répondre
  • Réponse perso.

    Va voir sur http://arnoult-guillaume.eu/ ce qu'il est possible de faire avec ce logiciel et contact en particulier une personne ou poste sur le forum du Zero, nous te répondrons rapidement !

    Posté par arnoult guillaum, 21-03-11 à 21:19 | | Répondre
  • c'est agréable de tomber sur des gens qui prenne le temps d'expliquer ce genre de chose merci à toi pour ton tuto formidable!!!!!!!

    Posté par moooo, 30-05-12 à 02:27 | | Répondre
  • Modifier Template flash

    Salut svp j'ai vraiment besoin d'un tutoriel pour les debutants pour ke je puisse modifier un template flash ke j'ai télécharger gratuitement répondez moi svp c très très urgent

    Posté par Tazelmatte, 08-07-12 à 20:31 | | Répondre
« Premier   1  2 
Nouveau commentaire