AdOps Spécifications techniques publicitaires

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "AdOps Spécifications techniques publicitaires"

Transcription

1 AdOps Spécifications techniques publicitaires Matériel publicitaire HTML5 (Desktop) Les spécifications suivantes doivent être respectées pour la fourniture de matériel publicitaire HTML. Si vous utilisez des redirects ou third party tag, ce n est pas nécessaire de suivre nos spécifications. S il s agit de matériel HTML physiquement, une image Fallback en JPG, GIF ou PNG est impératif. Si le matériel HTML 5 n est pas comme mentionné dans nos spécifications, nos équipes AdOps se permettront d utiliser l image Fallback. Important: le fichier HTML complet ne doit pas dépasser la taille de 150 KB. Structure du dossier Tous les documents nécessaires doivent être rassemblés dans un dossier. Ce dossier ne doit pas contenir de sous-dossiers, exemple : Le dossier doit être comprimé en.zip. Les fichiers nécessaires (photos, vidéos, etc.) peuvent également être hébergés sur votre serveur FTP. Dans ce cas, vous devez nous envoyer uniquement le fichier index.html. Le code source doit être muni d URL absolues (vers le serveur Web). Code source Retirez toutes les balises de la structure de base HTML de votre fichier: <html> <head> <title> </title> </head> <body> </body> </html>

2 Des liens vers les pages d atterrissage peuvent être définis directement dans le code source: <a href= target= _blank ></a> Tous les scripts doivent être soit intégrés directement sous forme. <script> dans l index.html soit lancés de manière externe. De plus la fonction jquery.noconflict() devra être mise en place, aucune fonction utilisant $ ne sera accepté. Tous les noms de classes, variables et fonctions doivent être uniques. Style Sheet CSS Ne créez pas de Style Sheet séparé. Les styles doivent être implémentés directement dans le code du matériel publicitaire. A cet effet, utilisez la déclaration: <style type="text/css"></style> Charsets autorisés: UTF-8 Outils de création de matériel publicitaire L utilisation d outils tels «Adobe Edge» pour générer du matériel publicitaire HTML5 ne permet pas de garantir la comptabilisation des clics, car les spécifications citées cidessus ne sont pas respectées. Des outils tels que «Swiffy», proposé par Google permettent de convertir les animations flash en HTML5 : Il est également possible depuis Adobe Flash CS6 d exporter les animations pour l HTML5. Important : les outils d exports/convertisseurs sont une solution alternative mais qui ne remplacent pas une création en HTML5. Aussi, nous ne garantissons le bon rendu visuel de l animation via des outils de ce type. Spécifications Expandable Ad Il existe deux méthodes pour générer l expansion du format publicitaire : sur un passage du curseur (Mouse-Over), l effet Expand est activé quand l utilisateur passe le curseur sur le format publicitaire ; sur un clic (Mouse- Click), l effet Expand est activé quand l utilisateur clique sur le format publicitaire. Dès que le curseur sort du format publicitaire, celui-ci doit se rétracter automatiquement. Important : si le format publicitaire doit démarrer en expansion (ouvert), il sera déclaré comme Floating-Ad et soumis au groupe tarifaire correspondant.

3 Il est recommandé d ajouter aux liens, dans le code HTML, des codes de suivi propres Spécifications pour la livraison de matériels publicitaires pour mobiles HTML (physique) Pour les matériels publicitaires physiques en HTML, veuillez respecter les spécifications suivantes: Structure Le fichier d index doit impérativement posséder l extension de nom de fichier «.html». Le fichier index.html doit se trouver à la racine du répertoire. Il est recommandé d ajouter aux liens (dans le code HTML) des codes de suivi propres Illustrations / styles Pour les illustrations, il ne faut utiliser que des formats de fichier compatibles avec les mobiles (p. ex.,.png ou.jpeg). Le matériel publicitaire doit être configuré sur une largeur de 320 pixels en HTML/CSS. Dans les bannières, il faut toutefois intégrer des illustrations d une largeur de 640 pixels. Cela permet de s assurer que la bannière sera affichée correctement dans WebView et que les illustrations seront quand même optimisées pour les écrans Retina. Exemple de bannière: <div style= width:320px; height:64px; ><img width= 100% height= 100% src= creative640x128.jpg /></div> Exemple de Pre-/Interstitial: <div style= width:320px; height:416px; ><img width= 100% height= 100% src= creative640x832.jpg /></div>

4 HTML (par lien) Le matériel publicitaire peut être hébergé sur votre propre serveur Web. Dans ce cas, il suffit de nous fournir l URL vers la bannière et il faut également respecter les spécifications cidessus. Redirections Pour les redirections, veuillez tenir compte des points suivants: Les redirections doivent impérativement avoir les dimensions suivantes: largeur de 320 px (Wideboard, Interstitial) ou 300 px (Rectangle). Les photos liées doivent toutefois être intégrées à la résolution double (voir section «Illustrations / styles» cidessus). En principe, nous sommes en mesure de comptabiliser les clics des redirections des principaux serveurs de publicités. Spécifications tablette Le matériel publicitaire pour tablette peut être fourni dans les variantes décrites ci-dessous. Photos Pour les photos, il faut utiliser la double résolution (Retina) au format indiqué dans le tarif. L ipad Interstitial et l ipad Stripe-Ad nécessitent deux formats (paysage/portrait). HTML (physique) Structure Le fichier d index doit impérativement posséder l extension de nom de fichier «.html». Le fichier index.html doit se trouver au plus haut niveau du répertoire. La fonction pivotante doit être assurée via CSS pour afficher les modes portrait et paysage. Voici un exemple: <div id="horizontal">horizontal</div> <div screen and (min-width: 768px) { div#horizontal {display: block;} div#vertikal {display: none;} screen and (min-height: 768px) {

5 div#horizontal {display: none;} div#vertikal {display: block;} } Il est recommandé d ajouter aux liens, dans le code HTML, des codes de suivi propres Illustrations / styles Pour les illustrations, il ne faut utiliser que des formats de fichier compatibles avec les mobiles (p. ex.,.png ou.jpeg). Le matériel publicitaire doit être configuré via HTML/CSS sur la largeur/longueur indiquées dans le tarif. Les photos doivent être intégrées à l HTML en résolution Retina. HTML (par lien) Le matériel publicitaire peut être hébergé sur votre propre serveur Web et il suffit de nous fournir une URL vers la bannière. Dans ce cas, il faut également respecter les spécifications ci-dessus. Redirections Elles ne sont pas acceptées sur ipad-interstitial car le préchargement de l annonce entraîne des différences de chiffres. Pour les annonces ipad Stripe et demi-page, il faut respecter les points suivants: la redirection doit impérativement afficher la dimension (largeur/hauteur) indiquée dans le tarif. Les photos peuvent être intégrées au matériel publicitaire en résolution Retina. En principe, nous sommes en mesure de comptabiliser les clics des redirections des principaux serveurs de publicités.

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

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

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

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

Spétechs Mobile. F é v r i e r 2 0 1 4

Spétechs Mobile. F é v r i e r 2 0 1 4 Spétechs Mobile F é v r i e r 2 0 1 4 Appli ios Appli Android Site Mobile Web Mobile Les clicks URL Appli ios Créa en dur HTML5 Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing

Plus en détail

Spécifications techniques créations publicitaires 2015

Spécifications techniques créations publicitaires 2015 Spécifications techniques créations publicitaires 2015 1.357 millions de visiteurs uniques 21.83 millions De page vues/ mois (Source AT Internet Mars 2015) (Source AT internet Mars 2015) Spec / Clicktag

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

Contacts Trafficking: Stéphanie Segain Carole Lafarge Cathy Idel ssegain@nextregie.fr clafarge@nextregie.fr cidel@nextregie.fr 01 71 18 53 36 01 71

Contacts Trafficking: Stéphanie Segain Carole Lafarge Cathy Idel ssegain@nextregie.fr clafarge@nextregie.fr cidel@nextregie.fr 01 71 18 53 36 01 71 CONTRAINTES TECHNIQUES Contacts Trafficking: Stéphanie Segain Carole Lafarge Cathy Idel ssegain@nextregie.fr clafarge@nextregie.fr cidel@nextregie.fr 01 71 18 53 36 01 71 18 53 16 01 71 18 54 64 HTML5

Plus en détail

Afin de garantir un affichage correct des créations Images, il faut obligatoirement respecter les conditions suivantes :

Afin de garantir un affichage correct des créations Images, il faut obligatoirement respecter les conditions suivantes : SPECIFICATIONS TECHNIQUES MOBILE & TABLETTE Spécifications selon type de créations... 2 Spécifications generales des formats... 3 Applications smartphone iphone... 4 Applications tablette ipad... 5 Applications

Plus en détail

Spécifications techniques pour la publicité numérique

Spécifications techniques pour la publicité numérique Spécifications techniques pour la publicité numérique Dernière mise à jour: Septembre 2014 Page 1 Directives générales pour tous les supports publicitaires Détails techniques Livraison Pour permettre à

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

Contacts Trafficking: Stéphanie Segain Carole Lafarge Cathy Idel ssegain@nextregie.fr clafarge@nextregie.fr cidel@nextregie.fr 01 71 18 53 36 01 71

Contacts Trafficking: Stéphanie Segain Carole Lafarge Cathy Idel ssegain@nextregie.fr clafarge@nextregie.fr cidel@nextregie.fr 01 71 18 53 36 01 71 CONTRAINTES TECHNIQUES Contacts Trafficking: Stéphanie Segain Carole Lafarge Cathy Idel ssegain@nextregie.fr clafarge@nextregie.fr cidel@nextregie.fr 01 71 18 53 36 01 71 18 53 16 01 71 18 54 64 Instructions

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

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Solution E-transactions Date: 12/02/2015 E-transactions NOTE TECHNIQUE Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Version du 12/12/2015 1 Crédit Agricole S.A, société anonyme au

Plus en détail

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

Plus en détail

DIGITAL TECHNIQUES2015 SPECIFICATIONS

DIGITAL TECHNIQUES2015 SPECIFICATIONS DIGITAL TECHNIQUES2015 SPECIFICATIONS 1 SPECIFICATIONS TECHNIQUES 2015 GENERALITES Adserver régie utilisé : Smart Ad Server Délai de réception des éléments techniques classiques : 5 jours ouvrés avant

Plus en détail

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Annonces en ligne Jobat.be Données techniques

Annonces en ligne Jobat.be Données techniques Annonces en ligne Jobat.be Données techniques 1. Types de fichiers 2. Formats et taille des fichiers 3. Fiches d entreprise et jobs HTML 4. Mailings 5. Video job / d entreprise 6. Jobat Mobile 7. Contactez

Plus en détail

MODE D EMPLOI POUR LA MISE A JOUR DU SITE INTERNET APICED.Fr

MODE D EMPLOI POUR LA MISE A JOUR DU SITE INTERNET APICED.Fr MODE D EMPLOI POUR LA MISE A JOUR DU SITE INTERNET APICED.Fr Accès au site : http://www.apiced.fr Module d administration : http://www.apiced.fr/ecrire Login : apiced / Mot de passe : adminsite Le présent

Plus en détail

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com

Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des

Plus en détail

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité.

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité. Bannière standard Une bannière publicitaire standard est une publicité pouvant être statique ou animée. Cette publicité peut permettre un large éventail d'actions, notamment l'accès à un site mobile, une

Plus en détail

Recommandations Techniques

Recommandations Techniques Recommandations Techniques Remise des éléments techniques 5 jours ouvrés avant la date de lancement de votre campagne Contact : service-coordination@mb-diffusion.com Conditions générales : Nous vous remercions

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

bilan.ch la référence suisse de l économie mytamedia.ch Prix et prestations numériques 2015 V 28.10.2015

bilan.ch la référence suisse de l économie mytamedia.ch Prix et prestations numériques 2015 V 28.10.2015 bilan.ch la référence suisse de l économie Prix et prestations numériques 2015 Web-tablette-smartphone PROFIL DES INTERNAUTES profil des internautes SITE: DONNÉES MÉDIA données média Données de base Site

Plus en détail

Préparation d un post (article) pour idweblogs

Préparation d un post (article) pour idweblogs Préparation d un post (article) pour idweblogs 30/09/2013 Préparation des documents... 2 Le texte... 2 Les images... 2 Les vidéos... 3 Transmission des documents à idweblogs... 4 Par mail... 4 Via notre

Plus en détail

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

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Mode d emploi SPIP 2.0 pour rédacteur

Mode d emploi SPIP 2.0 pour rédacteur Mode d emploi SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part

Plus en détail

APPENDICE A : SPÉCIFICATIONS TECHNIQUES POUR LA PUBLICITÉ EN LIGNE

APPENDICE A : SPÉCIFICATIONS TECHNIQUES POUR LA PUBLICITÉ EN LIGNE SPÉCIFICATIONS TECHNIQUES POUR LA PUBLICITÉ EN LIGNE THE SPÉCIFICATIONS WEATHER NETWORK TECHNIQUES PROGRAMMING POUR LA PUBLICITÉ EN LIGNE Formats disponibles 728 x 90 Super Banner 300 x 600 Billboard 300

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

AD SPECIFICATIONS. Bannières standards. Livraison directe (Site Served) Créations. Animation. Fichiers à fournir. Disponibilité.

AD SPECIFICATIONS. Bannières standards. Livraison directe (Site Served) Créations. Animation. Fichiers à fournir. Disponibilité. Bannières standards Une bannière publicitaire standard est une publicité pouvant être statique ou animée. Cette publicité peut permettre un large éventail d'actions, notamment l'accès à un site mobile,

Plus en détail

Facebook PS Shop Tab. Pré-requis Serveur. Pré-requis Facebook

Facebook PS Shop Tab. Pré-requis Serveur. Pré-requis Facebook Facebook PS Shop Tab Version : 2.2.7 Date de dernière mise à jour : 29/12/2011 Développement : Business Tech modules@businesstech.fr Démo : http://www.facebook.com/arthusandco Pré-requis Serveur La nouvelle

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

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

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

II. Image = un type de média en vocabulaire Joomla

II. Image = un type de média en vocabulaire Joomla AJOUT D IMAGES DANS UN ARTICLE I. A savoir Pour agrémenter les articles, il est intéressant de pouvoir y ajouter des images. Cette action importante demande de la rigueur dans son exécution afin de : -

Plus en détail

Utilisation du site Graines d explorateurs

Utilisation du site Graines d explorateurs Utilisation du site Graines d explorateurs Connexion au site Munissez vous de votre identifiant et de votre mot de passe puis cliquez sur le lien «se connecter» situé en bas à droite du site Graines d

Plus en détail

DONNÉES MEDIAS. Online Mobile Web TV Mission Photographique

DONNÉES MEDIAS. Online Mobile Web TV Mission Photographique DONNÉES MEDIAS Online Mobile Web TV Mission Photographique Publicité standard / prix & formats Légende Format Pixels CPM en CHF Prix en CHF 1 Maxiboard 994 x 118 50-2 Wideboard 994 x 250 60-3 Monstersky

Plus en détail

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08 CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après

Plus en détail

Spécifications Techniques Janvier 2016

Spécifications Techniques Janvier 2016 Spécifications Techniques Janvier 2016 Règles générales : Télécharger la dernière version à cette adresse : http://purch.fr/content/home/specificationstechniques_purch.pdf Adserver : DoubleClick For Publishers

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

Système de gestion de contenu (SGC)

Système de gestion de contenu (SGC) Bracher-Automation Système de gestion de contenu (SGC) Guide de l'utilisateur 05.09.09 12:03:22 1/12 Index Système de gestion de contenu (SGC)...1 Introduction...3 Explication du système...3 Fichiers et

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

GESTION DE SITE Table des matières

GESTION DE SITE Table des matières GESTION DE SITE Table des matières 1- Page d accueil de l interface de gestion de site...1 2- Table Menu...4 3- Éditeur de texte...5 4- Insérer une image dans une page...6 5- Créer un lien hypertexte vers

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

Utilisation Des Widgets ITEA

Utilisation Des Widgets ITEA Utilisation Des Widgets ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web... 5 2.1 Intégration du widget en JavaScript... 5 2.2 Exemples... 6 2.3 Paramètres iframe et aveccss... 6 2.4

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

WEISCHER ONLINE GMBH. Spécifications 2015

WEISCHER ONLINE GMBH. Spécifications 2015 WEISCHER ONLINE GMBH Spécifications 2015 SPÉCIFICATIONS SOMMAIRE A. Généralités Livraison des supports publicitaires, délais Flash, Redirect B. Formats de publicité standard Leaderboard Maxi Leaderboard

Plus en détail

Manuel d utilisation de la personnalisation avancée des pages web

Manuel d utilisation de la personnalisation avancée des pages web Manuel d utilisation de la personnalisation avancée des pages web Version 1.B Payline PROPRIETAIRE Page 1/15 Version du modèle : DocStd_50 Page des évolutions Le tableau ci-dessous liste les dernières

Plus en détail

Tarifs 2014. Vous allez en parler. 84 400 internautes. * Source TNS-ILReS.

Tarifs 2014. Vous allez en parler. 84 400 internautes. * Source TNS-ILReS. Tarifs 2014 Vous allez en parler 84 400 internautes. * Source TNS-ILReS. Web Données trafic Le site est disponible en français et en allemand! Un site Internet complémentaire au journal : www.lessentiel.lu

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

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 > Habillage de

Plus en détail

Comment Gérer votre Bannière Publicitaire sur 01viral.fr

Comment Gérer votre Bannière Publicitaire sur 01viral.fr Comment Gérer votre Bannière Publicitaire sur 01viral.fr Petit Guide Pratique POUR LES DEBUTANTS PRINCIPE POUR QUE VOTRE UTILISATION DE VOTRE RESEAU 01VIRAL.FR SOIT EFFICACE, VOUS DEVEZ IMPERATIVEMENT

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

NFA 074. 06 - Projet HTML-CSS

NFA 074. 06 - Projet HTML-CSS NFA 074 06 - Projet HTML-CSS 06 - Projet HTML-CSS Le plus grand soin a été apporté à la réalisation de ce support pédagogique afin de vous fournir une information complète et fiable. Cependant, le Cnam

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013

Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013 Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013 Après avoir installé SharePoint Foundation 2013, puis configuré le moteur de recherche, voyons comment personnaliser

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

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

Plus en détail

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE Le module de recherche de groupe permet aux utilisateurs de sélectionner un emplacement spécifique de restaurant à partir

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

Ajouter une image dans un article

Ajouter une image dans un article Ajouter une image dans un article Supposons que vous vouliez mettre une image dans un article déjà créé précédemment mais pas encore validé à la publication. Deux possibilités s offrent à vous : Intégrer

Plus en détail

Programmation Web TP1 - HTML

Programmation Web TP1 - HTML Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML

Plus en détail

Guide Reseller Onbile

Guide Reseller Onbile Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» La gestion des photos avec Windows 10 1 Généralités sur le jargon de l image numérique Les différents formats d image : une image enregistrée

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

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules?

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules? Travail dirigé : éléments de correction Item B53 du C2I Lycée M. Ponty II- Travail d analyse technique d un site Afin de vous proposez une présentation cohérente, votre entreprise à mis en ligne une illustration

Plus en détail

GESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9

GESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9 GESTION DU LOGO 1. Comment gérer votre logo? 2 1.1. Insérer un logo 3 1.1.1. Insérer un logo dans le bandeau 3 1.1.2. Insérer un logo dans les éditions 4 1.2. Supprimer un logo 6 1.2.1. Supprimer un logo

Plus en détail

Menu. Modifier les images et les photos avec Picture Manager

Menu. Modifier les images et les photos avec Picture Manager Menu Modifier les images et les photos avec Picture Manager 1. Lancer le logiciel (page 2) 2. Sélectionner le dossier à afficher 3. Créer le raccourci vers les images 4. Découvrir le logiciel (page 3)

Plus en détail

Didapages Livres numériques

Didapages Livres numériques Livres numériques Didapages est un logiciel simple et puissant qui permet très simplement : - de créer des livres multimédias et interactifs, avec texte, image, son et vidéo ; - de créer et proposer suivant

Plus en détail

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3 MEMENTO Interface d administration du site www.ville-joigny.fr I. Identification :... 2 II. Présentation de l interface :... 3 III. Modification des pages du site :... 5 A. Chaque paragraphe comporte un

Plus en détail

Chapitre 1 Créer votre site web avec Dreamweaver 8 11

Chapitre 1 Créer votre site web avec Dreamweaver 8 11 Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur... 12 1.2. Découvrir l interface de Dreamweaver... 15 La manipulation de l interface... 16 La gestion

Plus en détail

Bannières : conseils de D.A. Module Webdesigner

Bannières : conseils de D.A. Module Webdesigner Bannières : conseils de D.A Module Webdesigner Interactivité Les éléments d'interactivité peuvent améliorer la sensibilisation à la marque de 63%. Le son et l'animation aident à distinguer des autres éléments

Plus en détail

Tutoriel Ionic framework

Tutoriel Ionic framework INGÉNIEURS EN SCIENCES INFORMATIQUES ADAPTATION DES INTERFACES A L ENVIRONNEMENT Tutoriel Ionic framework Tutoriel et présentation du framework IONIC : technologie permettant la réalisation d applications

Plus en détail

2012 Pearson France HTML & CSS Jon Duckett

2012 Pearson France HTML & CSS Jon Duckett 4 XX XX XX Création de liens entre des pages Liens vers d autres sites Liens de messagerie électronique Les liens sont au cœur du Web, car ils permettent à l internaute de se déplacer entre les pages,

Plus en détail

Spécifications techniques - Digital

Spécifications techniques - Digital Spécifications techniques - Digital DISPLAY Rustica.fr Méga bannière Masthead : FORMATS Pavé Méga bannière : 728 x 90 pixels Masthead : 970x250 pixels Pavé : 300 x 250 pixels Double pavé : 300 x 600 pixels

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

Mode d emploi du logiciel PhotoFiltre

Mode d emploi du logiciel PhotoFiltre Mode d emploi du logiciel PhotoFiltre Ce document a pour but de vous aider à redimensionner vos images. Confidentiel E-comouest 2009 Tous droits de reproduction interdits. 1. Installer PhotoFiltre 1. Installer

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Formation à l'utilisation de XnView

Formation à l'utilisation de XnView Formation à l'utilisation de XnView Clément Lièvre - octobre 2013 - novembre 2014 Comment trier ses photos 1. Dans la fenêtre de gauche, développer l'arborescence et créer un sous-dossier "sélection" dans

Plus en détail

Mairie de Bayonne. Manuel utilisateur Agenda BAB

Mairie de Bayonne. Manuel utilisateur Agenda BAB Mairie de Bayonne Manuel utilisateur Agenda BAB Contact : Laurie Dumora 05 59 46 60 17 18/05/2012 Sommaire 1 Se connecter à typo3... 3 2 Présentation de l interface «typo3»... 3 2.1 Menu principal et tableau

Plus en détail

Réaliser une page du site http://la-ba.lyceegutenberg.net

Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Récupérer les éléments récupérer sur le bureau de votre ordinateur à partir du serveur

Plus en détail

SPECIFICITES TECHNIQUES display vidéo mobile- tablette

SPECIFICITES TECHNIQUES display vidéo mobile- tablette 2015 SPECIFICITES TECHNIQUES display vidéo mobile- tablette SPECIFICITES TECHNIQUES - DISPLAY FORMATS CLASSIQUES (fournir également l url de redirection et le gif de back up) GIGA BANNER Taille : 1000x90

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

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

Spécifications techniques

Spécifications techniques Spécifications techniques Site et.com Procédures de mise en ligne: p2 1. Formats p2 2. Modalités d envois p2 2.1 Contacts p2 2.2 Délais de réception p2 Eléments techniques : p3 1. Espace de présentation

Plus en détail

Documentation FREEBOX TEAM Rev. 1.0 (5 mars 2008) c Free 2008

Documentation FREEBOX TEAM Rev. 1.0 (5 mars 2008) c Free 2008 Documentation FREEBOX TEAM Rev. 1.0 (5 mars 2008) c Free 2008 Table des matières 1 Introduction 3 2 Pré-requis techniques 4 2.1 Langage HTML.............................. 4 2.2 Hébergement et connectivité

Plus en détail

Synchroniser ses photos

Synchroniser ses photos Synchroniser Avec l'arrivée des smartphones et tablettes équipés de fonctions «appareils photos», nous réalisons de plus en plus de photos avec ceux-ci. Soucis, la mémoire de ces outils n'est pas aussi

Plus en détail

A.-M. Cubat Installation d un éditeur html intégré à PMB : TinyMCE Page 1 Source : http://amcubat.be/docpmb/pmb-installation-editeur-html-tinymce

A.-M. Cubat Installation d un éditeur html intégré à PMB : TinyMCE Page 1 Source : http://amcubat.be/docpmb/pmb-installation-editeur-html-tinymce A.-M. Cubat Installation d un éditeur html intégré à PMB : TinyMCE Page 1 Pour créer des infopages dans PMB, ou pour profiter pleinement des possibilités offertes par le portail inclus dans la version

Plus en détail

HTML. 3 septembre 2014

HTML. 3 septembre 2014 OCI 3 septembre 2014 HTML Exercice 1 Enregistrer le code source minimal d une page HTML. Ouvrir le fichier à la fois dans un éditeur de texte et dans un navigateur. Observer l effet de la modification

Plus en détail

Implémentation Online3

Implémentation Online3 Implémentation Online3 Introduction La solution hébergée (Hosted) signifie que l url du dialogue de réservation est placée sur un sous domaine du site de la destination (par exemple resa.destination.com)qui

Plus en détail

Spécificité du CMS SPIP pour le site Natixis Assurances

Spécificité du CMS SPIP pour le site Natixis Assurances Spécificité du CMS SPIP pour le site Natixis Assurances Les mots-clés : Nous nous servons des mots clés pour relier des articles ou rubriques à des éléments du site. Nous avons créé 3 groupes de mots-clés

Plus en détail

WORDPRESS version 4.0 GUIDE DE PROCÉDURES. René Lortie Info@rlortie.ca rlortie.ca 514 489 1459. Pour sites WordPress autohébergés

WORDPRESS version 4.0 GUIDE DE PROCÉDURES. René Lortie Info@rlortie.ca rlortie.ca 514 489 1459. Pour sites WordPress autohébergés WORDPRESS version 4.0 GUIDE DE PROCÉDURES Pour sites WordPress autohébergés René Lortie Info@rlortie.ca rlortie.ca 514 489 1459 TABLE DES MATIÈRES Créer un nouvel article... 3 Assigner une catégorie à

Plus en détail

Documentation Hébergement Version 1.1 Janvier 2007

Documentation Hébergement Version 1.1 Janvier 2007 Documentation Hébergement Version 1.1 Janvier 2007 VOUS DISPOSEZ D UN HEBERGEMENT ANTHEMIS... 2 I. CONSOLE D HEBERGEMENT... 2 I.1 ACCES A LA CONSOLE... 2 I.2 NAVIGATION AU SEIN DE LA CONSOLE... 4 I.3 MENU

Plus en détail

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés.

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés. TP N 4 Page d accueil Wordpress Ojectif Gérer du texte avec des images Accueil par défaut Par défaut, la page d accueil affiche les 10 derniers articles publiés. Nous souhaitons une page d accueil avec

Plus en détail