Tout Sur l'Informatique & Blabla -TSI


AccueilAccueil  PortailPortail  Partenaires  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Navigation
Derniers sujets
» Présentation et recherche
Jeu 19 Mar - 2:23 par Error

» Error, pour vous servir !
Jeu 5 Mar - 0:35 par Error

» Call of Duty
Ven 24 Oct - 3:06 par DarkVatorica

» [Html] Les codes pour donner des effets sur le texte
Sam 21 Juin - 13:29 par Dada

» Présentation de Dada
Sam 21 Juin - 13:27 par Dada

» Rot68
Mar 3 Déc - 9:39 par Rot68

Qui est en ligne ?
Il y a en tout 3 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 3 Invités :: 1 Moteur de recherche

Aucun

Le record du nombre d'utilisateurs en ligne est de 48 le Mer 11 Sep - 21:35

Sujet : « [Création] Créez votre affiche interactive : »

Rafraichir
 turpin01 Voir le profil de l'utilisateur Dim 23 Aoû - 11:46
Dans ce Tutos nous allons voir comment créer une affiche interactive !!!
(Ne vosu laisser pas abbatre par le pavé c'est juste que j'ai vraiment tout détaillé Laughing)

1/ AVANT DE COMMENCER :

Tout se passe sur le site sproutbuilder.com/ qui est en anglais. Appuyez sur le bouton « Get started » puis sur « Starting building now ». Dans la fenêtre “Create New Project ”, sélectionnez “Blank Slate” pour commencer sur une page vierge. Puis, à côté de « Title », donnez un titre à votre projet.

Pour que l’affiche soit de petites dimensions et facile à insérer sur votre site, choisisez « Défalt size » face à « Canvas size ». Enfin cliquez sur « Create project »


2/ OUVRIR UN COMPTE :

Pour créer et enregistrer une affiche, il faut d’abord ouvrir un compte. Cliquez sur « Register my account » en haut a droite de la page. Inscrivez ensuite vos coordonnées et finissez par cocher la case « I agree » puis cliquer sur « Create account ».

Sur la page suivante, on vous demande d’écrire un code face à « Entercode ». Recopiez celui que le site vient de vous envoyer par courriel. Cliquez sur « Confirm account », puis sur « Continue Building »


3/ L’ESPACE DE TRAVAIL :

« Tools » : Dessiner et écrire des textes.
« Components » : ajouter des boutons et des vidéos.
« Pages » : offre la possibilité de créer d’autres pages en liens avec l’affiche.
« History » : enregistre toutes les étapes de votre création (possibilité de revenir en arrière te de corriger les erreurs).


4/ PHOTOS/IMAGES :

Pour commencer, on va placer une photo sur l’affiche. Cliquer sur l’onglet « Assets » en haut à droite, puis sur « Add assets » et sur « Browse ». Indiquez alors l’emplacement de l’image sur votre ordinateur, puis cliquez sur « Add assets ».

L’image apparaît sur la fenêtre. Cliquez alors en bas dans la fenêtre « Pages » sur l’onglet « Master Pages ». Puis dans la fenêtre « Components », sélectionnez « Media » puis « Image ». Un espace « Image » apparaît alors sur votre affiche. Vous allez y placer l’image que vous avez ajoutée dans « Assets ». Pour cela, cliquez sur « Assests, puis sur votre image, jusqu’à la faire glisser dans l’affiche.


5/ FOND :

Dans la fenêtre « Pages », sous l’onglet « Master Pages », sélectionnez « Background » pour créer le fond de l’affiche. Cliquez sur ensuite dans le carré a côté de « Fill ». On peut alors obtenir un dégradé de couleurs. Dans la fenêtre qui s’ouvre, indiquez une couleur, puis cliquez sur « Apply ». A côté de « to », cliquez sur le 2ème carré, et sélectionnez une seconde couleur, puis sur « Apply ». Le site crée automatiquement un dégradé entre les 2 couleurs.


6/ TEXTE :

Pour ce fait clique dans « Tools » sur l’outil Texte « T ». Dans la fenêtre qui s’ouvre, inscrivez votre texte. Pour voir l’ensemble, c'est-à-dire l’image avec le fond et le texte, cliquez sur l’onglet « Pages ».


7/ CREE D4AUTRES PAGES :

Rendez vous dans la fenêtre « Pages » puis écrivez « Accueil » sous votre première page. Cliquez ensuite sur l’onglet « New » 3 fois pour créer 3 autres pages. Vous les intitulerez (c’est juste un exemple) « Photos », « Vidéos » et « Plan ».

Etape suivante : créez des boutons pour naviguer entre ces pages. Cliquez dans « Components » sur l’onglet « General », puis sur « Button ». Faite glisser 4 boutons sur votre page d’accueil. Ecrivez sur le premier « Photos » et les suivants « Vidéos », « Plan » et « Accueil ».

Pour dupliquer les boutons sur les 3 autres pages, sélectionnez-les et copiez-les et collez-les sur chacune des pages auxquelles vous accèdez par l’onglet « Page »


8/ LIEZ LES PAGES AUS BOUTONS :

Dans « Pages », placez-vous sur « Accueil », puis sélectionnez le bouton « Photos ». Dans la fenêtre « Properties » et l’onglet « Links & Tracking », cochez le point le point face à « Page », puis, dans le menu déroulant, sélectionnez « Photos ». Faites de même avec les 3 autres en reliant respectivement à « Videos », « Plan » et « Accueil ».


9/ VIDEOS :

Placez-vous sur la page « Vidéos », puis dans la fenêtre « Components » et l’onglet « Media », puis cliquez sur l’élément « Vidéo ». Double cliquez dans le cadre dans le cadre « Vidéo » apparu sur votre affiche et, comme pour les photos, indiquez une adresse web d’une vidéo diffusée sur Youtube ou DailyMotion.


10/ PLAN :

Ajoutez un plan d’accès (pour une soirée par exemple). Pour cela placez-vous sur la page « Plan », cliquez sur « Components » dans « Services », puis « Yahoo Maps ». Dans « Properties », cliquez sur « Map » puis face à « Adress », écrivez l’adresse de l’endroit de la soirée. Puis cliquez sur « Map » dans le menu déroulant : il affiche automatiquement le paln d’accès du lieu de la soirée.


11/ PUBLIEZ L’AFFICHE :

Votre affiche est terminée ! Pour l’enregistrer, cliquer sur « Save » en haut de la page. Partagez-la ensuite sur le Web en cliquant sur « Publish ». Une fenêtre s’ouvre : cliquez sur le bouton qui correspond à votre site (Facebook, MySpace…) et votre affiche est publiée automatiquement.

Vous pouvez aussi copier le code source dans la petite fenêtre, puis le collé sur votre site Web.

Dernière option : cliquez en bas de la page sur « SWF file ». Une page s’ouvre alors avec votre affiche : copier son adresse Web et envoyez-la par couriel à tous vos amis !



Merci de votre lecture j'espère quqe cela aura marché Smile Smile Smile
 Kernelov Voir le profil de l'utilisateur Dim 23 Aoû - 11:49
Merci pour le tuto Smile
A tester Smile
 turpin01 Voir le profil de l'utilisateur Dim 23 Aoû - 13:08
Ouais mais le pavé quoi j'en est chier a taper tout ça et j'espère que c'est assez claire Smile
 The-stunter974 Voir le profil de l'utilisateur Lun 24 Aoû - 0:32
c'est qui une affiche interactive? Sad
Tu peux faire un screen ou un lien d'une "affiche" sto
 turpin01 Voir le profil de l'utilisateur Lun 24 Aoû - 11:48
Je t'ewplique en faite tu peux mettre des vidéos des photos sur ton affiche. Mettre des liens aussi ou un google map plein de chose en faite. Euh pour le screen je vais voir mais je promet rien Smile
 nWo_legende Voir le profil de l'utilisateur Lun 24 Aoû - 12:39
tu ewxplique bien d'ailleuw noel
_________________
 turpin01 Voir le profil de l'utilisateur Lun 24 Aoû - 12:43
Laughing Oussama fairir !
 Contenu sponsorisé Aujourd'hui à 20:35
Sujet : « [Création] Créez votre affiche interactive : »