Optimiser les s marketing Les points essentiels

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

Download "Optimiser les e-mails marketing Les points essentiels"

Transcription

1 Optimiser les s marketing Les points essentiels

2 Sommaire Une des clés de succès d un marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement auprès du plus grand nombre de serveurs de messagerie et webmails (déliverabilité). Voici les points essentiels de la création à l intégration d un marketing. Le contenu visuel Le contenu HTML La livraison des éléments

3 Le contenu visuel Ce qu il faut faire Ce qui est déconseillé Ce qu il ne faut pas faire La largeur de l Respecter une largeur d <= 620 pixels. C est la largeur la mieux adaptée pour les fenêtres de pré-visualisation. Le poids de l Il est recommandé d avoir un poids d < 170Ko. La pré-visualisation Concentrer les éléments importants dans les premiers pixels (correspondant à la taille moyenne des fenêtres de prévisualisation) : le QUI (votre logo ou marque), le QUOI (votre message / offre), et le COMMENT (L action pour agir et profiter de cette offre). Le texte codé en HTML Mettre du texte codé en HTML à la place de textes en image quand cela est possible. Non seulement, le texte sera visible dans le cas ou les images n apparaissent pas, mais vous participez activement à l augmentation du ratio Textes - Images Le texte dans une image Eviter de mettre trop de texte en image et soyez sur que le texte est lisible (interprétation par les filtres via OCR - lecteur d image pour analyser et décrypter le contenu texte). Mots clés et «agressif» Il faut faire attention aux termes utilisés dans votre puisque certains mots clés peuvent déclencher une alerte sur les filtres et chez les FAIs (ne pas utiliser «Cliquez ici» par exemple). Attention aussi à l utilisation répétée des mots en majuscules. Les images Compresser vos images au maximum pour accélérer la réception, réduire le poids de votre et participer à une meilleure déliverabilité. L tout image Ne pas réaliser un avec une image unique. Celui-ci risque fortement d être bloqué ou sera invisible si les images sont désactivées sur le webmail. image «mappée» Ne pas utiliser d images avec des zones de map. Des découpes avec les liens spécifiques sont préférables. Les images de fond Bien qu il soit déconseillé de mettre des images de fond dans un , penser à mettre des fonds colorés sous vos images de fond pour éviter de vous retrouver avec du texte blanc sur fond blanc par exemple si les images ne sont pas visibles. Le contenu Rich Media Eviter les contenus Rich Media trop lourds ou trop grands (Gifs animés) ou la surchage en nombre. La page miroir Si le routeur ne le prévoit pas automatiquement, penser à proposer une visualisation externe de l (page miroir) si l internaute a des dificultés ou ne peut pas voir celui-ci. (Si vous avez des difficultés pour visualiser ce message, accédez à la version en ligne) Le lien de désabonnement Indiquer dans votre le lien de désabonnement. Eviter de masquer celui ci (taille plus petite ou teinte proche de la couleur de fond) pour obtenir un meilleur score en déliverabilité. Titre Penser à donner un titre à votre contenu HTLM.

4 Le contenu HTML Ce qu il faut faire Ce qui est déconseillé Ce qu il ne faut pas faire Les programmes inadaptés Eviter d utiliser des applications comme Microsoft Word / FrontPage qui sont inefficaces et génèrent de nombreux problèmes de code. HTML 4.0 Utiliser de préférence le HTML 4.0 pour l'intégration de votre . Cet encodage est le mieux supporté par le plus grand nombre de plateformes. Valider la compatibilité W3C du code. Les formulaires Ne pas insérer de formulaire dans les s. De nombreux filtres et FAIs désactivent ou bloquent les formulaires. Préférer un lien avec un formulaire associé. Les CSS N utiliser aucun CSS, feuille de style externe ou interne (dans la partie HEAD du code). Préférer l utilisation de balise «font» dans le code. Les commentaires Enlever tous les commentaires non actifs contenus dans votre code. JavaScript, animation Flash et autre script Ne pas mettre de javascript ou autre script dans un . Celui-ci sera bloqué pour prévenir un éventuel contenu dangereux. Les liens URLs Vérifier que la longueur maxi des lien URLs ne dépasse pas 165 caractères. Un lien trop long peut être coupé ou être assimilé à du contenu dangereux. De même, ne pas utiliser de liens URLS avec des adresses IPs (adresse de type ). La zone d action cliquable Rendre votre entièrement cliquable pour maximiser la zone d action. Les balises «ALT» Renseigner les balises «ALT» de toutes vos images. Visualiser votre sans les images et remplacer celles-ci par du texte pour que la lecture soit compréhensive et cohérente. Les accents et les caractères spéciaux Remplacer les accents et caractères spéciaux avec les versions étendues nominatives ou numériques. Ex : «é» = «é» = «&#233» La balise «MAILTO» Ne pas utiliser de balise «MAILTO» dans votre code. Les fichiers attachés Ne jamais attacher de fichier (même un fichier image) à votre . La profondeur et le découpage des tableaux Eviter de créer des tableaux trop profonds et simplifier le code au maximum. Eviter d utiliser les balises «COLSPAN». Les % pour les largeurs de tables Ne pas utiliser des % pour les largeurs de tables et les balises «ROWSPAN» Le nom des dossiers et fichiers images Ne pas utiliser d accents, de caractères spéciaux, de points et d espaces.

5 Pour ne rien oublier... Faire Utiliser la norme HTML 4.0 et valider que votre code est compatible W3C. Vérifier que la largeur de votre est < à 620 pixels et le poids < à 170Ko. Penser à augmenter le ratio de textes par rapport aux images. Positionner quand cela est possible le QUI - QUOI - COMMENT dans la fenêtre de prévisualisation. Réduire au maximum le poids des image.s Simplifier au maximum le code HTML. Préférer du texte HTML à du texte image pour augmenter le ratio de textes par rapport aux images. Indiquer le lien de la page miroir et le lien de désabonnement. Renseigner toutes les balises ALT. Rendre l ensemble de votre cliquable. Remplacer tous les CSS par des balises font dans le code HTML. Donner un titre à votre . Vérifier la longueur des liens (<165 caractères). Coder les accents et caractères spéciaux en version nominative ou numérique. Eviter Les images de fond. Les contenu Rich Média trop lourds ou inadaptés. Un nombre important de tableaux imbriqués, les COLSPAN. Ne pas faire Un avec 1 seule image. Des zones de map sur les images. Utiliser des programmes inadaptés pour coder l' . Mettre des formulaires. Mettre des animations Flash, du javascript ou tout autre script Utiliser des CSS dans les balises HEAD. Insérer des commentaires dans le code. Utiliser des % pour les largeur de tableaux Utiliser des balises ROWSPAN Utiliser des balises MAILTO Attacher des fichiers. Utiliser des caractères spéciaux, des espaces ou des points dans les noms de fichiers images ou dossiers. Utiliser des caractères spéciaux ou des espaces dans les liens.

6 La livraison des éléments La charte graphique Nous pouvons nous adapter à votre charte graphique uniquement si nous en connaissons les tenants et aboutissants. Le cahier des charge peut nous être livré sur CD, via ou FTP. Les images et documents sources Nous vous demandons de vérifier que vous avez les droits d utilisations des images fournies. Il est recommandé de nous fournir des images de taille et de qualité correcte pour une utilisation optimum dans la création. Vous pouvez aussi nous livrer certaines illlustrations ou logo en format vectoriel Adobe Illustrator (de préférence au format CS). Un fichier finalisé en vue d une intégration Dans le cas d une intégration à partir d une création fournie, nous avons besoin d un fichier Adobe Photoshop (.PSD) - Le format CS2 ou CS3. - La résolution du fichier 72 dpi - Le mode RVB - Aucun calque ne doit être aplati Il est à noter que les textes en format HTML après intégration ne seront pas «lissés» comme dans le fichier fourni. Pour visualiser le texte non lissé, paramétrer l antialiasing sur «SANS» et utiliser uniquement les polices standards «Arial, Verdana, Times, etc... Les polices de caractères Ne pas oublier de joindre les polices de caractères associées à votre charte Graphique ou au fichier PSD pour une création fournie (de format PC et non MAC). La vidéo Il nous faut la vidéo dans une taille égale ou supérieure (homothétiquement) à la taille finale. Le format de la vidéo fournie doit être de préférence en AVI DV, ou en MPEG de très bonne qualité, ou en.mov Haute Résolution. La vidéo doit être livrée via FTP, sur un CD ou un DVD de données.

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS Courrielleur privilégie l usage des courriels HTML pour les envois marketing. En effet, le HTML permet d organiser graphiquement l information de manière

Plus en détail

Les «Best Practices» de la création d un e-mail. 20 novembre 2008 - Pascal VERSAVEL 1

Les «Best Practices» de la création d un e-mail. 20 novembre 2008 - Pascal VERSAVEL 1 Les «Best Practices» de la création d un e-mail 20 novembre 2008 - Pascal VERSAVEL 1 Sommaire I. Qui sommes nous? II. III. IV. Bon sens et Objectifs La structure et la mise en page Le code HTML V. Soignez

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

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

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

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

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

NORMES TECHNIQUES 2010

NORMES TECHNIQUES 2010 NORMES TECHNIQUES 2010 -> L'offre Display : Mega bannière - Skyscraper- Pavés -> Offre Display : les formats -> Offre Display : les livrables -> Publi rédactionnel -> Accueil Panoramique -> Habillage du

Plus en détail

PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing

PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing Partiel : travaux pratiques avec Photoshop (à propos de typographie ) Attention! Pensez à sauvegarder vos

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

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 PAO. Tout savoir sur la préparation des fichiers à nous transmettre. cesa création enseignes sa rte de la pâla 122 - ch - 1630 bulle

Guide PAO. Tout savoir sur la préparation des fichiers à nous transmettre. cesa création enseignes sa rte de la pâla 122 - ch - 1630 bulle Guide PAO cesa creation enseignes sa Tout savoir sur la préparation des fichiers à nous transmettre. 03.2012 Guide PAO 1 Pourquoi un guide PAO? Pour répondre au mieux à la demande de notre clientèle, nous

Plus en détail

Cahier des charges concernant l envoi de fichiers chez Imprim33

Cahier des charges concernant l envoi de fichiers chez Imprim33 Siège social et usine rue de la source ZA du Haut-Vigneau 33174 GRADIGNAN Cedex Tel : 0556755757 Fax : 0556751109 e-mail : usine@imprim33.com e-mail : prepresse@imprim33.com Cahier des charges concernant

Plus en détail

site internet www.petitsfreres.asso.fr Comment devenir contributeur

site internet www.petitsfreres.asso.fr Comment devenir contributeur site internet www.petitsfreres.asso.fr Comment devenir contributeur Sommaire 1. Se connecter Les codes d accès Alimenter votre page 2. Formulaire de création d une actualité ou d un événement Utiliser

Plus en détail

Adobe Programme Expert certifié

Adobe Programme Expert certifié Adobe Programme Expert certifié Bulletin d'examen de maîtrise des produits Adobe Dreamweaver CS3 Examen n 9A0-056 Liste de contrôle de certification ACE La liste de contrôle ci-dessous vous guidera tout

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

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

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

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

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

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

Comité départemental du tourisme de Haute Bretagne Ille et Vilaine

Comité départemental du tourisme de Haute Bretagne Ille et Vilaine Comité départemental du tourisme de Haute Bretagne Ille et Vilaine Newsletters : Benchmark & Recommandations RESCAN Christophe crescan@mediaveille.com 02.99.14.80.93 1. Graphisme / Ergonomie Soignez la

Plus en détail

1AN. e n 19" FicheS Techniques. PLV - Dynamique. caractéristiques techniques. dimensions dela structure

1AN. e n 19 FicheS Techniques. PLV - Dynamique. caractéristiques techniques. dimensions dela structure Démarrage automatique du contenu audio et vidéo haut-parleurs integrés Totem métal pliable et transportable Ecran 19 4/3 Habillage quadri numérique sur panneaux aimantés inclus. Couleur : noir Poids :

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

Plus en détail

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

Construire des sites pour l'iphone avec Freeway

Construire des sites pour l'iphone avec Freeway Construire des sites pour l'iphone avec Freeway La création de pages pour l'iphone (ou l'ipod Touch) n'est pas très différente de la création de pages pour un ordinateur. Apple a tout fait pour que cela

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

GUIDE PAO CESA CREATION ENSEIGNES SA. Tout savoir sur la préparation des fichiers à nous transmettre.

GUIDE PAO CESA CREATION ENSEIGNES SA. Tout savoir sur la préparation des fichiers à nous transmettre. GUIDE PAO CESA CREATION ENSEIGNES SA Tout savoir sur la préparation des fichiers à nous transmettre. 01.2010 1 POURQUOI UN GUIDE PAO? Pour répondre au mieux à la demande de notre clientèle, nous avons

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

CATALOGUE DES FORMATIONS Webmaster

CATALOGUE DES FORMATIONS Webmaster RTN / EC2LT Réseaux et Techniques Numériques Ecole Centrale des Logiciels Libres et de Télécommunications CATALOGUE DES FORMATIONS Webmaster La gamme des formations Webmaster RESEAUX et TECHNIQUES NUMERIQUES

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

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer! JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer! 1 / Contexte L ordinateur La loi du nombre La numérisation = codage d une information en chiffres binaire : 0 1 («bit») 8 bits = 1 octet 1ko = 1024

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Manuel du revendeur. version 2.0-r1

Manuel du revendeur. version 2.0-r1 Manuel du revendeur version 2.0-r1 Table des matières 1 Explication des termes 3 2 Sections du tableau d administration dédié au revendeur 3 3 Généralités 4 3.1 Aperçu............................... 4

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

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

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club Atelier du 25 juin 2012 «Les bonnes pratiques dans l e-mailing» Agenda de l atelier Introduction et rappel des bonnes pratiques Exemple et retour d expérience Maison Tasset Partage d expérience entre les

Plus en détail

Imprimerie durable depuis 1920. imprimerie de bourg. Guide PAO UNE VISION GLOBALE POUR TOUTES VOS RÉALISATIONS

Imprimerie durable depuis 1920. imprimerie de bourg. Guide PAO UNE VISION GLOBALE POUR TOUTES VOS RÉALISATIONS Imprimerie durable depuis 1920 Guide PAO UNE VISION GLOBALE POUR TOUTES VOS RÉALISATIONS FORMATS Pour que les travaux que vous nous confiez soient réalisés dans les meilleures conditions, merci de verifier

Plus en détail

US & COUTUMES : LES REGLES D USAGE EN E- MAIL MARKETING Ou comment optimiser vos chances de bien réaliser des campagnes en toute sérénité

US & COUTUMES : LES REGLES D USAGE EN E- MAIL MARKETING Ou comment optimiser vos chances de bien réaliser des campagnes en toute sérénité Accélérateur de performances e-marketing 1 US & COUTUMES : LES REGLES D USAGE EN E- MAIL MARKETING Ou comment optimiser vos chances de bien réaliser des campagnes en toute sérénité Pourquoi de bonnes pratiques?

Plus en détail

Comment Créer & Envoyer Votre Newsletter

Comment Créer & Envoyer Votre Newsletter Création d'une Campagne Email : Comment Créer & Envoyer Votre Newsletter SIMPLEMENT & RAPIDEMENT -1- Créez une Campagne Email 1 Pour envoyer une Newsletter ou un emailing de prospection, vous devez d abord

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

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

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

Initiation à Photoshop

Initiation à Photoshop 56 / 81 Scanner une image Un Scanner transforme une image papier en un fichier numérique Pour cela il faut définir: le type d image (couleur, niveau de gris ou texte) la résolution en dpi ou ppp (point

Plus en détail

BONNES PRATIQUES AUDIENCE MOBILE

BONNES PRATIQUES AUDIENCE MOBILE BONNES PRATIQUES AUDIENCE MOBILE IDENTIFIEZ VOS MOBINAUTES Identifiez les mobinautes de votre base de contacts et leur équipement mobile. Combien de contacts consultent vos emails sur mobile? Quel(s) équipement(s)

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 à 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

Formats de documents numériques 1. Format d images

Formats de documents numériques 1. Format d images Formats de documents numériques 1 Paramètres d une image Ecran Format d images Format : extention jpg, gif, png, tif Poids : 20 Ko, 100 Ko, 1 Mo Qualité : l image est-elle dégradée? L image est-elle zoomable?

Plus en détail

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

Plus en détail

Contenu du CDC. Nom de l étudiant Titre du projet Présentation générale du projet

Contenu du CDC. Nom de l étudiant Titre du projet Présentation générale du projet Projet Site web À remettre La semaine du 5 janvier 2012 pendant votre TD Le site web doit être publié sur le serveur étudiant de l université Il doit contenir un fichier telechargeable: le cahier des charges

Plus en détail

Créer une Newsletter. Les étapes LE MARKETING PRAGMATIQUE DES ENTREPRISES HIGH TECH

Créer une Newsletter. Les étapes LE MARKETING PRAGMATIQUE DES ENTREPRISES HIGH TECH Créer une Newsletter Les étapes LE MARKETING PRAGMATIQUE DES ENTREPRISES HIGH TECH Les grandes étapes marketing rédactionnel web - Objectifs - Cibles - Messages - Gabarit html - Intégration web Best- practices

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

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

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

EXEMPLE DE PAGE : FORMAT A4 (210X297)

EXEMPLE DE PAGE : FORMAT A4 (210X297) EXEMPLE DE PAGE : FORMAT A4 (210X297) 220 210 Filet noir format réel du document soit 210x297mm Zone Rose Marge intérieure de 5 milimètres ou zone d exclusion qui doit être, si possible vierge de tout

Plus en détail

Le langage JAVASCRIPT

Le langage JAVASCRIPT Le langage JAVASCRIPT I Introduction Vous vous dites encore un langage alors qu il y en a déjà un nombre non négligeable. En effet un de plus, mais à chaque langage son utilisation et sa particularité.

Plus en détail

I - Créer un Nouveau Projet

I - Créer un Nouveau Projet Manuel d'utilisation Limite de responsabilités : En aucun cas, l'auteur ne pourra être tenu pour responsable des dommages indirects, particuliers, accidentels ou financiers résultant de l'utilisation et/ou

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

PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo...1 Création des pages Sections Menus...2 Exercices :...3 Création du contenu - Menu Pages (GDA)...3 Les différentes options d un document...5

Plus en détail

Consignes Création Graphique

Consignes Création Graphique Consignes Création Graphique COULEURS : Vos images doivent obligatoirement être en mode CMJN. Toute couleur complémentaire ou tout autre mode de couleur des images (RVB, LAB, couleurs indexées) seront

Plus en détail

K I T C O M CREATION DE POSTERS SOUS ILLUSTRATOR

K I T C O M CREATION DE POSTERS SOUS ILLUSTRATOR Illustrator est LA référence pour le traitement vectoriel de l information. C est un outil particulièrement bien adapté à la réalisation de posters car il intègre également les fonctionnalité image de

Plus en détail

Interface Interface de travail Configuration/Déclaration du site. Le texte Insertion et mise en page Hyperliens, ancres, liens e-mails

Interface Interface de travail Configuration/Déclaration du site. Le texte Insertion et mise en page Hyperliens, ancres, liens e-mails Formatrice créer son site Internet Notions de base XHTML, CSS, hyperlien, e-mail Les éléments : texte, images, animations, vidéo, son La navigation et l arborescence Répertoires, fichiers : les nommer?

Plus en détail

A3W GUIDE UTILISATEUR

A3W GUIDE UTILISATEUR A3W GUIDE UTILISATEUR AGENA 3000 - Rue des Pagannes - BP 726-49307 CHOLET CEDEX Tél : 02.41.46.33.00 - Fax : 02.41.46.38.58 E-courriel :mb@monclocher.com SOMMAIRE 1- Publier des informations et/ou Photos

Plus en détail

Créer son mini-site sur la plateforme Mécatronique LR

Créer son mini-site sur la plateforme Mécatronique LR Créer son mini-site sur la plateforme Mécatronique LR 1 Sommaire Accéder à l interphase de création.....3 Préambule d ergonomie...4 Ajouter votre logo.....5 Transférer des fichiers sur le serveur.6 Remplir

Plus en détail

WWW.WAIBE.FR est une réalisation de l entreprise AD-WAIBE

WWW.WAIBE.FR est une réalisation de l entreprise AD-WAIBE WWW.WAIBE.FR est une réalisation de l entreprise AD-WAIBE Allez sur Internet : www.waibe.fr Comment ça marche? Cliquez ICI pour modifier votre site Internet Si vous ne possédez mas encore de site, cliquez

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

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

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x!

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Tutoriel sur CK Forms 1 Adaptation FR Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Ce tutoriel vous présente les éléments principaux du composant et plugin CK Forms Installation/Désinstallation

Plus en détail

L Interface d Administration des sites. www.admin.ecoledirecte.com. Documentation

L Interface d Administration des sites. www.admin.ecoledirecte.com. Documentation L Interface d Administration des sites www.admin.ecoledirecte.com Documentation 1 Sommaire : Présentation...3 La connexion au site...3 La page d accueil...4 Les statistiques...4 Le forum...6 L administration

Plus en détail

INSTALLATION ET DÉMARRAGE DE. Wasatch SoftRIP

INSTALLATION ET DÉMARRAGE DE. Wasatch SoftRIP INSTALLATION ET DÉMARRAGE DE Wasatch SoftRIP CONTENU Exigences du Système... 02 Connexions Réseau... 03 Installation... 04 Wasatch ImageNET... 10 (Système de transfert et de gestion des images) www.wasatch.com

Plus en détail

Exporter (2) Ouvrir/Enregistrer Importer/Exporter (3)

Exporter (2) Ouvrir/Enregistrer Importer/Exporter (3) Formats de fichier Une des choses la plus difficile est de passer d'un logiciel à l'autre. Ils sont parfois plus ou moins compatibles. Certains logiciels «préfèrent» certains formats de fichier. Le tableau

Plus en détail

ATELIER INFORMATIQUE. Le travail avec les images

ATELIER INFORMATIQUE. Le travail avec les images ATELIER INFORMATIQUE Le travail avec les images Réduire le poids des images Pourquoi réduire la taille (poids) de images? - Pour adapter la taille de l image originelle à la taille de l écran sur lequel

Plus en détail

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur...

Plus en détail

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

Plus en détail

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

Télescopic. Format d image possible 60 X 120 à 200 cm 80 X 120 à 200 cm 100 X 120 à 200 cm 120 X 120 à 200 cm. Réalisation

Télescopic. Format d image possible 60 X 120 à 200 cm 80 X 120 à 200 cm 100 X 120 à 200 cm 120 X 120 à 200 cm. Réalisation Fiche technique Format d image possible 60 X 120 à 200 cm 80 X 120 à 200 cm 100 X 120 à 200 cm 120 X 120 à 200 cm KAKEMONO TOTEM Télescopic clic Réalisation 60/80 cm 100 cm 120 cm Préparation fichier infographie

Plus en détail

Publipostage : Envoi des vœux par email

Publipostage : Envoi des vœux par email Publipostage : Envoi des vœux par email Introduction Cette documentation a pour objet d expliquer comment envoyer simplement ses vœux par email à une liste de dossiers ou correspondants avec GedExpert

Plus en détail

Interface Interface de travail Configuration/Déclaration du site. Le texte Insertion et mise en page Hyperliens, ancres, liens e-mails

Interface Interface de travail Configuration/Déclaration du site. Le texte Insertion et mise en page Hyperliens, ancres, liens e-mails Formatrice créer son site Internet Créez son site Internet Assurez sa mise en ligne Notions de base XHTML, CSS, hyperlien, e-mail Les éléments : texte, images, animations, vidéo, son La navigation et l

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

Plus en détail

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation.

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation. Publisher 2007 Créer une composition de type WEB Pour pouvoir publier votre site Web sur le Web, vous devez vous abonner à un service d'hébergement Web après d'un fournisseur de services Internet. Ce service

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS CATALOGUE DES FORMATIONS WEB / GRAPHISME ADOBE ACROBAT PRO... 1 ADOBE PHOTOSHOP... 2 ADOBE INDESIGN... 3 ADOBE DREAMWEAVER... 4 ARTISTEER... 5 PREZI... 6 LE LANGAGE HTML... 7 LES FEUILLES DE STYLE CSS...

Plus en détail

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign. Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2.

Plus en détail

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word.

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word. PRETASHOP LES OBJECTIFS : Vous verrez comment installer Joomla! localement puis sur un serveur distant, concevoir l organisation de votre site, rédiger vos premiers articles, maitriser les feuilles de

Plus en détail

Publipostage : Envoi des vœux par email

Publipostage : Envoi des vœux par email Publipostage : Envoi des vœux par email Introduction Cette documentation a pour objet d expliquer comment envoyer simplement ses vœux par email à une liste de dossiers ou correspondants avec GedExpert

Plus en détail

créer vos logos, dessins, plans...

créer vos logos, dessins, plans... 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Création de plans, cartes... Un support de cours L interface Outils, palettes, règles, repères, grille Paramétrer les préférences Le dessin Outils rectangle,

Plus en détail

CAHIER DES CHARGES 1/8. CAHIER des CHARGES

CAHIER DES CHARGES 1/8. CAHIER des CHARGES CAHIER DES CHARGES 1/8 CAHIER des CHARGES Fichiers PDF ACROBAT Ce cahier des charges est destiné aux personnes De préférence, nous envoyer un fichier PDF/X-3:2002. Veillez à ce que : Les fonds Ce document

Plus en détail

CAHIER CHARGES. des BUT DE CE DOCUMENT SOMMAIRE 1. TRANSFERT ET ÉLÉMENTS À LIVRER 2. CARACTÉRISTIQUES TECHNIQUES DES FICHIERS PDF 3.

CAHIER CHARGES. des BUT DE CE DOCUMENT SOMMAIRE 1. TRANSFERT ET ÉLÉMENTS À LIVRER 2. CARACTÉRISTIQUES TECHNIQUES DES FICHIERS PDF 3. CAHIER CHARGES des by BUT DE CE DOCUMENT Les indications qui suivent ont pour objectif d aboutir au résultat final dans les meilleurs conditions et délais. Par conséquent, elles doivent être suivies le

Plus en détail

SOMMAIRE GUIDE D UTILISATION DU WEBMAIL. vous guide

SOMMAIRE GUIDE D UTILISATION DU WEBMAIL. vous guide vous guide GUIDE D UTILISATION DU WEBMAIL SOMMAIRE A. Connection Webmail B. Les fonctions de base C. Composer un message D. Les fonctions supplémentaires 1. Le carnet d adresse a. Pour créer un nouveau

Plus en détail

Manuel d aide www.aixpoz.com

Manuel d aide www.aixpoz.com Manuel d aide www.aixpoz.com Introduction AIXPOZ est un système de création de sites Internet «galerie photo» à destination de toute personne souhaitant exposer des images sur Internet. Que vous soyez

Plus en détail

Astuces Liens. Maîtrisez vos liens et leur apparence.

Astuces Liens. Maîtrisez vos liens et leur apparence. Astuces Liens Maîtrisez vos liens et leur apparence. Au sommaire de cet article : Un lien qui envoie un mail à plusieurs destinataires La couleur des liens dans une page Un lien sur un point précis d'une

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

Plus en détail

CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE

CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE Google vous permet de réaliser différents travaux en ligne, notamment des formulaires. Afficher la page Google Cliquer sur Plus Cliquer sur Documents Il faut avoir

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles

Plus en détail

- Créer, enregistrer et mettre en forme la page d'index. Modifier les propriétés de la page. L'afficher dans le navigateur

- Créer, enregistrer et mettre en forme la page d'index. Modifier les propriétés de la page. L'afficher dans le navigateur Digital et Web : HTML - Devenir Web Master Sessions Mars Avril Mai Digital et Web : HTML - Devenir Web Master Public & pré-requis Toute personne ayant une bonne connaissance de l'internet Maîtriser l'environnement

Plus en détail