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

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

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

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

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

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

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

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

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

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

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

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

Prise en main rapide

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

Plus en détail

GUIDE D UTILISATION 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

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

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Le compte courriel 23 L historique 25 La gestion des adresses brûlées 35 Utilitaires 38 Utilisation

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

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

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

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

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

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

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

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

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

Le courriel responsive Optimiser vos campagnes pour l affichage mobile

Le courriel responsive Optimiser vos campagnes pour l affichage mobile 1 Le courriel responsive Optimiser vos campagnes pour l affichage mobile SOMMAIRE Du téléphone portable au téléphone intelligent... 2 L apparition du téléphone intelligent... 2 Le téléphone intelligent

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

Votre Guide d utilisation

Votre Guide d utilisation Votre Guide d utilisation Comment accéder au Gestionnaire de Contenu (CMS)? Le Gestionnaire de Contenu (CMS) a été optimisé pour être utilisé avec le fureteur Google Chrome. Vous pouvez aussi utiliser

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Saisie de données. Dans ce chapitre

Saisie de données. Dans ce chapitre 3 Saisie de données Dans ce chapitre Éditer et mettre en forme les cellules........................ 32 Copier et déplacer les cellules............................ 38 Remplir les cellules avec des séries

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

Plus en détail

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

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

Plus en détail

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

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

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

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

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

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

Guide pratique pour aligner une transcription sous ELAN

Guide pratique pour aligner une transcription sous ELAN Guide pratique pour aligner une transcription sous ELAN Version 2.0 Juin 2009 Isabel Colón de Carvajal Laboratoire ICAR (CNRS & Université de Lyon) 1 Introduction générale... 1 2 Installation du logiciel...

Plus en détail

INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000

INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000 INITIATION AU SYSTEME D EXPLOITATION WINDOWS 2000 Introduction : Initiation à la Micro- Informatique 1. Matériel 2. Périphériques a) Le clavier b) La souris c) L écran d) L unité centrale e) L imprimante

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

Utilisation des outils Easy Interactive Tools sous Mac OS

Utilisation des outils Easy Interactive Tools sous Mac OS Utilisation des outils Easy Interactive Tools sous Mac OS Après avoir téléchargé et installé les outils Easy Interactive Tools, vous pouvez utiliser les crayons inclus avec le projecteur BrightLinkMC pour

Plus en détail

Développement Web pour mobiles

Développement Web pour mobiles Développement Web pour mobiles Les bases du HTML par Eric Sarrion Date de publication : 11/08/2010 Dernière mise à jour : Le langage HTML est le langage de base permettant de construire des pages web,

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

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

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

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

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

Guide de l interface utilisateur d Optymo

Guide de l interface utilisateur d Optymo Guide de l interface utilisateur d Optymo Notes de lecture : dans ce document, les textes soulignés font référence à des libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes

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

Comment utiliser votre espace association

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

Plus en détail

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

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

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

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

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

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées HTML 5 Page de base Meta Outils pour Firefox Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées Les 6 niveaux de titre Indices et exposants Les liens L arborescence

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

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

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

Initiation au logiciel Keynote

Initiation au logiciel Keynote Sébastien Stasse Initiation au logiciel Keynote Nom: Groupe: Guide d apprentissage et notions de base Initiation au logiciel Keynote Initiation au logiciel Keynote Guide d apprentissage et notions de

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

Initiation WORD. Module 3 : La mise en forme d un document

Initiation WORD. Module 3 : La mise en forme d un document Initiation WORD. Module 3 : La mise en forme d un document Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 21

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

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

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

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

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

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

Comment créer des GIF animés en dix étapes?

Comment créer des GIF animés en dix étapes? Comment créer des GIF animés en dix étapes? Tutoriel GIF Movie Gear Septembre 2002 Rédigé par :Visicom Média inc. 1 TABLE DES MATIERES PRÉSENTATION DE GIF MOVIE GEAR... 2 BARRE DE MENUS... 2 BARRE D'OUTILS

Plus en détail

1 Windows. Université de Nice-Sophia Antipolis Master 2 TSD Nouvelles Technologies 2012 2013. Épreuve de connaissances en Bureautique

1 Windows. Université de Nice-Sophia Antipolis Master 2 TSD Nouvelles Technologies 2012 2013. Épreuve de connaissances en Bureautique Nom Université de Nice-Sophia Antipolis Master 2 TSD Nouvelles Technologies 2012 2013 Épreuve de connaissances en Bureautique Prénom Né(e) à Le Durée : 2H Tous documents autorisés Note Ce test a pour but

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

Introduction à Dreamweaver

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

Plus en détail

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

Windows 7 - Dossiers et fichiers

Windows 7 - Dossiers et fichiers Windows 7 - Dossiers et fichiers Explorez votre PC : dossiers et fichiers Tous les fichiers nécessaires au fonctionnement de votre ordinateur, qu il s agisse de ceux de Windows, des logiciels installés

Plus en détail