Nos
formations

PAO, photo et vidéo Création de site web Webmarketing & Référencement Community Management & Stratégies sociales Tourisme et Médiation

Modalités
d'organisation

Critères qualité

  • Formation présentielle
  • Programme sur-mesure étudié à la demande
  • Chaque session fait l'objet d'une mise à jour systématique des contenus de formation
  • Numéro de déclaration d’activité : 52 85 01374 85 - Cet enregistrement ne vaut pas agrément de l’État.

Nombre de stagiaires par session

  • De 2 à 8 en inter-entreprises
  • De 1 à 8 en intra

Admission

  • Entretien préalable avec le formateur, pour évaluer les besoins précis, ainsi que le niveau sur Photoshop ou Gimp
  • Test d’entrée sur Photoshop via questionnaire, et analyse des fichiers templates, à envoyer avant la formation
  • Disposer d’un logiciel d’emailing ou de messagerie, ainsi que de la licence Dreamweaver (le recours à Notepad ++ demandera une réadaptation du programme)
  • Nécessité d’amener son ordinateur portable pour les séquences pratiques

Lieu de la formation

  • Chez le client
  • ou dans les locaux de Web Créatif : salle de formation de 30m2 (8 places maximum) équipée de tableau blanc, internet en filaire et vidéo-projecteur

Formation créer son template d’email avec HTML et CSS

Si vous souhaitez créer votre template graphique de A à Z et customiser votre email, une condition deviendra nécessaire : il va vous falloir maîtriser les langages du web spécifiques à l’emailing.

La formation « créer son template d’email » vous donnera les clés pour traduire en langage HTML et CSS le modèle graphique que vous aurez préparé sous Photoshop. Au menu également : l’adaptation du mail aux tablettes et smartphones, ainsi que les fonctions de tracking, et les logiciels ou extensions leaders du marché.

Durée

3 jours,
soit 21 heures

Tarifs

Prix inter
1650 € H.T. / pers.

Prochaines sessions

Proposez vos dates
sur le formulaire d'inscription

Public concerné et pré-requis

  • Toute personne souhaitant créer des emails personnalisés en recourant à Photoshop pour le template, puis à HTML pour l’intégration technique, compatible avec toutes les solutions actuelles d’emailing
  • Profils : webmasters, graphistes, intégrateurs HTML, développeurs HTML ou chargés de communication
  • Pré-requis : avoir un bon niveau de pratique en informatique et avoir réalisé au préalable un zoning ou une maquette sous Photoshop ou Gimp.

Objectifs pédagogiques

À l'issue de la formation, le stagiaire sera capable de :

  • Savoir structurer sa page en HTML avec les tables.
  • Créer et préparer ses éléments de design et de contenus images.
  • Utiliser les styles CSS3 pour mettre en forme.
  • Concevoir une newsletter responsive avec les Media Queries (adaptable aux différents supports : smartphone, tablette, ordinateur).
  • Utiliser un serveur pour les pièces jointes et l’envoi de la campagne

Programme général de la formation

Jour 1 matin (9h-12h30)

Le mail professionnel avec HTML et CSS

  • Abandonner Outlook ?
  • Se mettre au HTML / CSS et aux Media Queries
  • Disposer d’un hébergement
  • Investir dans un logiciel d’emailing et de newsletter

Les basiques du code HTML (Dreamweaver)

  • Règles générales de la création de pages Web
  • Comprendre la syntaxe du langage HTML
  • Balises de structuration des textes
  • Les attributs en HTML

Après-midi (14h-17h30)

Préparation du template de mail (avec Photoshop ou Gimp)

  • Règles de design pour les templates de mail
  • Faire la différence entre images de fond et images de contenu
  • Créer les fonds graphiques puis les enregistrer au bon format
  • Créer et retoucher les images de contenu
  • Gérer les polices d’écriture fantaisistes
  • Les formats Web lors de l’exportation

Structurer le template avec les tables HTML

  • Retour à la préhistoire…
  • Créer une mise en page
  • Structurer les parties / rubriques
  • Règles et limites dans l’utilisation des tables

Jour 2 matin (9h-12h30)

Héberger son modèle d’email grâce au FTP

  • Comprendre la notion de FTP
  • Charger ses images sur le site distant
  • Appeler ses images à partir du serveur
  • Créer des liens hypertextes vers des articles en ligne
  • Proposer des ressources en téléchargement

Comprendre et utiliser  les CSS / CSS3

  • Où mettre les CSS et CSS3 ?
  • Comprendre les sélecteurs de style
  • Création de styles intégrés (CSS inline)
  • Comprendre les spécificités liées à l’emailing

Après-midi (14h-17h30)

Ajouter les Media Queries pour le responsive

  • Définir les conditions de changement de mise en forme avec les Media Queries
    – principe de fonctionnement de @media
    – points de rupture pertinents
  • Modifier la structure de la mise en pages sur mobile : passer de 2 à 1 colonne ou de 3 à 1 colonne
  • Améliorer la lisibilité du texte sur smartphone
  • Masquer certains contenus sur mobile
  • Remplacer une image par une autre sur smartphone

Jour 3 matin (9h-12h30)

Créer une page miroir

  • Mettre la page miroir sur son serveur Web
  • Tester dans les navigateurs
  • Insérer un traceur d’analytics

Paramétrer et envoyer sa campagne (Sarbacane, MailChimp ou Sendblaster)

  • Créer et gérer sa mailing-list
  • Importer son mail au format HTML
  • Ajouter le lien de désinscription
  • Ajouter le traceur
  • Gérer l’envoi SMTP et traiter les retours
  • Les risques de blacklistage

Après-midi (14h-17h30)

Tester et débugger

  • Clients de courrier et webmails : leurs lacunes
  • Bugs d’affichage courants
  • Utiliser des templates tout prêts
  • Outils pour le création d’emailings

Outils marketing

  • Créer un formulaire d’inscription pour alimenter la mailing list
  • Gérer les désabonnement dynamiquement
  • Du côté des CMS et des plugins dédiés à l’emailing

Méthodes pédagogiques

  • Formation sur 3 jours non contigus afin de laisser le temps aux participants de pratiquer les codes HTML, CSS / CSS3 et de préparer leurs questions d’une fois à l’autre.
  • Les intervenants alternent découverte des notions, explications pédagogiques et travaux pratiques, permettant de s’approprier les notions et les méthodes.
  • Formation-atelier permettant à chaque participant de produire son email et de travailler en réel sur ses outils de Mail marketing.

Modalités d’encadrement et d’évaluation

  • Feuille d’émargement : les stagiaires émargeront par demi-journée.
  • Attestation de formation remise aux stagiaires ayant suivi la formation avec assiduité.
  • Une évaluation écrite portant sur l'atteinte des objectifs sera réalisée par les participants en fin de formation.
  • Quizz/QCM et commentaire libre validant les acquis en fin de formation.