Autres formations :

Durée :
1 jour (7 heures)
Objectif :

  • Savoir préparer et optimiser des emailings responsive pour garantir un affichage correct sur les différents clients mail.
  • Être capable de mettre en œuvre un design responsive dans le cadre d’une newsletter ou d’un e-mailing.
Tarif par pers. :
440 € H.T.
Télécharger le plan de cours au format PDF
Télécharger la fiche d’inscription

Dates des prochains stages
Inter-Entreprises :

Paris 20 janvier
Lyon 10 février
Marseille
Toulouse


Planning stages Inter

Vous souhaitez réaliser cette formation en stage Intra personnalisé :
contactez-nous

Informations pratiques :
Horaires :
09h00-12h30 / 13h30-17h00

1 poste de travail et 1 support de cours par personne

Toutes les formations que nous dispensons peuvent entrer dans le cadre de la formation continue

Une convention de formation sera établie dès votre inscription

Points forts :

  • 1 support de cours remis à chaque stagiaire
  • Salle de formation équipée avec un PC par personne
  • Exemples et études de cas projetés sur vidéoprojecteur
  • Nombreux exercices pratiques
  • Les stagiaires peuvent présenter leurs propres documents
  • Les stagiaires peuvent récupérer les exercices pratiqués pendant la formation
  • Formation pouvant s’inscrire dans la cadre de la formation professionnelle continue

 

Formation e-mailing / NewsLetter (perfectionnement)
Responsive Design

Public :
Toute personne réalisant des NewsLetters ou des e-mailings.

Pré-requis :
Avoir suivi le stage « Créer une newsletter ou un e-mailing » ou avoir déjà réalisé des newsletters ou des e-mailings.

Au programme :

Principes généraux

  • Qu’est ce que le Responsive Web Design ?
  • Les problématiques des différents supports de lecture (résolution, taille d’écran, etc…)
  • Les différents types de clients e-mail (lecteur, boite mail, etc…)
  • Les principes généraux du Responsive Web Design
  • Fonctionnement et exemples
  • État des lieux de la compatibilité des clients mails

Rappel des techniques de codage de base d’une newsletter ou d’un e-mailing

  • Tableaux HTML
  • Styles intégrés (inline)

Le Responsive Web Design

  • Déterminer les points de ruptures
  • Les medias queries
  • Les médias queries appliqués au Responsive Web Design

Réaliser une maquette en responsive Design

  • Réaliser une maquette html pour smartphones
  • Réaliser une maquette html pour tablettes
  • Réaliser une maquette html pour écran
  • Préparation des éléments graphiques
  • Réaliser la maquette dans Photoshop ou Gimp
  • Découper les images

Maitriser l’intégration en Responsive Design

  • La balise méta pour les Smartphones et tablettes
  • Media queries portrait et landscape
  • La propriété background-size
  • Travailler avec des arrière-plans en pourcentages
  • Travailler avec des images en pourcentages
  • Concevoir des pages en pourcentages
  • Bloquer la taille maximale de la page

Le travail des textes

  • Comprendre l’unité em
  • Travailler avec des polices en unité em
  • L’unité em comme unité décimale

Exercices :

Réalisation complète et mise en ligne d’un E-mailing responsive :

  • Réaliser une page en responsive web design pour les smartphones
  • Réaliser une page en responsive web design pour les tablettes
  • Réaliser une page en responsive web design pour les écrans
  • Mise en ligne et tests

Questions / réponses avec le formateur

Chaque stagiaire dispose d’un ordinateur et d’un support de cours pour la formation. Des exercices pratiques sont réalisés tout au long de la formation.