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 >

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Installation du logiciel

Installation du logiciel Hot Potatoes Hot Potatoes est un logiciel gratuit proposé par Half-Baked Software et l Université de Victoria au Canada. Il se compose de six modules permettant chacun de mettre au point différents types

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

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

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

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

Aide à l utilisation du logiciel IziSpot.Mobi

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

Plus en détail

EasyNewsletter. 1. Création d un groupe d envoi de newsletter

EasyNewsletter. 1. Création d un groupe d envoi de newsletter EasyNewsletter Créez et envoyez des newsletters contenant textes, images, liens, et téléchargements en toute simplicité. Avec cet outil, vous pouvez également gérer vos listes de diffusion en quelques

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

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

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

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

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

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

Plus en détail

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

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

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

ETATS PDF. Pourquoi utiliser les états PDF? Comment créer un état PDF? Juin 2010

ETATS PDF. Pourquoi utiliser les états PDF? Comment créer un état PDF? Juin 2010 ETATS PDF Pourquoi utiliser les états PDF? LEADER Informatique vous propose depuis maintenant plusieurs mois la création d état au format PDF. Ce nouveau format pour vos états offre de nombreux avantages

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

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Vous allez créer avec cette leçon un album de photo avec le logiciel «Albelli livre photo». 2 La préparation Le travail le plus important pour

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

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

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

Plus en détail

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

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

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Contenu de l atelier. Courrier Androïd

Contenu de l atelier. Courrier Androïd Contenu de l atelier Services de courrier...1 Application Courriel...1 Configuration d un nouveau compte de courriel...1 Modification de la configuration d un compte de courriel...2 Suppression d un compte

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

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

Créer des styles CSS simples

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

Plus en détail

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

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

Plus en détail

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

Introduction à Dreamweaver CS4

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

Plus en détail

Cré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

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

Fidélisation clients et optimisation des campagnes de publicité. Laurent Bizot Responsable Formation Oxatis www.oxatis.fr

Fidélisation clients et optimisation des campagnes de publicité. Laurent Bizot Responsable Formation Oxatis www.oxatis.fr Fidélisation clients et optimisation des campagnes de publicité Laurent Bizot Responsable Formation Oxatis www.oxatis.fr Sommaire Lettres d information Astuces de création d un WebBlock sans texte enrichi

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

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

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

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

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

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote HD v5 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

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

Leçon N 15 Création d un album photo 2 ème partie

Leçon N 15 Création d un album photo 2 ème partie Leçon N 15 Création d un album photo 2 ème partie Vous allez créer avec cette leçon un album de photo avec le logiciel «Albelli livre photo». 2 La préparation Le travail le plus important pour créer un

Plus en détail

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

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

Plus en détail

Leçon N 2E Utilisation d un traitement de texte (2 ème partie)

Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Nous allons travailler sur la MISE EN FORME d un document. 1 Mise en forme des caractères Les logiciels Word et Writer regroupent les commandes

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

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign Nom :... Prénom :... Classe :... Techniques infographiques InDesign 1 Insertion de blocs textes et images (bases) a Création d un nouveau document...p04 b Le plan de travail...p05 c Les outils de base...p06

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

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

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

Plus en détail

Mairie de Bayonne. Manuel utilisateur Agenda BAB

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

Plus en détail

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

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

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Créer un site internet (ou des pages)

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

Plus en détail

Sommaire : tutorial Powerpoint 2003

Sommaire : tutorial Powerpoint 2003 Sommaire : tutorial Powerpoint 2003 Ouvrir le logiciel PowerPoint 2003...2 Affichage «mode normal» : mode de travail...3 Ajouter un modèle de conception existant...4 Insertion d une nouvelle diapositive

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

Open Office Writer Diffuser une lettre.

Open Office Writer Diffuser une lettre. Bureautique Open Office Writer Diffuser une lettre. Envoyer un même courrier en nombre à plusieurs personnes devient une opération facile et rapide, avec Open Office.org et Writer. Vous devez envoyer une

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

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

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

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

Manuel de mise en page de l intérieur de votre ouvrage

Manuel de mise en page de l intérieur de votre ouvrage Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

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

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

Plus en détail

Espace Numérique de Travail «Ste-Vé» : Mode d emploi à l usage des élèves

Espace Numérique de Travail «Ste-Vé» : Mode d emploi à l usage des élèves Espace Numérique de Travail «Ste-Vé» : Mode d emploi à l usage des élèves Afin d utiliser l ENT dans les meilleures conditions, voici quelques informations qui pourraient se révéler utiles. Remarque préliminaire

Plus en détail

Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003

Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003 Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003 Cahier de formation 5 Apprendre à utiliser les TIC dans la vie de tous les jours

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

4. Créer un compte utilisateur

4. Créer un compte utilisateur 4. Créer un compte utilisateur 1 - Cliquez sur le menu Outils puis sur Compte. 2 - Cliquez sur l onglet «Courrier». 3 - Cliquez sur «Ajouter» puis «Courrier». 4 - Tapez votre nom. 5 - Ecrivez votre mél

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

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

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage 26 février 2013 p 1 Aller plus loin avec le tableur : réaliser un suivi du budget du ménage Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office

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

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

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail