DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR

Dimension: px
Commencer à balayer dès la page:

Download "DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR"

Transcription

1 DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR GUIDE DES VISUELS

2 SOMMAIRE 1. Visuel Mise au point de visuels Conseils d ordre général Procédure Types de visuels Aperçu visuels de base Aperçu visuels spéciaux Aperçu - visuels avancés (Lien profond et générateur de visuel) Visuels spéciaux Conseils d ordre général JavaScript Iframe Bannière Flash zanox Pagepeel zanox Video Player Gestion des visuels Publication des visuels Classement des visuels par catégorie Traitement des visuels Désactivation de visuels...22 zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 2

3 1. VISUEL Les visuels peuvent prendre beaucoup de formes différentes et vont des simples liens texte, en passant par les bannières, jusqu aux widgets perfectionnés. Il n y a pour ainsi dire aucune limite à la créativité. Les visuels sont l instrument central pour générer des transactions. Pour pouvoir à coup sûr suivre chacune des transactions générées, chaque action sur un visuel doit être enregistrée par zanox. C est pour cette raison que tous les visuels sont dotés d une URL de tracking spécifique à chacun des partenaires zanox. Cette URL de tracking contient un identifiant de partenaire zanox personnalisé qui permet d identifier l éditeur à l origine du contact. Dans le tracking par cookie, un cookie zanox est enregistré sur l ordinateur de l internaute lorsque celui-ci visite la page Web d un éditeur et clique sur un visuel qui s affiche sur cette page. Le cookie contient des informations concernant le visuel, l éditeur, le programme, l heure du clic, etc. Ces informations sont enregistrées dans la base de données de tracking de zanox 1.1 Mise au point de visuels Veillez aux points suivants lors de la création de vos visuels : Conseils d ordre général Le code d appel (HTML/script) que vous créez est différent du code de l éditeur. Le code de l éditeur est doté d un lien de tracking zanox, le code d appel, en revanche, non. Veillez à ce que le code d appel soit la base de tous les visuels affichés dans l interface utilisateur zanox (aussi bien pour l éditeur que pour l annonceur). Cela a un rôle aussi bien dans la vue «Mes visuels» que dans l aperçu pour l éditeur. N oubliez pas que les visuels même sans paramètre de tracking constituent un aperçu utile. Les modifications apportées au code d appel ont toujours comme conséquence une désactivation du visuel concerné. Une fois le nouveau visuel publié, vous devez informer votre éditeur de cette modification afin que ce dernier puisse intégrer le code de bannière mis à jour dans son espace publicitaire. Seuls les visuels HTML et script doivent être vérifiés et publiés par l équipe zanox Banner-Team (banner@zanox.com). Vous pouvez gérer vous-même tous les autres visuels (texte/image). Si vous souhaitez que votre visuel soit publié sur zanox Adserver, vous devez transmettre votre support dans un format standard. Evitez, dans la mesure du possible, tout format de style libre / non conventionnel. L indication du format simplifie, en outre, la zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 3

4 recherche de visuels. Vérifiez après leur création, toutes les références vers des fichiers externes (par exemple CSS/scripts/images) dans le code d appel. Les fichiers externes doivent toujours être référencés par leur chemin d accès absolu (par exemple yourfile.js) Procédure Hébergement de visuel Créez sur votre serveur Web un répertoire destiné à stocker vos visuels. Chargez tous les visuels que vous souhaitez utiliser avec votre programme zanox et préparez lors de la création de ces visuels une liste complète des URL pour accéder à ces fichiers. Vous pouvez aussi placer vos visuels sur l un des serveurs Web zanox. Pour plus d informations sur les conditions et les procédures concernant l hébergement des visuels par zanox, contactez votre interlocuteur zanox. Ajouter un visuel Vous pouvez créer des visuels sous l option de menu «Mes visuels». Sélectionnez le type de visuel que vous souhaitez créer, puis cliquez sur le bouton «Ajouter». zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 4

5 Importer/exporter un visuel Avec l importation/l exportation de visuels vous pouvez modifier, puis ajouter, vos visuels à l aide d un tableau Excel. Nous recommandons cette manière de procéder aux internautes chevronnés. Vous trouverez des détails à ce sujet auprès de votre interlocuteur zanox ou dans le Wiki zanox. 1.2 Types de visuels zanox distingue les différents types de visuels suivants : texte image image avec texte HTML script Ils seront, divisés en visuels de base (texte, image, image avec texte) et visuels spéciaux (HTML, script) ci-après,. De plus, chaque visuel peut être configuré en tant que «lien profond» et certains visuels, par exemple texte, HTML ou script en tant que générateur de visuel. On parle alors de «visuels avancés» Aperçu visuels de base Lien texte Le lien texte est le type de visuel le plus simple. Il s agit là d un texte ordinaire relié à l adresse cible du lien (URL). Image Les visuels de type image sont des bannières et des logos aux formats GIF, JPG ou PNG. Pour utiliser des visuels image, vous devez indiquer la source de l image (URL) et l adresse cible du lien (URL). Saisissez comme source de l image, l URL sans son préfixe « Utilisez l indication « si vous souhaitez proposer des visuels pour des sites Web sécurisés (par exemple boutiques en ligne). Image avec texte Les visuels image peuvent être combinés avec du texte. Pour les visuels de base, les indications suivantes sont nécessaires : zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 5

6 x obligatoire (x) facultatif - indisponible Visuel Lien avec paramètre Format du lien Nom du lien Adresse cible du lien Texte du lien Image source Générateur de lien externe Texte (x) - x x x - (x) - Image (x) x x x - x - - Image avec texte (x) x x x x x - - Code d appel Aperçu visuels spéciaux Visuels HTML Les visuels HTML sont des fragments de code statique tels que des formulaires (masques de moteurs de recherche ou de réservation) ou des modèles de lettres d informations (newsletter). Cette forme de visuel est également adaptée pour les lettres d informations HTML et les microsites. Les visuels HTML ne pourront être publiés qu après validation par zanox (banner@zanox. com). Visuels script On compte parmi les visuels script les JavaScript, les Iframes et les bannières Flash. Les visuels script sont particulièrement adaptés pour mettre à jour du contenu de manière dynamique, par exemple, pour faire la promotion de produits, meilleures ventes ou actions publicitaires qui changent tous les jours ou toutes les semaines. Il est également possible de réaliser des formulaires dynamiques sous cette forme. Les partenaires intègrent le code une fois, le changement de contenu se fait sur le serveur de l annonceur. Les visuels script ne pourront être publiés qu après validation par zanox (banner@zanox. com). Pour les visuels spéciaux (HTML et script) les indications suivantes sont nécessaires : x obligatoire (x) facultatif - indisponible Visuel Format du lien Nom du lien Adresse cible du lien Texte du lien Image source Lien avec paramètre Générateur de lien externe Code d appel HTML x x x (x) - - (x) x Script x x x (x) - - (x) x zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 6

7 1.2.3 Aperçu - visuels avancés (Lien profond et générateur de visuel) Lien avec paramètre (Lien profond dynamique) Chaque visuel peut être configuré en tant que «lien profond». Utilisez un lien profond pour permettre à l éditeur d adapter l URL de redirection individuellement ou de la rendre dynamique. Un lien profond peut ainsi faire le lien vers des catégories particulières ou des produits particuliers, ainsi que déclencher une recherche. Utilisez le champ «Instruction» pour consigner une description à l attention de l éditeur. x obligatoire (x) facultatif - sélection impossible (-) sélection non recommandée Format du lien Nom du lien Adresse cible du lien Texte lien Image source Lien avec paramètre Générateur de lien externe Code d appel x x* x x x* x* (-) x * L indication dépend du type de visuel utilisé Exemple : Indication «lien profond de catégorie» Exemple «lien profond - recherche de produit» Vous définissez : lien vers adresse de redirection (URL) Code éditeur : <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= align= bott om width= 1 height= 1 border= 0 hspace= 1 ><a href= ad.zanox.com/ppc/? c t&ulp=[[xxx]] >product</a> <!-- FIN du code HTML zanox-affiliate --> L éditeur a désormais la possibilité de remplacer XXX par un mot clé de recherche de son choix. Une liaison possible pourrait être de la forme suivante : zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 7

8 <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= align= bottom width= 1 height= 1 border= 0 hspace= 1 ><a href= ans]] >coffeebeans</a> <!-- FIN du code HTML zanox-affiliate --> L appel du lien de tracking zanox : conduit à : Générateur de lien externe (générateur de visuel) Avec le «générateur de lien externe», vous mettez à la disposition de vos éditeurs un lien vers l un des générateurs de visuels ou des widgets que vous avez développés vous-même. Ce lien vous permet de transmettre une identification de partenaire zanox à votre application. (Cette option n est pas disponible pour les visuels de type image). Pour les générateurs de liens externes, les indications suivantes sont nécessaires : x obligatoire (x) facultatif - sélection impossible (-) sélection non recommandée Format du lien Nom du lien Adresse cible du lien Texte lien Image source Lien avec paramètre Générateur de lien externe (-) (-) x x x* x* x x* * L indication dépend du type de visuel utilisé Code d appel Exemple de lien du générateur de lien externe : Exemple de vue de l éditeur du générateur de visuel : zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 8

9 Widget de l annonceur Un lien contenant l identification de partenaire zanox de l éditeur est mis à disposition de l éditeur par le biais du «Générateur de lien externe». L identification de partenaire peut alors être utilisée par votre widget pour la création de visuels zanox Visuels spéciaux Conseils d ordre général Utilisation des données d en-tête HTML N utilisez pas de données d en-tête HTML, c.-à-d. aucune balise du type «doctype», «html», «head», «title», «meta» ou «body». Toutes les pages Web de l éditeur contiennent déjà ces données. Utilisation de formulaires HTML N oubliez pas quand vous utilisez des formulaires HTML que seule la méthode «GET» est prise en charge. Il est souvent insuffisant de définir le formulaire avec method= GET. La page Web qui reçoit ces données doit également prendre en charge cette méthode. En cas de doute, consultez votre administrateur Web. Utilisation de feuilles de style Si vous utilisez des feuilles de style pour vos visuels HTML/script, l interface utilisateur zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 9

10 zanox et potentiellement la page Web de l éditeur ne doivent pas être modifiées par le style que vous avez défini. L utilisation de données de style pour les balises classiques, telles que par exemple «body», «td» ou «a», engendredes erreurs. Si la feuille de style du visuel engendre des modifications pour l interface utilisateur zanox, zanox se réserve le droit de ne pas publier le visuel concerné. Si plusieurs visuels apparaissent sur une page par exemple dans l aperçu des visuels zanox les styles des visuels peuvent ici aussi se chevaucher et avoir des effets réciproques. Pour éviter efficacement le genre de problèmes énumérés ci-dessus, vous devez utiliser des désignateurs univoques et y faire référence dans CSS (voir exemple). Incorrect : les balises/styles inutiles peuvent se chevaucher. <!DOCTYPE HTML PUBLIC> <html><head> <style type= text/css > * {font-size:300%;} body {font-face:serif;} td {margin-top:100px; margin-bottom:100px;} </style></head> <body bgcolor= #3d3d3d > <table><tr><td>my ad media</td></tr></table> </body></html> Correct : aucun chevauchement de styles n est possible. <style type= text/css > #youradmedia0709 {font-size:300%; font-face:serif;} #youradmedia0709 td {margin-top:100px; margin-bottom:100px;} </style> <div id= youradmedia0709 > <table><tr><td>my ad media</td></tr></table> </div> JavaScript L éditeur intègre le code partenaire une fois, le changement de contenu se fait sur le serveur de l annonceur. Le code partenaire est transmis lors de l appel du script et doit être inclus dans les liens ou formulaires retournés. Utilisez pour le code JavaScript un fichier séparé plutôt que de l intégrer directement. Ce zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 10

11 fichier contient toutes les fonctions nécessaires pour la représentation et l intégration du tracking zanox. <script type= text/javascript src= script.js ></script> La transmission du paramètre de tracking zanox se fait par l appel de fonction de votre bannière (ici, par exemple «votre_fonction»). Les paramètres de tracking zanox nécessaires sont transmis à votre fonction. <script type= text/javascript > your_function( zanox_tracking_host, zanox_tracking_param ); </script> Assurez-vous que le script contient les paramètres «zanox_tracking_host» et «zanox_tracking_param». Ces paramètres sont remplacés pour l éditeur par le code de tracking zanox spécifique du partenaire. JavaScript avec émission de formulaire et de lien Vous définissez : <script type= text/javascript src= js ></script> <script type= text/javascript > your_function( zanox_tracking_host, zanox_tracking_param ); </script> Code éditeur : <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= align= bottom width= 1 height= 1 border= 0 hspace= 1 > <script type= text/javascript src= js ></script> <script type= text/javascript > your_function( C T ); </script> <!-- FIN du code HTML zanox-affiliate --> zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 11

12 Exemple de fonction contenue dans votre fichier JavaScript stocké à part ( : function your_function(zanox_tracking_host, zanox_tracking_param) { var zanox_link = zanox_tracking_host +? + zanox_tracking_param + = ;... document.writeln( <a href= + zanox_link + >product 1</a> ); document.writeln( <a href= + zanox_link + >product 1</a> );... document.writeln( <form action= + zanox_tracking_host + method= get > ); document.writeln( <input type= hidden name= + zanox_tracking_ param + value= > );... Assurez-vous que tous les appels de sites Web de votre bannière sont placés en tête du lien de tracking zanox et que les formulaires sont créés selon les spécifications zanox. Créez pour ce faire une balise «form» qui contient en tant qu «action» un paramètre transmis par zanox «zanox_tracking_host». Complétez le formulaire d un champ de saisie supplémentaire direct de type «hidden» et saisissez comme «value» l adresse cible du lien vers le script que vous définiriez normalement dans la balise form en tant qu «action», c.-àd. que vous devez saisir ici l URL qui exploite normalement les données du formulaire et représente les résultats de la recherche. Il convient normalement de noter derrière ce lien un point d interrogation. Les données de formulaire suivantes sont intégrées par le serveur de tracking zanox et transmises à l adresse cible du lien Iframe L utilisation d Iframes présente l avantage que le contenu de la bannière se trouve sur l un de vos serveurs et vous pouvez alors modifier ce contenu à tout instant, sans que l éditeur n ait à mettre à jour son visuel. En contrepartie, vous devez cependant vous assurer qu il est toujours possible de réaliser le tracking de la page ainsi intégrée. C est pour cette raison que nous vous recommandons de ne mettre ce type de visuel qu à la disposition d internautes avancés, c est-à-dire d internautes ayant de bonnes connaissances en développement Web. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 12

13 Transmission du paramètre zanox par «GET» Comme les contenus Iframe sont généralement hébergés sur votre serveur, zanox ne peut pas placer le code de tracking lors de la publication. Les paramètres GET qui sont ajoutés à l appel Iframe du visuel permettent cependant de mettre en œuvre le tracking. Vous définissez : <iframe src= host=&zanox_tracking_param= ></iframe> Code éditeur : <!-- DEBUT du code HTML zanox-affiliate --> <!-- (Le code HTML zanox-affiliate ne peut pas être modifié pour préserver une fonctionnalité parfaite!)--> <img src= align= bottom width= 1 height= 1 border= 0 hspace= 1 ><iframe src= ihre-domain.com/iframe.php?zanox_tracking_host= ad.zanox.com/ ppc/&zanox_tracking_param=1234c t%26ulp ></iframe> <!-- FIN du code HTML zanox-affiliate --> L exemple de code PHP suivant ne fonctionne que si vous avez renseigné au préalable les variables $zanox_tracking_host et $zanox_tracking_param avec la méthode «GET». Vous découvrirez comment interroger les variables du serveur auprès de votre administrateur Web ou dans la documentation relative à la technologie Web utilisée. a) Création de liens simples (exemple en PHP) Intégrez les paramètres au format suivant : echo <a href=.$zanox_tracking_host.?.$zanox_tracking_ param. = >product 1</a> ; b) Création de formulaires (exemple en PHP) Pour l utilisation de formulaires, procédez tel que dans l exemple des formulaires HTML (voir section «JavaScript avec émission de formulaire et de lien») et insérez les paramètres selon le schéma suivant : echo <form method= get action=.$zanox_tracking_host. > <input type= hidden name=.$zanox_tracking_param. value= /> ;... zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 13

14 Bannière Flash Une bannière Flash doit comporter une surface sur laquelle il est possible de cliquer. En règle générale, il s agit d un bouton transparent qui se superpose au film Flash. Cette surface de clic doit être aussi pourvue d un lien qui ne doit en aucun cas être codé en dur (par exemple « mais renvoyer vers le contenu d une variable externe. Ce paramètre est généralement nommé «incomingurl», «clicktag» ou «clicktag» et est transmis au film Flash dans le code d appel HTML. Veillez à ce que le paramètre soit écrit exactement de la même manière dans le code Flash et le code d appel (notamment les majuscules/minuscules). Les bannières qui ne présentent pas ces propriétés ne peuvent pas être suivies par zanox et donc ne peuvent pas être publiées. Utilisez les exemples de codes ActionScript suivants pour vous aider à créer des bannières Flash: // Default code (Please provide the landing page in the zanox UI.) on (release) { } geturl(_root.incomingurl, _blank ); // Alternative code (e.g. for banners with multiple targets) on (release) { geturl(_root.incomingurl + _ blank ); } // ActionScript 3.0 (needs customising to fit your script) ButtonName.addEventListener(MouseEvent.MOUSE_UP, urlrequest); function urlrequest(evt:mouseevent):void{ var clickurl:string = root.loaderinfo.parameters.incomingurl; var clickrequest:urlrequest = new URLRequest(clickUrl); flash.net.navigatetourl(clickrequest, _blank ); zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 14

15 Vous disposez des possibilités suivantes pour la mise en œuvre du code d appel HTML : Intégration de la bannière Flash par le biais de zanox Flash Loader Intégration de la bannière Flash par le biais des balises HTML «object» et «embed» zanox Flash Loader Nous vous recommandons d utiliser zanox Flash Loader pour l intégration des bannières Flash. Il s agit d un JavaScript qui génère des indications spécifiques du navigateur. Il convient de distinguer les différents cas suivants : Le JavaScript est désactivé Le graphique paramètre fictif est créé. Le plug-in Flash n est pas disponible Le graphique paramètre fictif est créé. Le JavaScript et le plug-in Flash sont disponibles La bannière Flash est créée. Exemple : zanox Flash Loader avec graphique paramètre fictif. Vous définissez : <script language= javascript src= ppv/images/programs/flash_load/flash_loader_v3.js ></script> <script type= text/javascript > zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 15

16 zxflash( , 600, opaque, XXX ); </script> <noscript><a href= target= _ blank ><img src= border= 0 width= 120 height= 600 alt= ></a></noscript> Si vous ne disposez pas de graphique paramètre fictif, vous pouvez utiliser le script simplifié suivant : Exemple : zanox Flash Loader sans image alternative Vous définissez : <script language= javascript src= ppv/images/programs/flash_load/flash_loader_v3.js ></script> <script type= text/javascript > zxflash( 120, 600, opaque, XXX ); </script> Une alternative à l utilisation de zanox Flash Loader consiste à utiliser aussi le code HTML classique, avec les balises «object» et «embed». Code HTML Vous définissez : <object classid= clsid:d27cdb6e-ae6d-11cf-96b codebase= flash/swflash.cab#version=6,0,0,0 width= 728 height= 90 > <param name= movie value= /> <param name= FlashVars value= XXX com /> = <param name= menu value= false /> <param name= quality value= high /> <param name= bgcolor value= #ffffff /> <embed src= zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 16

17 FlashVars= XXX = menu= false quality= high bgcolor= #ffffff width= 728 height= 90 type= application/x-shockwave-flash pluginspage= macromedia.com/go/getflashplayer /> </object> Dans l exemple, adaptez les parties en couleurs aux variables utilisées dans le film Flash. Détail des paramètres : (1) Rouge : URL de la bannière Flash (SWF) (2) Violet : image alternative (JPG, GIF, PNG) (3) Vert : indications de largeur et de hauteur en pixels (4) Orange : page d arrivée du visuel (URL de redirection) (5) Bleu : Remplacez XXX par le paramètre de clic de la bannière Flash (clicktag, incomingurl etc.), tel que défini dans la bannière Flash SWF) zanox Pagepeel Un pagepeel est une petite «corne» placée en haut à droite ou à gauche d un site Web. Dès que le pointeur de la souris passe sur ce coin, le pagepeel se déroule et la publicité s affiche. Lorsqu il clique sur cette publicité, l internaute est acheminé sur la page Web souhaitée. Les deux images sont séparées par une diagonale, le contenu ne se trouve que dans une moitié d image. zanox propose sa propre solution pour ce visuel. Si vous souhaitez les utiliser, créez un visuel script et intégrez le code suivant : <script type= text/javascript src= de/ppv/images/programs/page_peel/pagepeel_v3.js ></script> <script type= text/javascript > writepeel( your-domain.com, right );</script> zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 17

18 (1) URL image, grande image : 500x500 pixels, JPG, GIF, PNG (pas animé!) (2) URL image, petite image : 100x100 pixels, JPG, GIF, PNG (pas animé!) (3) URL lien : Page d arrivée («URL lien») saisir dans le script et aussi dans l interface utilisateur (4) Position : «right» (à droite, par défaut) ou «left» (à gauche) Indiquez dans le champ «Description du lien» que le visuel dans l interface utilisateur est uniquement un aperçu. Exemple : «Pour des raisons techniques, la vue du visuel n affiche qu une image normale à la place du pagepeel!» zanox Video Player zanox Video Player vous permet d utiliser des vidéos comme visuels. 1. Logo 2. Mouseover (image survolée) 3. LinkText (texte du lien) Envoyez à l adresse banner@zanox.com ou à votre interlocuteur zanox les informations suivantes : Indications obligatoires : URL du fichier film au format FLV Pour des raisons de perte de qualité indésirables, zanox ne réalise aucune conversion d autres formats vidéo en FLV. Il convient d exporter un fichier au format FLV à partir du support vidéo d origine. Taille de la vidéo (hauteur et largeur en pixels) Aperçu dans la même taille que le film L aperçu s affiche avant et après la lecture du film zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 18

19 URL de redirection Indications facultatives : Texte de l effet «Mouseover» URL d un logo Remarque indiquant si la fonction de démarrage/lecture automatique (Autostart/Autoplay) doit être activée ou non, par défaut : désactivée Nom du visuel Catégorie de visuel Une fois toutes les informations nécessaires transmises à banner@zanox.com, zanox crée une publicité vidéo (VideoAd) à l aide de zanox Video Player. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 19

20 2. GESTION DES VISUELS 2.1 Publication des visuels Publication par l annonceur Une fois un visuel créé, ce dernier n est en général pas visible pour vos éditeurs. Le paramètre «Statut» vous permet de rendre visible le visuel pour l éditeur, en changeant la valeur de «Statut» de «A configurer» à «Actif». Vous pouvez consulter dans la liste des s la «Publication par l annonceur», représentée par un feu qui passe par trois étapes. Vert signifie «actif», orange signifie «en configuration» et rouge signifie «inactif». Publication par l équipe zanox Banner-Team Les visuels HTML et script se caractérisent par un feu supplémentaire qui passe par deux étapes. Un feu rouge signifie que le visuel doit encore être vérifié par l équipe zanox Banner-Team. Outre une vérification de qualité, il s agit également de vérifier si le visuel peut être tracké. Pour la publication, veuillez envoyer une liste des identifiants des visuels concernés à l adresse : banner@zanox.com. La publication a généralement lieu sous deux jours ouvrables. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 20

21 Si vous le souhaitez, vous pouvez mettre vos visuels à disposition de groupes et/ou partenaires ciblés seulement : Pour savoir si un visuel ne doit être publié que pour certains partenaires ou groupes, recherchez dans la liste (Mes visuels) les symboles suivants : 2.2 Classement des visuels par catégorie Nous vous recommandons de classer vos visuels par catégories pour faciliter la recherche de visuels aux éditeurs. Créez de nouvelles catégories dans la liste de visuels, sous «Mes visuels». L attribution à une catégorie peut se faire aussi bien dans la liste des visuels que dans le mode création/édition d un visuel. Le nombre de niveaux des catégories est un paramétrage du programme. Si vous avez besoin de plus de niveaux que ceux prédéfinis, contactez votre interlocuteur zanox. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 21

22 2.3 Traitement des visuels Pour traiter un visuel, allez sur «Annonceur» > «Mes visuels» et, pour le visuel concerné, cliquez sur «Modifier». Vous devez alors veiller aux points suivants : En cas de modification des URL de redirection ou des URL d images, la mise à jour des liens de partenaires peut, pour des raisons techniques, prendre jusqu à trois heures. Vous pouvez modifier plusieurs informations, à l exception du code d appel des visuels HTML et script, sans que le visuel ne doive être à nouveau publié par l équipe zanox Banner-Team. En cas de modification du code d appel de visuels, il convient de veiller aux points suivants : Le feu de publication qui comporte deux voyants passe au rouge. Cela signifie que votre éditeur ne peut plus trouver le visuel dans l interface utilisateur. Envoyez une liste des identifiants de tous les visuels modifiés à l adresse : banner@zanox.com, pour les publier à nouveau. Notez que les visuels HTML et script dont le code d appel a été modifié ne sont pas mis automatiquement à jour sur les pages Web des partenaires. Lorsque le visuel est publié par l équipe zanox Banner-Team, informez impérativement vos éditeurs qu ils doivent mettre à jour leur visuel. 2.4 Désactivation de visuels Vous pouvez, à tout moment, désactiver des supports publicitaires. Pour limiter le plus possible les éventuels effets sur l éditeur, vous devez procéder de la manière suivante : 1. Attribuez l état «configurer» à la bannière, puis déplacez-la dans son propre dossier (p. ex. «inactif»). Vous vous assurez ainsi que les supports publicitaires ne sont plus visibles pour l éditeur. 2. Informez l éditeur de la désactivation du support publicitaire. Veuillez respecter un préavis d environ 3 semaines pour informer l éditeur. 3. Vous pourrez, par la suite, laisser les supports publicitaires inactifs ou les récupérer en créant de nouvelles bannières sous les ID de supports publicitaires. Pour des raisons de sécurité, les visuels ne peuvent être supprimés de l interface. zanox peut exceptionnellement effacer des visuels pour vous. Veillez aux points suivants : Avertir les affiliés au moins 3 semaines avant la suppression des visuels. Un visuel peut être supprimé uniquement s il ne génère plus un trafic significatif. Si ces conditions sont respectées, contacter votre interlocuteur au sein de zanox pour que la suppression soit effectuée. zanox SAS Guide des visuels zanox Dernière mise à jour 09/2014 Page 22

23 zanox SAS 8-10, rue Saint-Fiacre Paris France +33 (0) (0) blog.zanox.com wiki.zanox.com

Pack Fifty+ Normes Techniques 2013

Pack Fifty+ Normes Techniques 2013 Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié

Plus en détail

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés

Plus en détail

Normes techniques 2011

Normes techniques 2011 Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique

Plus en détail

Spécifications techniques

Spécifications techniques Spécifications techniques Décembre2009 1. Récapitulatif des formats : p2 1. Formats classiques p2 2. Formats Rich Média p2 2. Emplacements : p3 1. Directions.fr p3 2. Newsletter Directions p4 3. Contraintes

Plus en détail

Spécificités Techniques créations publicitaires

Spécificités Techniques créations publicitaires Spécificités Techniques créations publicitaires 2012 Sommaire Presentation p3 Sky Flottant 120x600 p17 Spec : Clicktag p4 Flash Transparent 400x400 p18 Spec : Flash transparent / Interstitiel p5 Flash

Plus en détail

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES

SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES SPÉCIFICATIONS TECHNIQUES DES FORMATS PUBLICITAIRES DIRECTIVES COMMUNE POIDS Display Standard: 70 KB Display «Expandable»: 115 KB Video: 40 MB Video Mobile: 3 MB Performance: 30 KB Mobile: voir page 9

Plus en détail

Spécificités techniques JANVIER 2013

Spécificités techniques JANVIER 2013 Spécificités techniques JANVIER 2013 Spécificités techniques des bannières de la newsletter 100%MEDIA Supermegabanner : Taille = 728x180 / Format = gif / Poids Max = 35Ko Important : - Un lien de redirection

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Créer des documents interactifs

Créer des documents interactifs Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format

Plus en détail

Guide de démarrage Tradedoubler. Manuel éditeur / affilié

Guide de démarrage Tradedoubler. Manuel éditeur / affilié Guide de démarrage Tradedoubler Manuel éditeur / affilié 1 DEMARRER 1. Devenir éditeur sur Tradedoubler 2. Ajouter ses informations bancaires 3. Bénéficier des paiements internationaux 4. Avoir accès aux

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Détail des spécificités techniques formats de publicité Web Régie publicitaire internet FIGAROMEDIAS - Contact : traffic-web@figaromedias.

Détail des spécificités techniques formats de publicité Web Régie publicitaire internet FIGAROMEDIAS - Contact : traffic-web@figaromedias. Détail des spécificités techniques formats de publicité Web Régie publicitaire internet FIGAROMEDIAS - Contact : traffic-web@figaromedias.fr FORMAT DE PUBLICITÉ DIMENSIONS EN PIXELS TYPES DE FICHIERS POIDS

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014 Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact

Plus en détail

Guide des Spécifications Techniques

Guide des Spécifications Techniques Guide des Spécifications Techniques V1.2 11/02/2014 Sommaire Contraintes techniques > Formats Standards p.3 > Formats Traffic Drivers p.4 > Formats Premiums p.5 > Formats Fort Impacts p.6 > Formats Mobiles

Plus en détail

mon site web via WordPress

mon site web via WordPress mon site web via WordPress Vocabulaire CMS : Content Management System WordPress fait partie de cette famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d applications

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information

Plus en détail

«Petit guide d utilisation Prezi» par Marc Nolet

«Petit guide d utilisation Prezi» par Marc Nolet «Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

Spétechs Mobile. Octobre 2013

Spétechs Mobile. Octobre 2013 Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

INTRODUCTION AU CMS MODX

INTRODUCTION AU CMS MODX INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de

Plus en détail

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail

Plus en détail

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/ Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce

Plus en détail

creer votre site internet en html/css

creer votre site internet en html/css 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour

Plus en détail

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

Internet Marketing Manager

Internet Marketing Manager L Internet Marketing Manager est un outil informatique facile à utiliser et moderne pour la conception et la gestion des processus marketing en-ligne et l optimisation de la présence sur Internet des entreprises.

Plus en détail

Plateforme PAYZEN. Intégration du module de paiement pour la plateforme Magento version 1.3.x.x. Paiement en plusieurs fois. Version 1.

Plateforme PAYZEN. Intégration du module de paiement pour la plateforme Magento version 1.3.x.x. Paiement en plusieurs fois. Version 1. Plateforme PAYZEN Intégration du module de paiement pour la plateforme Magento version 1.3.x.x Paiement en plusieurs fois Version 1.4a Guide d intégration du module de paiement Multiple Magento 1/24 SUIVI,

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web. Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en détail

E-TRANSACTIONS. Guide du programmeur API Plug-in. Version 1.1

E-TRANSACTIONS. Guide du programmeur API Plug-in. Version 1.1 E-TRANSACTIONS Guide du programmeur API Plug-in Version 1.1 Avertissements : Le fichier Version.txt précise l'environnement dans lequel l API a été compilée et testée. L'installation de l API sur tout

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

Plus en détail

Etude et développement d un moteur de recherche

Etude et développement d un moteur de recherche Ministère de l Education Nationale Université de Montpellier II Projet informatique FLIN607 Etude et développement d un moteur de recherche Spécifications fonctionnelles Interface utilisateur Responsable

Plus en détail

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

14.1. Paiements et achats en ligne

14.1. Paiements et achats en ligne Chapitre 14 Sécurité et Internet Si Internet vous permet de vous connecter et d accéder à des services et des sites du monde entier, il est important aussi de comprendre qu une fois connecté au Web votre

Plus en détail

Spécifications Techniques - Tablettes

Spécifications Techniques - Tablettes Spécifications Techniques - Tablettes SOMMAIRE : Le Figaro ipad.3 Le Figaro Magazine ipad.16 Interstitiel Le Figaro / Safari IPAD... 20 Le Figaro Madame ipad. 22 Le Figaro GOLF ipad 24 Le Figaro Android

Plus en détail

Manuel du composant CKForms Version 1.3.2

Manuel du composant CKForms Version 1.3.2 Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

formats mytamedia.ch Maxi Skyscraper Dimensions en pixels 245 x 600 Poids max. en Ko 70 CPM CHF 85 CPM ROS CHF 75

formats mytamedia.ch Maxi Skyscraper Dimensions en pixels 245 x 600 Poids max. en Ko 70 CPM CHF 85 CPM ROS CHF 75 desktop Maxiboard Skyscraper MAXI SKYscraper Maxiboard Dimensions en pixels 994 x 118 CPM CHF 105 CPM ROS CHF 95 Skyscraper Dimensions en pixels 160 x 600 CPM CHF 85 CPM ROS CHF 75 Maxi Skyscraper Dimensions

Plus en détail

Module pour la solution e-commerce Magento

Module pour la solution e-commerce Magento Module pour la solution e-commerce Magento sommaire 1. Introduction... 3 1.1. Objet du document... 3 1.2. Liste des documents de référence... 3 1.3. Avertissement... 3 1.4. Contacts... 3 1.5. Historique

Plus en détail

Guide de l utilisateur Mikogo Version Windows

Guide de l utilisateur Mikogo Version Windows Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

SYSTÈMES D INFORMATIONS

SYSTÈMES D INFORMATIONS SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.

Plus en détail

Manuel utilisateur estat Clics

Manuel utilisateur estat Clics Manuel utilisateur estat Clics Médiamétrie-eStat Buropolis, Bât 3 1240, route des Dolines Sophia Antipolis 06560 Valbonne Tél : 04 92 38 38 20 Fax : 04 92 96 91 25 E-mail : support-pro@estat.com SAS au

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? 9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins

Plus en détail

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PAYBOX SYSTEM Point Transaction Systems, 11 A, rue Jacques Cartier - 78280 Guyancourt - FRANCE Société par Actions Simplifiée au capital de

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB" Quelques conseils pour bien contribuer 1 Paramétrer votre navigateur web 2 Accéder au module de gestion des pages web 2

Plus en détail

JAHIA 6. Création et modification de sites web UniNE

JAHIA 6. Création et modification de sites web UniNE JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES

Plus en détail

Guide d implémentation. Réussir l intégration de Systempay

Guide d implémentation. Réussir l intégration de Systempay Guide d implémentation - Interface avec la plateforme de paiement - Réussir l intégration de Systempay Version 1.4b Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa

Plus en détail

Préambule. Sommaire. Ouverture de votre Service Client. Configuration de La Solution Crypto. Activation. Paramètres PagesIMMO

Préambule. Sommaire. Ouverture de votre Service Client. Configuration de La Solution Crypto. Activation. Paramètres PagesIMMO Préambule La Solution Crypto offre en standard la possibilité de publier vos annonces et de les diffuser sur Internet, sur votre site Web ou sur différents serveurs d annonces, comme le décrit en détail

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Formation. Module WEB 4.1. Support de cours

Formation. Module WEB 4.1. Support de cours Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

Réalisez votre propre carte de vœux Éléctronique

Réalisez votre propre carte de vœux Éléctronique Les différentes possibilités d animer une carte de vœux Il existe plusieurs possibilités d animer une carte de vœux : - Une Vidéo : Vous pouvez créer une vidéo, un film simplement avec Windows Media Player.

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

K-Portal et K-Sup 5.1 des nouveautés. Détails

K-Portal et K-Sup 5.1 des nouveautés. Détails K-Portal et K-Sup 5.1 des nouveautés Détails 5.1 Découvrez comment cette nouvelle version vous aidera à : " élargir considérablement votre offre de contenu, " proposer de nouveaux services à vos publics,

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.

Plus en détail

CREATION d UN SITE WEB (INTRODUCTION)

CREATION d UN SITE WEB (INTRODUCTION) CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour

Plus en détail

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

Formation Website Watcher

Formation Website Watcher Formation Website Watcher Page 1 Comprendre le fonctionnement du Web Glossaire Structure du Web et protocoles Langages webs et veille Page 2 Comprendre le fonctionnement du Web Glossaire Page 3 Nom de

Plus en détail

Prise en main rapide

Prise en main rapide Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un

Plus en détail

Guide d utilisation. Version 1.1

Guide d utilisation. Version 1.1 Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com

Plus en détail

Spécifications techniques

Spécifications techniques Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables

Plus en détail

KIT MEDIA 2014. LE SITE DE RECRUTEMENT des personnes en situation de handicap. L outil de vos actions de Sourcing et de Communication

KIT MEDIA 2014. LE SITE DE RECRUTEMENT des personnes en situation de handicap. L outil de vos actions de Sourcing et de Communication KIT MEDIA 2014 LE SITE DE RECRUTEMENT des personnes en situation de handicap L outil de vos actions de Sourcing et de Communication Dernière mise à jour février 2014 CED : L ACTEUR INCONTOURNABLE DE L

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

Créer un site WordPress

Créer un site WordPress Utilisation pédagogique d une solution de gestion de contenu Créer un site WordPress Portfolio, Blog, plateforme,... Les blogs et les plateformes d enseignants sont un moyen de poursuivre la relation élèveenseignant

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS QUI EST MAXIWEB? Maxiweb est une agence digitale pas comme les autres. Un seul objectif : faire de vous le ROI Pôle Consulting Pôle

Plus en détail

Tarifs France. Spécifications Techniques mars 2015

Tarifs France. Spécifications Techniques mars 2015 Tarifs France Spécifications Techniques mars 2015 FORMATS 1/2 FORMAT DESKTOP MOBILE TABLETTE APPLICATIONS IPTV INSTREAM Pre-roll vidéo (jusqu'à 30'') Pre-roll + compagnon (jusqu'à 30'') Compagnon Overlay

Plus en détail

Un mini-site internet en une après-midi

Un mini-site internet en une après-midi Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,

Plus en détail

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif.

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif. GUIDE D UTILISATION à destination des associations et organismes sans but lucratif Page 1 Table des matières I. Activation du compte Ipab-Association et première connexion... 4 1. L email d activation...

Plus en détail