Spécificités Techniques Campagne NPI Nov 2007. Orange : Flash Transparent + 300x250 ATTENTION : s’il y a une interaction entre les deux créations les.

Slides:



Advertisements
Présentations similaires
FORMATS IN-PAGE (redirect accepté) TaillePoidsFormatPlacement 728X9025koflash 9/gifRG 1000x9030koflash 9/gifRG 1000x20035koflash 9/gifRG 300X25025koflash.
Advertisements

Spécificités techniques Formats Classiques Spécificités techniques générales Le ClickTAG La variable clickTAG permet à notre outil de comptabiliser.
SI28 FLASH MX Partie 1 Jérémy Dufetre - Ludovic Pilache.
Interactions avec ActionScript
1 : Léditeur 2 : Le traitement dimages. 3 : La visionneuse dimage. FRONTPAGE PAINT SHOP PRO ACD SEE.
Présentation déclinaisons graphiques du site FTVP 10/07/2008.
Tutoriel pour l’utilisation de
12 novembre 2012 Grégory Petit
Utiliser Movie Maker® pour faire un petit film d'animation…
Installation des programmes indispensables et utiles :
Accès aux Métiers de l’Informatique
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Créer une animation simple Gif avec ImageReady.
Créer une interface graphique avec Photoshop.
Interaction 1 COM3562 Communication Multimédia Février 2012.
TV SUR PC Assistance Technique Date : 21 septembre 2007 Version : 1.0.
Initiation à Flash MX Cours d’initiation à Flash MX
CAPTURER UN EXTRAIT VIDEO OU AUDIO AVEC VLC
Spécifications techniques
Créa Eléments Pack Promo Leclerc 25 Août 14. Element « Sélection Shopping » VISUELS : -Les 2 packshot de Fresh Disc (Active Eucalyptus + Active Citrus)
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
MONTAGE VIDEO Avril 2008 Avec Windows Movie Maker sous Vista.
SkinBan Spécificités Techniques
POWERPOINT.
Objectifs de la présentation 1. En se basant sur des exemples de campagnes, comprendre l ’importance de la relation entre formats publicitaires, technologie.
Comment créer un montage vidéo?
MARS 2015V0.1 DOC-DEPOT La Consigne Numérique Solidaire Support Formation Acteur Social (compte bénéficiaire)
Modification de la vidéo interactive L’Oréal. La vidéo démarrera directement lors de l’arrivée sur la page. Dis moi s’il y a quelques choses à faire.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
FLASH MX : séance 1 Sandrine Rabin Nicolas Mollet SI28.
Environnement Flash MX
FLASH MX 1ère Séance. Introduction Création d’animation pour le Web, pouvant contenir une forte interactivité. Faible poids des fichiers. Compatible avec.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
Séance Flash 2 TD SI28 du 16/04/07 Nadel Ben Ghmiss Bruno Prémartin.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
SI28 Partie 1 Bruno Binet FLASH MX. Les atouts de Flash Création d’animation pour le Web, pouvant contenir une forte interactivité Faible poids des fichiers.
FLASH SEANCE 2 Interaction avec Action Script. Action script Langage de programmation utilisé par Flash. Définir des propriétés, des actions des comportements.
** Flash séance 2 Action script. ** Action Script Ajoute de l’interactivité Permet de contrôler les clips  Langage de programmation orienté objet.
Flash 2 ème séance Interaction François Marliac Mickaël Moreira.
Flash MX – Séance 2 Interactions & ActionScript David Rapin Si28 P06.
Dreamweaver le retour Avec Les Formulaires Les Calques
Flash MX er Séance LIU Xinlei GI02.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Amine Benabdennbi - Omar Berrada Rekhami Flash 2 – Interactivité Avancée Flash 2 Séance de Flash n°2 TD SI28 du 16/04/2007 Amine Benabdennbi Omar Berrada.
 Flash : animations mais aussi interactions  ActionScript : langage de programmation multipliant les possibilités de dynamisme et d’interactivité d’un.
Flash 1 Cariou SandraCoffinot Nicolas. Sommaire : I)Généralités II)Interface de Flash III)Grouper et Dissocier IV)Image clé V)Scénario et calques VI)Symboles.
SI28 Flash séance 1 Dessins et Animations. Présentation de Flash  Création d’animations pour le Web, pouvant contenir une forte interactivité.  Faible.
Télécharger :
Réalisation d’un jeu de tir au canards. Page d’accueil Télécharger les fichiers sources. Importez les images parchemins et fond_shoot Insérer l’image.
Flash : deuxième séance Yannick Bresson Alessandro Camozzato Tien-Quang Tong 22/10/07.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
EXPOSE FLASH 2 SI 28 24/10/2006 Delphine GODREAU Hélène PERRIER.
Sommaire : -A propos des images importées -Les boutons et l’interactivité dans la scène -Textes dynamiques -Les clips (les liaisons) -Les sons -Les composants.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
L’interactivité avec ActionScript. ActionScript Langage de programmation de Flash qui permet de : Gérer des actions et des animations sur la scène Contrôler.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
AKOONE Farouck LI Li SI 28 A2004. Flash permet de : Créer des animations pour le Web, pouvant contenir une forte interactivité Des fichiers de faible.
BOUTET Antoine MARICOT Benoit ActionScript Flash Séance 2.
Flash – séance 2 Interactions avec Action Script.
Présenté par: François-Xavier LECHEVALIER Fateh BOUGOUFFA
Gaël DELBARY Benoît DEVEAUX
PRESENTATION FLASH 2 MAURIN Marion BERETTI Vincent.
Présentation Courtin maxime – GI05Automne Présentation | Rappel Photoshop | ImageReady | Utils Courtin Maxime – GI05 2 / 17 Automne 2004 Plan :
SI28 : D REAMWEAVER 2 Audrey BUISSON – GSU05 Romain LASSALLE – GI05 1 SI28 – Ecriture interactive et multimedia.
Lundi 20 octobre 2008Séance Flash 21 Séance Flash 2 ActionScript Cheikh DIEDHIOU Germain LEDRUT.
Atelier PowerPoint (pack Office 2007) Orange Solidarité – Didier Vallez.
Transcription de la présentation:

Spécificités Techniques Campagne NPI Nov 2007

Orange : Flash Transparent + 300x250 ATTENTION : s’il y a une interaction entre les deux créations les spécificités techniques ne sont pas les mêmes, merci de nous prévenir au plus vite. Formats :300x250 > flash 25k max + gif de backup 20k max 487x250 (opaque ou transparent) > flash 25k max, 5 secondes max Flash Player 6, Version d'ActionScript : ActionScript 1.0. Plateforme PC Windows / Internet Explorer 5+ / Flash Player 6+ Insérer le Clicktag : on (release) { getURL (_root.clickTag, "_blank"); } La fermeture automatique de l'animation intervient uniquement lorsque la tête de lecture du Flash player atteint la dernière image de la scène prinicipale de l'animation. Une instruction stop() doit donc être placée sur la dernière image de l’animation afin de permettrela fermeture automatique de l'animation et l’apparition de la bannière gif/jpeg associée :stop(); L’animation doit faire au minimum deux images clés (sinon la première image est aussi la dernière et le format se fermera automatiquement sans avoir été joué). Ne pas introduire de movie clip sur la dernière image de l’animation (ces derniers seraient invisibles puisque le format disparaitrait au moment de leur apparition). Bouton Fermer : on (release) { _root.gotoAndStop( _root._totalframes); }

Mappy : Flash Transparent + 300x250 ATTENTION : s’il y a une interaction entre les deux créations les spécificités techniques ne sont pas les mêmes, merci de nous prévenir au plus vite. Formats :300x250 > flash 25k max + gif de backup 20k max 410x430 (opaque ou transparent) > flash 25k max, 5 secondes max Flash Player 6, Version d'ActionScript : ActionScript 1.0. Plateforme PC Windows / Internet Explorer 5+ / Flash Player 6+ Insérer le Clicktag : on (release) { getURL (_root.clickTag, "_blank"); } La fermeture automatique de l'animation intervient uniquement lorsque la tête de lecture du Flash player atteint la dernière image de la scène principale de l'animation. Une instruction stop() doit donc être placée sur la dernière image de l’animation afin de permettrela fermeture automatique de l'animation et l’apparition de la bannière gif/jpeg associée :stop(); L’animation doit faire au minimum deux images clés (sinon la première image est aussi la dernière et le format se fermera automatiquement sans avoir été joué). Ne pas introduire de movie clip sur la dernière image de l’animation (ces derniers seraient invisibles puisque le format disparaitrait au moment de leur apparition). Bouton Fermer : on (release) { _root.gotoAndStop( _root._totalframes); }

Voilà : Flash Transparent + 300x250 ATTENTION : s’il y a une interaction entre les deux créations les spécificités techniques ne sont pas les mêmes, merci de nous prévenir au plus vite. Formats :300x250 > flash 25k max + gif de backup 20k max 595x250 (opaque ou transparent) > flash 25k max, 5 secondes max Flash Player 6, Version d'ActionScript : ActionScript 1.0. Plateforme PC Windows / Internet Explorer 5+ / Flash Player 6+ Insérer le Clicktag : on (release) { getURL (_root.clickTag, "_blank"); } La fermeture automatique de l'animation intervient uniquement lorsque la tête de lecture du Flash player atteint la dernière image de la scène prinicipale de l'animation. Une instruction stop() doit donc être placée sur la dernière image de l’animation afin de permettrela fermeture automatique de l'animation et l’apparition de la bannière gif/jpeg associée :stop(); L’animation doit faire au minimum deux images clés (sinon la première image est aussi la dernière et le format se fermera automatiquement sans avoir été joué). Ne pas introduire de movie clip sur la dernière image de l’animation (ces derniers seraient invisibles puisque le format disparaitrait au moment de leur apparition). Bouton Fermer : on (release) { _root.gotoAndStop( _root._totalframes); }

MSN : 300x250 auto expand Formats : 300x x400 max pour l’expand Poids: - Flash = 40Ko max - Gif de back up = 20Ko max Durée :- Expand = 10 secondes max - Pavé= 15 secondes max Audio OFF par défaut Bouton d’activation du son visible et compréhensible Vidéo Nous n'hébergeons pas les vidéos. Nous recommandons de passer par Eyeblaster pour servir ce type de créations. Durée : 30 secondes maximum Taille maxi de la vidéo : 2 Mo Présence obligatoire des boutons « Play » et « Stop » Son : OFF par défaut (voir specs audio) Looping de 1 la vidéo peut être rejouée grâce à un bouton Boutons obligatoires - “Fermer” sur l’expand - “Rejouer” sur le pavé Technologies acceptées: Flash 6 ou Flash 7 Capping de 1/Jour/UU obligatoire Déclenchement de l’expand automatiquement Une fois l'expand replié, aucun élément ne doit sortir du pavé 300x250 (Masque, Bouton ClickTag, éléments transparents ou invisibles...) Ne pas modifier le calque //ACTIONS Toutes les spécificités sur :

Hi Media : Flash Transparent + 728x90 Formats :728x90 > flash 35k max + gif de backup 35k max 500x300 (opaque ou transparent) > flash 60k max, 10 secondes maxi Insérer le Clicktag : on (release) { getURL (clickTAG, "_blank"); } Bouton Fermer Obligatoire Bouton pour couper le son Inserer un clickTAG dans les créations flash Bouton Fermer : on (release) { fscommand ("quit") ; }

AOL : Flash Transparent + 300x250 Visuels · Flash 7 (et inférieur) Animation : 700*500 (surface d’expression) avec une partie visible de l’animation de 300x300 pixels maximum (si visuel fixe alors surface max = 300x300 max) Poids : maximum 20 ko Gif, 30 ko Flash Durée : maximum 10 secondes. Ancrage : 300x250 pixels Poids : maximum 20 ko Gif, 25 ko Flash · Animation linéaire et ne comportant qu'une scène L’animation ne doit pas être incluse dans un MovieClip Code fermeture : stop(); getURL(closeTAG,""); Bouton fermer on (release) { getURL(closeTAG,""); } Clicktag on (release) { getURL(clickTAG,"_blank"); }

Récapitulatif formats

Yahoo! : Flash Transparent + 350x200 (Floating Ad 2) Formats :350x200 > 30 Ko max - Flash frame rate par sec sec max + Gif de backup (20ko & 15s max) Flash transparent (format large): 300x300 évoluant dans une surface de 950x ko max - Flash Frame rate - 15 sec max Flash transparent (format étroit): 300x300 évoluant dans une surface de 770x ko max - Flash Frame rate - 15 sec max Prévoir les 2 formats (large & & étroit) car la nouvelle page d'accueil de Yahoo! est une page dynamique qui s'adapte aux configurations d'écran des utilisateurs Yahoo! et notamment au niveau de la largeur des écrans (cf image ci dessous) Les fichiers à envoyer à Yahoo! sont les.fla Yahoo! se charge ensuite d’intégrer leur bouton fermer, ainsi que le clicktag, puis soumet une maquette de démo à validation avant mise en ligne. D’un point de vue éditorial, Yahoo! demande à ce que sur notre gros « Bouton Fermer » (celui qui se dérobe au passage de la souris), le terme « fermer » ne soit pas employé mais remplacé par un synonyme.

Exemple

Pack puissance : Flash Transparent + 300x250

AOL : Flash Transparent + 300x250 ou 300x250

MSN : Flash Transparent + 300x250 exemple