ING & NEWSLETTER NEWSLETTER RESPONSIVE

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

Download "E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE"

Transcription

1 ING & NEWSLETTER NEWSLETTER RESPONSIVE 09/2013

2 ING & NEWSLETTER L ing consiste à envoyer des s simultanément à un nombre important de destinataires dont le but est de trouver de nouveaux clients ou de transformer des prospects en nouveaux clients. C est une sorte de prospectus numérique, qui en principe doit être envoyé à une liste de destinataires volontaires pour recevoir ce genre d annonce. Sinon cela s appelle du spam. Les objectifs de l ing sont purement commerciaux : transformer un abonné en client, fidéliser, recruter. Une des formes d ing sert à informer ses clients de son actualité : on parle de newsletter ou lettre d information. La newsletter a un type de contenu plus informatif, plus rédactionnel. Les objectifs peuvent être de maintenair une relation avec ses contacts en les maintenant informés de l actualité de l entreprise. Elle est envoyée à une liste d abonnés ou liste de diffusion. L internaute s est inscrit au préalable à cette liste en cochant une case (opt-in). Pour résumer opt-in actif : l internaute a coché une case opt-in passif la case est déjà cochée sur un menu demandant «voulez-vous recevoir nots informations» L ing est typiquement publicitaire envoyé en masse alors que la newsletter est informative et ciblée. Si elle contient de la publicité c est pour des produits qui sont sûrs d intéresser le prospect. Ex : pour quelqu un qui va souvent à Strasbourg, le titre du mail de la newsletter était : alors que le contenu n en parlait pas! Dans un cas comme dans l autre Vous devez avoir le consentement de l internaute, ce sont les mêmes législations qui régisssent leur envoi. Ces documents seront réceptionnés par des applications capables de lire des s. Ils devront donc être codés uniquement en XHTML, sans flash, sans javascript. Les méthodes d envoi sont les mêmes, mêmes techniques, mêmes applications (locales ou en ligne) Le choix des applications dépend uniquement du budget, des volumes et du niveau de suivi marketing

3 Techniquement une newsletter est une page HTML, qui sera interprétée, non pas par un navigateur (Firefox, Chrome, Safarir ou IE) mais par un client mail : Outlook express, Mail, Lotus Notes ou des web mails ou encore de plus en plus des terminaux mobiles, i-phone, i-pad, android La newsletter est généralement associée à un site web, et les abonnés reçoivent les dernières informations du site ou de la marque (produits, services, texte informatif...). RENDUS PAR LES CLIENTS S Les clients s (Outlook, Thunderbird, Lotus Notes...) ont un fonctionnement radicalement différents des webmails (Gmail, Yahoo Mail, Hotmail, Outlook.com...). Les webmails affichent les messages en rajoutant leurs propres styles. Entre autres, Outlook ne supporte pas les marges. Une newsletter graphique qui s afficherait au pixel près sur tous les clients mails est une utopie IMAGES DANS LES NEWSLETTER Par défaut, beaucoup de clients mails n affichent pas les images dans les newsletters. Il ne faut donc pas faire une seule grande image, qui serait tentant car l affichage serait identique sur tous les clients mail. Privlégiez 50/50. COMMENT LES IMAGES SONT-ELLES SUPPRIMEES? Les statistiques prouvent que un e- mail entièrement conçu avec des images qui ne s affichent pas est ignoré ou supprimé directement par l utilisateur Regardons le code de la newsletter sans les images, l attribut src a disparu : <img alt="" style="display:block" border="0" height="9" width="123"> Regardons le code de la newsletter avec les images, l attribut src a réapparu : <img src=" alt="" style="display:block" border="0" height="9" width="123"> Sans image Avec image Sans image Avec image Dans les exemples ci-contre : Nespresson Apple, Orange, Kookai : aucune information n apparaît sans les images activées

4 IMAGES DANS LES NEWSLETTER Sans image Avec image Dans les exemples ci-contre : beaucoup d informations peuvent donner envie de cliquer ou d afficher les images ATTENTION le chemin des images doit être en absolu, car elles doivent être déposées sur un serveur N oubliez pas l attribut alt, qui sera la seule information affichée pour un utilisateur qui n aura pas activé les images. Ajoutez un style=display:block; sur chaque image pour éviter les espaces qui pourraient appraître en dessous.

5 CODE HTML Faire des tableaux! Les «float» ou «display» si pratiques en css pour les pages web sont problématiques pour certains clients mails. Oublier les divs, positionnements, float et autres techniques recommandées pour les pages web Beaucoup de clients mails vont carrément supprimer l en-tête, donc plus de possibilité de CSS interne ou externe. Seules possibilités les styles en lignes avec l attribut «style» Certains clients mails suppriment aussi la balise <body> Privilégiez une structure simple Pas trop de colspan et rowspan Faire plusieurs tableaux les uns en-desous des autres. Evitez de centrer le tableau et choisissez une largeur de 600px de préférence, les web mails utilisent les colonnes de gauche et de droite. DOCTYPE NE pas mettre de DOCTYPE, car il sera de toutes façons ignoré par plusieurs clients mail, mettre simplement la balise <html>. Il est même quelque fois remplacé par un autre (XHTML strict pour Gmail et Hotmail), ou XHTML transitionnel pour Yahoo ENCODAGE DES ACCENTS Les clients mails cidessous ignorent le doctype : AOL Android Gmail Application Lotus Notes 6.5, 7, 8 and 8.5 Outlook 2007 et 2010 Thunderbird 2 et 3 Yahoo New Ne pas utiliser l UTF-8, mais coder les accents à l ancienne : é = é à =à ç = ç etc... PAS DE CSS dans l en-tête Uniquement des CSS en ligne, et le moins possible. Evitez les raccourcis (TRBL) Utilisez les couleurs hexadécimales à 6 chiffres et non 3 Certains clients mail ne comprennent pas les valeurs héxadécimales à 3 chiffres STYLER LES LIENS En HTML on est obligé de garder le soulignement, la seule possibilité pour ne pas souligner les liens ou en changer la couleur sera donc de faire appel à des CSS en ligne. <a style= text-decoration:none ; color: # >Le lien noir non souligné</a> PROPOSER un lien pour visualiser la newsletter dans un navigateur Certains clients mail ne comprennent pas la couleur avec l attibut style sur un lien On peut rajouter la balise <span> pour la couleur, mais le soulignement du lien restera bleu) Cette page sera donc la même que la newsletter, mais déposée sur un serveur, et donc lue par les navigateurs. On fera un lien depuis la newsletter sur le «consultez-le en ligne» de la phrase : «Si vous ne visualisez pas ce message, consultez-le en ligne» vers la page sur le serveur.

6 LISIBILITE sans images Si les images ne s affichent pas, pensez aux couleurs d arrière plan qui permettront une meilleure lisibilité de votre . Exemple Sans image Avec image Pensez à spécifier la hauteur et la largeur des images pour qu elles gardent leur emplacement et ne gênent pas l affichage Sans image Avec image VOIR LE CODE DES NEWSLETTERS Si vous pouvez visualiser vos newsletters avec votre webmail dans Firefox, sélectionner le contenu de la newsletter et avec un clic droit : «code source de la sélection» Copier le code dans votre éditeur HTML favori dans la balise <body>, visualiser dans un navigateur, vous avez la newletter complète, même en local, puisque les images sont stockées sur un serveur.

7 RECAPITULATIF - Pas de doctype, mais la balise HTML - Encodage des acccents en ISO pour les langues de l Europe de l Ouest - Formater les typos, couleurs et tailles de texte en HTML - Faire des tableaux, ne pas utiliser de float ou display - Le formatage HTML doit être présent dans chaque cellule - Utiliser un tableau général de 600px - Le poids de la newsletter ne doit pas dépasser 200Ko - Ne pas centrer le tableau - Faire des tableaux les uns sous les autres, plutôt qu imbriqués - Pas de CSS dans l en-tête - Le moins possible de CSS en ligne (lignes vides pour les espaces) - Pas de raccourcis dans les CSS - Donner les hauteurs et largeurs aux images - Mettre les images sur un serveur et les appeler avec un chemin en absolu - Ajouter un style=display: block dans la balise des images - Proposer un lien vers la même page déposée sur un serveur - Faire un mixte de 50/50 entre texte et images. - Allégez le poids de vos images - Mettez l attribut alt sur toutes vos images - Pas de javascipt, flash ou formulaire (puisqu il n y a pas d en-tête) - Faire deux versions de la page HTML, une qui sera envoyée comme newsletter, avec un tableau non centré, et une qui sera déposée sur un serveur avec possiblité de centrer le tableau. On y accèdera depuis le lien de la newsletter visualiser en ligne

8 CODE HTML POUR FORMATTER LE TEXTE Pour les couleurs d arrière-plan des cellules ou tableau, l attribut bgcolor <table width= 600 bgcolor= # cellspacing= 5 cellpadding= 5 > <tr> <td bgcolor= #ffff00 >le contenu</td> </tr> </table> Pour les tailles, typo et couleurs de texte : utiliser la balise <font> qui prend 3 attributs : size (pour la taille), color (pour la couleur) et face (pour la typo). Cette balise <font> doit être présente dans CHAQUE cellule de tableau! <table width= 600 bgcolor= # cellspacing= 5 cellpadding= 5 > <tr> <td bgcolor= #ffff00 > <font face= Arial, sans-serif size= 2 color= # >le contenu</font> </td> </tr> </table> Les tailles de polices en html sont 1, 2, 3, 4, 5, 6. Par défaut c est 3, 1 et 2 sont plus petits et 4,5,6 plus grands CODE HTML POUR FORMATTER LES ARRIERES PLANS Pour les image d arrière-plan utiliser l attribut background Gmail ignorera complètement l attribut (url) dans le style en ligne. Attention, en HTML les images d arrière-plan se répètent automatiquement. Il faudra donc donner à la cellule ou au tableau les dimensions de l image.

9 sites de référence Le numéro spécial n 22 du magazine WEB DESIGN NEWSLETTER TESTS Pour tester gratuitement l affichage de votre newsletter envoyez-la à des adresses sur le plus de clients mail différents avec sur pc sendblaster.fr sur mac MaxBulk Mailer Uiliser le site onacid

10 ENVOI A partir d une plateforme Envoi avec des outils de création et d envoi Voir aussi un comparatif des solutions existantes : Pour l envoi : - L objet du mail doit être relativement court - Mettez le nom de la société -Même pour des tests, ne mettez pas le mot «test» dans l objet, cela partira directement dans les spams.

11 création avec Dreamweaver A partir d un fichier HTML avec le doctype XHTML, aller dans le menu Modifier >propriétés de la page > titre/codage et choisir Occidental (ISO Latin1) sur Mac et Europe de l Ouest sur Windows Le résultat dans le code de la page HTML devra être le suivant : Pour insérer le premier tableau, utiliser la fenêtre des insertions, onglet commun, et choisir l icône «tableau», ou le menu insertion > tableau La fenêtre suivante apparaît : Choisissez le nombre de lignes et de colonnes Pour le premier tableau : 1 ligne, 1 colonne Largeur du tableau : 600px. Largeur de bordure : ne pas remplir Attention Si le tableau précédemment demandé était en %, Dreamweaver l aura gardé en mémoire. Vous risquez de créer un tableau de 600%! Marge intérieure des cellules : 5 si nous voulons ce premier tableau éloigné des bords de la fenêtre de 5 pixels (Il s agit du cellpadding) Et espacement entre les cellules, mettre 0. Il s agit du cellspacing. Pour la partie basse, garder «Aucun» Résultat dans la fenêtre de création de Dreamwever et dans le code

12 création avec Dreamweaver Notre tableau de contenu étant ainsi créé, les tableaux qui seront à l intérieur devront être centrés. Nous avons la possibilité de demander à centrer le contenu de la cellule (<td>) Sélectionner la cellule dans la barre d état, et demander un centrage horizontal. Pour insérer d autres tableaux dans celui-ci, placer le cusreur à l intérieur et recommencer l opération d insertion de tableau depuis les insertions d objets communs. Cette fois nous voulons un tableau de 550px puisqu il doit être à l intérieur d un tableau de 600px avec du remplissage de 5px tout le tour. Et le rempllissage et l espace entre les cellules peut être plus que par défaut, par exemple, 5px aussi, il s agit d écrire la phrase qui permet aux internautes d aller consulter la page en ligne Nous avons donc un 2e tableau, de 550px, centré dans le premier. Nous pouvons coller la phrase «Si vous ne visualisez pas ce message, consultez-le en ligne»

13 création avec Dreamweaver Cette phrase doit être centrée dans la cellule, ceci est possible avec l attribut align= center, que nous trouvons dans les propriétés de la cellule, comme précédemment pour la première cellule. Nous allons maintenant formater le texte, couleur, taille et typo. Il faut utiliser la balise <font> avec ses trois attributs, face, color et size. Ceci devra être impérativement fait dans chaque cellule. Dreamweaver a une aide intégrée pour cela, dans la partie code. Il suffit de mettre le curseur au bon endroit (tout de suite après <td align= center > et de taper le signe <. La liste des balises apparaîtra alors, et il nous suffira de choisir la balise <font> et de valider notre choix avec la touche entrée ou un double clic La balise <font> est insérée et ouverte. Il nous faut maintenant les attributs. Le curseur étant collé à la balise, appuyer sur la barre d espace nous fera apparaître les attributs. Une fois cet attribut inséré, appuyer tou de suite sur la barre d espace, pour avoir à nouveau la liste des attributs, choisir par exemple color, valider avec double clic ou la touche entrée Une fois cet attribut inséré, appuyer tout de suite sur la barre d espace, pour avoir à nouveau la liste des attributs, choisir par exemple color, valider avec double clic ou la touche entrée. Choisir la couleur dans la palette. A nouveau, barre d espace, pour la liste des attributs, chercher size. Attention Dramweaver propose des valeurs aboslues et des valeurs avec + ou -. La valeur par défaut étant 3, si vous choisissez +1, cela équivaudra à 4!

14 création avec Dreamweaver Fermer la balise avec le signe >. Si Dreamweaver surligne en jaune, cela signifie que la balise <font> n est pas fermée. Il faut donc fermer cette balise après le texte. Mise en place du lien et formatage du lien. Nous surlignons la partie qui sera le lien (consultez-le en ligne) et dans les propriétés du lien, nous mettons un # dans un premier temps. Pour styler le lien, nous plaçons le curseur tout de suite après la balise <a, afin d avoir la liste des attributs, comme précédemment. Nos allons choisir l attribut style, valider et choisir color puis la couleur, insérons un point-virgule pour séparer les paramètres de css, ensuite à nouveau : barre d espace, text-decoration vaider, puis none et un point-virgule. Insertion d un deuxième tableau, après celui-ci, à l intérieur du tout premier Pour ne pas se tromper, il est plus facile de sélectionner le dernier tableau créé dans la barre d état, Cliquez n importe ou à l intérier du dernier tableau Puis dans la barre d état, cliquer sur la dernière balise table Le dernier tableau créé est sélectionné. Il suffit alors d utiliser la touche flèche du clavier. Cela placera le curseur au bon endroit dans le code.

15 création avec Dreamweaver Pour la partie en-tête nous sommes donc au bon endroit pour insérer un nouveau tableau, cette fois deux colonnes et une ligne. Dans la cellule de gauche, insérons notre image depuis les insertions d objet Ne pas oublier de renseigner l attibut «alt» Dreamweaver va aléatoirement changer la largeur des cellules, en augmentant considérablement celle qui contient l image. Le HTML n a jamais adapté les contenus aux cellules de tableau. Il ne nous reste qu à positionner le curseur entre les deux cellules et de faire glisser le curseur pour modifier la taille des cellules Pour obtenir le décalage du texte de la 2e ligne, nous allons hélàs faire comme à l aube d internet et utiliser des caractères insécables, ( ) surement nterprétés par les clients mail, alors qu un style en ligne avec un padding-left n est pas garanti. Pas très joli, mais plus efficace! Les espaces entre la navigation et le «header» seront créées par des tableaux vides, d une ligne RAPPEL Par défaut, le contenu des cellules est aligné à gauche horizontalement et au centre verticalement La navigation est faite d un tableau 1 ligne et 7 colonnes. Centrer le contenu en sélectionnant la balise <tr> et centré horizontalement. Cela centrera le contenu de toutes les cellules. RAPPEL Il sera donc bien sûr aussi possible d aligne le contenu d une cellule à droite, et verticalement en haut ou en bas.

16 création avec Dreamweaver Pour mettre une couleur d arrière-plan dans une cellule, sélectionner la cellule et utiliser l inspecteur des propriétés. Dans les cellules, nous éviterons la balise <p> qui génèrent des marges que nous ne pourrons pas supprimer. Nous ferons donc parfois deux sauts de ligne <br /><br /> Pas très joli non plus, mais à nouveau nous allons chercher un meilleur affichage partout.. Pour mettre une image d arrière-plan dans une cellule ou un tableau, utiliser l attribut background et parcourir pour aller chercher l image Attention, les images d arrière-plan se répètent obligatoirement en HTML, le tableau ou la cellule devront donc avoir les dimensions exactes de l image. Si malgré cela l image se répère, c est que le tableau a un contenu trop important et il faut faire en sorte que le contenu de dépasse pas les valeurs choisies. Si on demande à un tableau de faire 100px de haut, par exemple et que le contenu est plus grand, bien que le code demande 100px de haut, le contenu débordera

17 création avec Dreamweaver récapitulatif Nous avons vu comment - choisir le doctype et l encodage - insérer un tableau principal - insérer un tableau dans un tableau - centrer le contenu d une cellule (qui peut être un autre tableau) - centrer toutes les cellules d une rangée avec l attribut «center» sur la balise <tr> - formater le texte avec choix de police, taille et couleur en HTML avec la balise <font> - formater la décoration d un lien et sa couleur avec l attribut style - insérer une image avec la fenêtre d insertion L attribut «<style» peut être utilisé pour toutes les balises - changer les dimensions des cellules avec le curseur - décaler du texte avec le caractère insécable - créer des espaces vides entre nos contenus, avec des tableaux vides Le formatage des polices doit être dans CHAQUE cellule, toujours le plus près possible du contenu - mettre une couleur d arrière-plan avec l attribut bgcolor newsletter mise sur un serveur tableau centré on y accède en cliquant sur newsletter envoyée - NE PAS OUBLIER de déposer les images sur un serveur et de changer leur chemin avant l envoi

18 responsive Responsive design : dont l afichage va changer selon le support utilisé pour le consulter : petit écran, grand écran, mobile, tablette, affichage paysage ou portrait... La technique utilisée pour cela est celle des media queries. Il s agit de règles css, utilisée dans une feuille CSS externe ou interne au document, appelée dans l entête de la page HTML. Les clients mail qui suppriment l en-tête du document nous empêcheront donc complètement d utiliser cette technique. Toutefois le support des clients mail pour les media queries n est pas mauvais. blog/details/c13/ media_queries_in_html_e mails Gmail ne comprend pas les CSS, donc aucune application mobile Gmail non plus. Beaucoup de problème également avec l application native mail Android. Par contre I-phone et I-pad les comprennent très bien. Conclusion de l article cité : C est intéressant d utiliser les media queries dans les design d , surtout pour les i-phones et les-i-pads, tant que les s s affichent correctement avec et sans media queries Voir aussi m/guides/mobile/ #mobile-support RAPPEL Les règles de media queries ne peuvent être que dans l en-tête (style interne ou externe) pas en ligne. MEDIA QUERIES Ce sont des requêtes qui vont choisir des règles d affichage selon la taille de l écran ciblé Ci-dessous : pour uniquement les écrans et une largeur maximum de 480px. EXEMPLE DE MEDIA QUERIES <style type= text/css only screen and (max-width: 480px) { } table[class=w275], td[class=w275]{ width:135px!important; } img{ height:auto;} td[class=w20]{ display:none; } </style

19 responsive Le principe sera donc de changer le design pour les clients ayant une largeur maximum de 480px. Afin de cibler les éléments, nous leur donnons une classe, ce qui nous permettra d en changer la largeur En CSS sur le web les classes sont appelées avec un point (.w240) par exemple. Dans un responsive, il est préférable d utiliser le sélecteur d attribut [class=w240]. Ensuite les cellules de tableau qui doivent aller les unes sous les autres seront en display: block Alsacreations nous donne l explication : pour éviter que le client Yahoo! affiche la version responsive. Ce client pour une raison obscure prend en compte le contenu des Media Queries, même si la condition de largeur maximum n est pas respectée Version de la newsletter sur ordinateur <table class= w550 > Version de la newsletter avec un affichage de 480px de large tuto/lire/1533-un- -en-htmlresponsive-multiclients.html <td class= w130 > <td class= hide > <table class= w480 > <table class= w166 > <table class= w166 > <table class= w166 > <table class= w166 >

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

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN 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

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

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

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

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

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

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

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

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

Campagnes d e-mailings v.1.6

Campagnes d e-mailings v.1.6 Campagnes d e-mailings v.1.6 Sommaire Objet Page I Préparation de la campagne 3 I 1 / Le compte de messagerie pour l envoi des emails 3 I 2 / Configurer le modèle de l email 4 I 3 / La préparation des

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

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

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

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

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

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote RX v8 Windows Antidote, c est un correcteur avancé, dix dictionnaires et dix guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.

Plus en détail

Utilisation avancée de SugarCRM Version Professional 6.5

Utilisation avancée de SugarCRM Version Professional 6.5 Utilisation avancée de SugarCRM Version Professional 6.5 Document : Utilisation_avancee_SugarCRM_6-5.docx Page : 1 / 32 Sommaire Préambule... 3 I. Les rapports... 4 1. Les principes du générateur de rapports...

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

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel

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 Excel (version débutante) Version 2013

GUIDE Excel (version débutante) Version 2013 Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte

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

L emailing en France en 2012

L emailing en France en 2012 1 2 L emailing en France en 2012 3 4 Le rendu visuel des emails au cœur des enjeux marketing Ces informations sont à prendre en compte dans la création de chaque campagne emailing, afin de la travailler

Plus en détail

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote 8 v2 Mac OS X Antidote, c est un correcteur avancé, des dictionnaires et des guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.

Plus en détail

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote 8 v2 Windows Antidote, c est un correcteur avancé, des dictionnaires et des guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.

Plus en détail

La Clé informatique. Formation Excel XP Aide-mémoire

La Clé informatique. Formation Excel XP Aide-mémoire La Clé informatique Formation Excel XP Aide-mémoire Septembre 2005 Table des matières Qu est-ce que le logiciel Microsoft Excel?... 3 Classeur... 4 Cellule... 5 Barre d outil dans Excel...6 Fonctions habituelles

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 tableur niveau 1 (Excel 2013)

Formation tableur niveau 1 (Excel 2013) Formation tableur niveau 1 (Excel 2013) L objectif général de cette formation est de repérer les différents éléments de la fenêtre Excel, de réaliser et de mettre en forme un tableau simple en utilisant

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

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

UTILISER LA MESSAGERIE

UTILISER LA MESSAGERIE UTILISER LA MESSAGERIE OUTLOOK OU WINDOWS MAIL PRESENTATION DE LA MESSAGERIE CONDITIONS POUR UTILISER LE COURRIER ELECTRONIQUE Pour envoyer un courrier sur un PC il faut un programme ou un service de messagerie.

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

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

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

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

Utilisation de la Plateforme Office365 et d Oultlook Web App

Utilisation de la Plateforme Office365 et d Oultlook Web App Utilisation de la Plateforme Office365 et d Oultlook Web App 1. Sommaire 1. Sommaire... 1 2. Accéder à la messagerie Office 365 en passant par Internet... 2 3. La boîte de réception... 4 3.1. Présentation

Plus en détail

COMMENCER AVEC VUE. Chapitre 1

COMMENCER AVEC VUE. Chapitre 1 Chapitre 1 COMMENCER AVEC VUE Traduction en français du premier chapitre du manuel d'utilisation du logiciel VUE. Traduit de l'américain par Bernard Aubanel. CRÉER UNE NOUVELLE CARTE Pour ouvrir VUE: 1.

Plus en détail

Email marketing BUROSCOPE TIW

Email marketing BUROSCOPE TIW Email marketing BUROSCOPE TIW Environnement et défis à relever Contexte de l'email marketing aujourd'hui Supports de consultation multiples Logiciels, Webmails, Terminaux et applications mobiles Accroissement

Plus en détail

CONCEPTION D E-MAILS ADAPTATIFS

CONCEPTION D E-MAILS ADAPTATIFS CONCEPTION D E-MAILS ADAPTATIFS SELLIGENT Le contenu de ce manuel porte sur du matériel protégé par les droits d auteurs appartenant à Selligent. Ce manuel ne peut être ni reproduit, en tout ou en partie,

Plus en détail

Les nouveaux comportements... 9

Les nouveaux comportements... 9 Sommaire Du téléphone portable au smartphone... 4 L apparition du smartphone... 4 Le marché français des smartphones... 6 Le smartphone vs. l ordinateur... 7 Les familles des périphériques... 8 Les nouveaux

Plus en détail

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises

Plus en détail

Troisième projet Scribus

Troisième projet Scribus Sommaire 1. Réponse à la question du deuxième projet... 2 2. Présentation du projet... 2 2.1. Organiser son travail... 2 3. Réalisation... 2 3.1. Préparation du texte... 2 3.1.1. Les styles «Dys»... 3

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

Débuter avec Excel. Excel 2007-2010

Débuter avec Excel. Excel 2007-2010 Débuter avec Excel Excel 2007-2010 Fabienne ROUX Conseils & Formation 10/04/2010 TABLE DES MATIÈRES LE RUBAN 4 LE CLASSEUR 4 RENOMMER LES FEUILLES DU CLASSEUR 4 SUPPRIMER DES FEUILLES D UN CLASSEUR 4 AJOUTER

Plus en détail

LES TABLETTES : EN PRATIQUE

LES TABLETTES : EN PRATIQUE Installer une application LES TABLETTES : EN PRATIQUE Lorsque vous achetez une tablette, des applications sont déjà installées. En général, vous trouverez de quoi surfer sur Internet, écouter de la musique,

Plus en détail

Installation et utilisation du client FirstClass 11

Installation et utilisation du client FirstClass 11 Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)

Plus en détail

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22 SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané

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

Introduction à HTML5, CSS3 et au responsive web design

Introduction à HTML5, CSS3 et au responsive web design 1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent

Plus en détail

Espace Client Aide au démarrage

Espace Client Aide au démarrage Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...

Plus en détail

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET DÉFINITION DE LA NEWSLETTER : La newsletter est un OUVERTURE document qui DU informe LOGITIEL le ETARGET client sur l'actualité, sur les nouveautés ou sur un sujet particulier. Elle est souvent rédigée

Plus en détail

Bonnes pratiques du Emailing

Bonnes pratiques du Emailing Bonnes pratiques du Emailing Guide pour les campagnes de Email Marketing Publi Lettre.com Sommaire 1 Introduction Créer ou louer une base d adresse emails La constitution du message Quelques tests pour

Plus en détail

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES

Plus en détail

Utilisation du client de messagerie Thunderbird

Utilisation du client de messagerie Thunderbird Outlook express n existant plus sur les systèmes d exploitation sortis après Windows XP, nous préconisons désormais l utilisation du client de messagerie libre distribué gratuitement par la Fondation Mozilla.

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

Cours pratique Excel. Dans chacune des feuilles, les donnés sont déjà entrées afin de gagner du temps.

Cours pratique Excel. Dans chacune des feuilles, les donnés sont déjà entrées afin de gagner du temps. Cours pratique Excel Présentation du classeur cours.xls C est un classeur qui contient 7 feuilles Liste de personnes Calculs simples Solde Listes Auto Relatif Absolu Formats Paye Cours AFM Dans chacune

Plus en détail

www.imprimermonlivre.com

www.imprimermonlivre.com 0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word

Plus en détail

Formation Emailing Utiliser MailPoet

Formation Emailing Utiliser MailPoet Katie Palluault, Formatrice & webdesigner Formation Emailing Utiliser MailPoet Contenu Principes généraux des campagnes d'emailing... 2 Les protocoles... 2 Se connecter à l interface de gestion du site

Plus en détail

Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B

Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir

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

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Logiciels nécessaires : - - - Google Chrome comme navigateur internet FireShot qui est un add-on qui se greffe sur

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

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

Paramétrage des navigateurs

Paramétrage des navigateurs Paramétrage des navigateurs 1 Procédure d'accès aux ressources électroniques nationales suivant le script de configuration automatique de proxy revelec.pac Document mis à jour en avril 201 Configuration

Plus en détail

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose

Plus en détail

Club informatique Mont-Bruno Séances du 05 octobre et du 24 octobre 2012 Présentateurs : Réjean Côté

Club informatique Mont-Bruno Séances du 05 octobre et du 24 octobre 2012 Présentateurs : Réjean Côté Contenu de la rencontre Club informatique Mont-Bruno Séances du 05 octobre et du 24 octobre 2012 Présentateurs : Réjean Côté Les fonctions de base de Windows Live Mail, Windows Mail et Outlook Express

Plus en détail

TD HTML AVEC CORRECTION

TD HTML AVEC CORRECTION TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez

Plus en détail

Pages 08 Guide de l utilisateur

Pages 08 Guide de l utilisateur Pages 08 Guide de l utilisateur K Apple Inc. 2008 Apple Inc. Tous droits réservés. Ce manuel est soumis aux lois sur le droit d auteur et ne peut être copié, totalement ou partiellement, sans le consentement

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

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

Numbers sur ipad. Atelier Formation Numbers sur ipad. [Notes extraitres de l'aide en ligne]

Numbers sur ipad. Atelier Formation Numbers sur ipad. [Notes extraitres de l'aide en ligne] Numbers sur ipad [Notes extraitres de l'aide en ligne] Table des matières Atelier Formation Numbers sur ipad Introduction à Numbers 4 Créer ou ouvrir une feuille de calcul 4 Créer ou ouvrir une feuille

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

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

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

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off

Plus en détail

GUIDE UTILISATEUR. Guide utilisateur. Logiciel version 7 Documentation version 8

GUIDE UTILISATEUR. Guide utilisateur. Logiciel version 7 Documentation version 8 Guide utilisateur Logiciel version 7 Documentation version 8 1/ Table des matières 2/ Introduction 4 Objectifs 4 Les modes d accès à PostGreen 4 Icônes 5 Messages 5 Préparez vous 6 Installez l imprimante

Plus en détail

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail. Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge

Plus en détail

Media queries : gérer différentes zones de visualisation

Media queries : gérer différentes zones de visualisation 2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d

Plus en détail

Guide d utilisation des services My Office

Guide d utilisation des services My Office Guide d utilisation des services My Office Note importante : La version de ce guide d utilisation ne s applique qu à l interface RIA (Web 2.0) de My Office. Une section supplémentaire concernant l interface

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

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

Plus en détail

Note de cours. Introduction à Excel 2007

Note de cours. Introduction à Excel 2007 Note de cours Introduction à Excel 2007 par Armande Pinette Cégep du Vieux Montréal Excel 2007 Page: 2 de 47 Table des matières Comment aller chercher un document sur CVMVirtuel?... 8 Souris... 8 Clavier

Plus en détail

Guide d utilisation. Webmail. Utilisateur

Guide d utilisation. Webmail. Utilisateur Guide d utilisation Webmail Utilisateur Table des matières AVANT-PROPOS... 3 SE CONNECTER AU WEBMAIL... 3 UTILISER LE WEBMAIL... 4 1.1 PARAMETRES GENERAUX... 4 1.1.1 Prénom et nom de l utilisateur... 4

Plus en détail

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

Plus en détail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

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

Mes premiers diaporamas avec Open Office Impress?

Mes premiers diaporamas avec Open Office Impress? Mes premiers diaporamas avec Open Office Impress? Courage! Tu vas y arriver 1 Sommaire I. Les bons gestes avant de lancer Open Office (page 3) II. Créer un dossier Open Office. (page 4) III. Les 5 zones

Plus en détail

La messagerie électronique

La messagerie électronique Formation La messagerie électronique Outlook 2010 Laurent ROBIN 1 Paramétrer la boîte à lettres électronique (Outlook express) Création du compte - Lancer le client de messagerie Outlook 2010. - Cliquer

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

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

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

Envoyer et recevoir son courrier

Envoyer et recevoir son courrier Envoyer et recevoir son courrier Ecrire un mail Ecrire à plusieurs destinataires Comment répondre à un message Après avoir rédigé un message Envoyer et recevoir son courrier Consulter son courrier sur

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 : CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette

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

Comment insérer une image de fond?

Comment insérer une image de fond? COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document

Plus en détail