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="http://newsletter.service-voyages.com/promovacances/reportage/afrique/p.jpg" 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 https://fr.mailjet.com/ 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 >

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

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

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

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

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

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

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

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

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

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

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

Création du site dans Dreamweaver :

Création du site dans Dreamweaver : CHARGER, CREER et ENREGISTRER 1. Se connecter au RESEAU du COLLEGE avec tes 2 mots de passe 2. Charge le logiciel Au lancement du logiciel, l écran suivant s affiche : Palette des objets Lanceur Zone de

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

Contenu 1- La fonction copier-coller... 2 a. Annuler «Coller»... 2 2- Supprimez plusieurs photos simultanément... 3 2. ipod: des commandes

Contenu 1- La fonction copier-coller... 2 a. Annuler «Coller»... 2 2- Supprimez plusieurs photos simultanément... 3 2. ipod: des commandes Contenu 1- La fonction copier-coller... 2 a. Annuler «Coller»... 2 2- Supprimez plusieurs photos simultanément... 3 2. ipod: des commandes améliorées... 4 a. Secouez votre iphone pour passer à la prochaine

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

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

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

COURS PRATIQUE DE WORD

COURS PRATIQUE DE WORD COURS PRATIQUE DE WORD Le présent cours se rapporte à Word 2003. Sachez qu il existe d autres versions de cet outil. Il y a Office Pro, Office 2000, Office 2003, 2007 et 2010 (non commercialisé à ce jour).

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

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

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

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

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

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

Cours n 3 : Microsoft WORD

Cours n 3 : Microsoft WORD Cours n 3 : Microsoft WORD I. Introduction Il y a longtemps que l ordinateur a remplacé la machine à écrire, pour la saisie du texte. En effet, les gens on vite compris les apports et avantages que cela

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

FORMATION EXCEL 2013. Livret 2 Faire des tableaux (pour débutant) THIERRY TILLIER. Produit et diffusé par coursdinfo.fr

FORMATION EXCEL 2013. Livret 2 Faire des tableaux (pour débutant) THIERRY TILLIER. Produit et diffusé par coursdinfo.fr FORMATION EXCEL 2013 Livret 2 Faire des tableaux (pour débutant) THIERRY TILLIER Produit et diffusé par coursdinfo.fr Ce support de cours est réservé à un usage personnel. Toute utilisation et diffusion

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

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

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

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

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

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

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

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

Support de cours Dreamweaver CS5 les images. MC Benveniste

Support de cours Dreamweaver CS5 les images. MC Benveniste Support de cours Dreamweaver CS5 les images MC Benveniste 2013 Insertion de contenu > insertion d images image hors du dossier racine Si l image ne se trouve pas dans le site dans lequel vous travaillez

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

10 Etats rapides. Introduction

10 Etats rapides. Introduction 10 Etats rapides Introduction La génération d états récapitulatifs est l une des tâches les plus courantes et les plus élémentaires en matière de gestion de données. L éditeur d états rapides est l un

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

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

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

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

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

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours Je me familiarise avec l ordinateur et son système d exploitation Cahier de formation 1 Apprendre à utiliser les TIC dans la vie de tous les jours Programme ordinateur de Je Passe Partout Document produit

Plus en détail

Créer une carte de visite Avec Open Office Writer

Créer une carte de visite Avec Open Office Writer Introduction Créer une carte de visite Concurrent direct de Microsoft Office, OpenOffice.org est une suite bureautique gratuite. Aujourd hui nous voyons le programme Writer (comparable à Word), c'est-à-dire

Plus en détail

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE 1- Créer une planche 2- Indiquer les mesures 3- Indiquer le format de la page 4- Ajouter une bordure 5- Ajouter du texte 6- Ajouter une image

Plus en détail

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12 Utiliser Word Les fonctions de base de Word.... 2 Enregistrer le document en cours... 3 Un menu à connaître... 3 Ouvrir/fermer/réduire un document existant... 4 Réparer des erreurs de frappe... 4 Déplacer

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

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

Excel-2000. 4 Se déplacer dans un classeur Page 14

Excel-2000. 4 Se déplacer dans un classeur Page 14 1 Introduction 1-1 : INTRODUCTION Page 6 1-2 : LANCER L APPLICATION EXCEL 2000 Page 6 1-3 : FAISONS CONNAISSANCE AVEC L ECRAN D EXCEL 2000 Page 6 1-4 : CREER UN CLASSEUR Page 7 1-5 : ENREGISTRER UN CLASSEUR

Plus en détail

Tableur Excel 97 : Les Outils

Tableur Excel 97 : Les Outils 1. Environnement de travail Bouton système Nom du logiciel Nom du document Barre de menus Cases système du logiciel Cases système du fichier Zone de nom : elle contient l adresse du champ sélectionné Police

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

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles Index A affichage, CSS 180 album photos, créer 83 arrière-plan, CSS 152 images 152 Attributs de balises HTML action 90 align 71 attributs communs 131 background 39 border 39, 70 cellpadding 70 cellspacing

Plus en détail

Documentation Tableur OpenOffice 2

Documentation Tableur OpenOffice 2 Documentation Tableur OpenOffice 2 1. Environnement de travail Nom du Nom du logiciel Barre de Zone de nom elle affiche l'adresse du champ sélectionné Cellule active Zone d'édition : elle affiche le contenu

Plus en détail

Vous pouvez corriger, modifier, compléter le texte dans un document. La touche,

Vous pouvez corriger, modifier, compléter le texte dans un document. La touche, Saisir du texte : La première étape pour réaliser une lettre ou un document est d en taper le texte au clavier. Le texte tapé apparaît dans le document à l endroit du curseur clignotant. Appuyer sur la

Plus en détail

Editer un rapport en ligne

Editer un rapport en ligne Editer un rapport en ligne La fonction Rapports permet d'éditer des catalogues. Un catalogue répond à un besoin qu'il faut identifier avant de commencer la construction du rapport qui permettra de l'éditer

Plus en détail

OPEN OFFICE.org. Sommaire :

OPEN OFFICE.org. Sommaire : Le traitement de texte avec : OPEN OFFICE.org OpenOffice Writer est la partie traitement de texte d'openoffice. org, la suite bureautique libre. Cette suite bureautique est téléchargeable librement et

Plus en détail

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

La Clé informatique. Formation Word XP Aide-mémoire La Clé informatique Formation Word XP Aide-mémoire Septembre 2003 Table des matières Édition et insertion de texte... 4 Manipulation d un document Exploration de la fenêtre de travail Bouton de maximisation

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

Prise en main du traitement de texte : écrire une lettre

Prise en main du traitement de texte : écrire une lettre 22 janvier 2013 p 1 Prise en main du traitement de texte : écrire une lettre Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office. Vous pouvez le

Plus en détail

Confection d une carte de vœux animée

Confection d une carte de vœux animée 1) Création du fond d image Ouvrir Photofiltre a) Importation de l image i) S il s agit d une image provenant d Internet (1) Dans l explorateur (a) cliquer sur l image pour l agrandir (b) Faire un clic

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

CREER UN BLOG AVEC BLOGGER

CREER UN BLOG AVEC BLOGGER CREER UN BLOG AVEC BLOGGER Connexion Connectez-vous sur l outil blogger : http://www.blogger.com Connectez-vous avec votre identifiant gmail, vous serez dirigé vers la page d accueil de Blogger. Création

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

Mon aide mémoire traitement de texte (OpenOffice.org Writer 2)

Mon aide mémoire traitement de texte (OpenOffice.org Writer 2) . Philippe Ratat Mon aide mémoire traitement de texte (OpenOffice.org Writer 2) Département Ressources, Technologies et Communication décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal

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

PROGRAMMER UNE PAGE WEB EN HTML ET CSS

PROGRAMMER UNE PAGE WEB EN HTML ET CSS Lycée Felix Le Dantec - Lannion PROGRAMMER UNE PAGE WEB EN HTML ET CSS 1STI2D TP8-3H NOM : PRÉNOM : CLASSE : Condition de réalisation : Travail seul Durée : 3 heures Matériel : un ordinateur sous Ubuntu

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

Pratiquons ensemble Excel 2003 de notes Laurent DUPRAT Pratiquons ensemble

Pratiquons ensemble Excel 2003 de notes Laurent DUPRAT Pratiquons ensemble Pratiquons ensemble Excel 2003 Support de notes Laurent DUPRAT Pratiquons ensemble notes Laurent Pratiquons DUPRAT ensemble Excel ensemble 2003 Support de notes Laurent DUPRAT notes Laurent Support DUPRAT

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

Utilisation avancée de SugarCRM Version Professional 6.0

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

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

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Réalisation d une Interface Utilisateur

Réalisation d une Interface Utilisateur Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir

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

LES ASTUCES POUR OFFICE 2010

LES ASTUCES POUR OFFICE 2010 CHAPITRE 1 LES ASTUCES POUR OFFICE 2010 Des astuces communes aux logiciels... 11 9 Microsoft Office 2010, d abord désigné sous le nom d Office 14, est la dernière version de la suite bureautique de Microsoft.

Plus en détail

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

Plus en détail

Les Tableaux sous Word

Les Tableaux sous Word Les Tableaux sous Word Comme pour les images, la sélection d un tableau ouvre un menu contextuel qui va s adresser au tableau. Ce menu "les outils du tableau" propose 2 onglets, Création et Disposition.

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

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

1.7.6 Tableaux. 1.7.6.1 Création de tableau

1.7.6 Tableaux. 1.7.6.1 Création de tableau 1.7.6 Tableaux AutoCAD, depuis la version 2005, propose un générateur de tableau qui permet à l utilisateur de créer des tableaux composés de lignes et de colonnes et de saisir des données à l intérieur

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

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

Plus en détail

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

Formation traitement de texte niveau 2 (Word 2013)

Formation traitement de texte niveau 2 (Word 2013) Formation traitement de texte niveau 2 (Word 2013) L'objectif général de ce module est de créer des tableaux, d'appliquer des styles à des paragraphes, de créer table des matières et index automatiques

Plus en détail

INTRODUCTION au TABLEUR

INTRODUCTION au TABLEUR INTRODUCTION au TABLEUR La principale utilisation d un tableur est le calcul automatique de formules. Il est utilisé dans différents domaines de la gestion... Il est destiné à de multiples applications,

Plus en détail

Prise en main du tableur : réaliser un calendrier

Prise en main du tableur : réaliser un calendrier 12 février 2013 p 1 Prise en main du tableur : réaliser un calendrier Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office. Vous pouvez le télécharger

Plus en détail

Travailler avec les éléments de navigation

Travailler avec les éléments de navigation Travailler avec les éléments de navigation 10 Dans cette leçon, vous allez appliquer plusieurs types de liens à des éléments de page et notamment : créer un lien texte vers une page du même site ; créer

Plus en détail

B. Notions générales de traitement de texte

B. Notions générales de traitement de texte Word 2007 -2- Avertissement Ce document accompagne le cours qui a été conçu spécialement pour les stagiaires des cours de Denis Belot. Le cours a été réalisé en réponse aux diverses questions posées par

Plus en détail

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document.

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document. Writer Attention : Les documents faits avec Writer ne pourront être lu qu avec Writer, sauf manipulation permettant l échange avec d autres logiciels. Le logiciel se présente directement avec une page

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

Le Site Uranoscope. manuel du rédacteur. (sur moteur Dotclear) Février 2008 version 1.0

Le Site Uranoscope. manuel du rédacteur. (sur moteur Dotclear) Février 2008 version 1.0 Le Site Uranoscope (sur moteur Dotclear) manuel du rédacteur Février 2008 version 1.0 Consulter le blog Pour consulter le blog, lire les billets publiés, il faut aller sur internet à l adresse suivante

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

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

HPP - INITIATION TEXTEDIT (version 1.5 avec Léopard)

HPP - INITIATION TEXTEDIT (version 1.5 avec Léopard) HPP - INITIATION TEXTEDIT (version 1.5 avec Léopard) TextEdit est un logiciel de traitement de texte intégré Apple qui s'est amélioré au fur et à mesure des versions système. (version 1.4 avec Tiger) Comme

Plus en détail