Mise en page des newsletters par e-mail - cours 14 880 RUB. de HTML Academy, formation, Date: 28 novembre 2023.
Miscellanea / / November 30, 2023
Le cours se déroule dans un format asynchrone. Vous pouvez commencer l’entraînement à tout moment et avancer dans le programme à la vitesse qui vous convient.
La principale valeur du cours réside dans une grande quantité de commentaires d'un mentor qui analysera votre code en détail, identifiera les lacunes dans la compréhension du matériel et vous aidera à tout gérer.
Le cours est destiné aux développeurs expérimentés qui souhaitent améliorer leurs compétences. Pour le maîtriser, vous avez besoin de compétences en mise en page. Le cours convient également aux débutants ayant suivi avec succès le cours « HTML et CSS. Disposition adaptative et automatisation."
Dans le cours, nous utilisons les formats les plus efficaces pour la formation des professionnels: textes et tests automatisés. Nous n’abusons pas de la vidéo et ne l’utilisons que là où elle est nécessaire.
Notre objectif est de faire de tout nouvel arrivant un spécialiste à part entière et recherché, prêt à travailler dans l'industrie du Web.
En 2013, Sasha et Lesha ont lancé HTML Academy. Dès le début, nous avons décidé d'enseigner comment travailler avec du code live, en résolvant des problèmes proches des problèmes réels. Nous offrons la possibilité d'acquérir non seulement des connaissances, mais aussi des compétences. Dans le processus d’apprentissage, nous confrontons l’étudiant à des tests dont le principe est « la correspondance comme indiqué dans le modèle ». C’est le principe selon lequel travaillent la plupart des concepteurs de mise en page.
Nous considérons la mise en page comme une compétence très utile pour toute spécialité informatique. Par conséquent, nous essayons de rendre nos simulateurs aussi intéressants, addictifs, interactifs, inhabituels et quelque peu ludiques que possible.
Nous avons préparé des simulateurs qui couvrent divers aspects du travail d'un maquettiste. Cela suffit pour bien se familiariser avec la mise en page. Et pour ceux qui souhaitent devenir professionnels, nous avons préparé six cours en ligne. Ces programmes éducatifs uniques vous permettent de préparer des spécialistes possédant les compétences nécessaires à l'industrie du Web. Et les mentors nous y aident. Aujourd'hui, plus de trois cents mentors travaillent avec nous.
Si les simulateurs et les cours ne vous suffisent pas, vous pouvez consulter la bibliothèque, où nous rassemblons progressivement des livres sur le développement Web. Ou visitez notre forum et discutez du problème qui vous préoccupe.
Au début du cours, nous examinerons la différence entre la mise en page habituelle des pages Web et la mise en page des lettres pour les clients de messagerie. Examinons les aspects importants de la mise en page des clients de messagerie, considérons les fonctionnalités des clients de messagerie, ainsi que quelques subtilités.
- Quelles fonctionnalités CSS sont prises en charge et non prises en charge par les clients de messagerie ?
- Disposition des tableaux.
- Styles en ligne. Services pour mélanger les styles.
- Types de clients de messagerie et leur support.
- Subtilités: pré-en-têtes et émoticônes dans le sujet.
Nous verrons comment formater le texte pour qu'il apparaisse joliment partout. Quelles polices utiliser. Quand est-il préférable de transformer un texte en image et quand utiliser du texte? Nous découvrirons également comment concevoir des images, y compris pour les écrans Retina, et pourquoi il est si important d'indiquer alt
.
- Polices et leur prise en charge par les clients de messagerie.
- Pourquoi et comment utiliser le service Typograph.
- Conception d'images. Images de rétine.
- Images d’arrière-plan.
Que faire si le texte d'un email sur un appareil mobile est trop petit? Ou la lettre disparaît-elle de l'écran? Ou avez-vous besoin de reconstruire la grille de produits de deux colonnes à une seule ?
Nous parlerons de tout cela dans cette section. Nous apprendrons comment mettre en œuvre l’écriture adaptative, quels problèmes vous pourriez rencontrer et comment les résoudre.
- Expressions médiatiques en lettres.
- Adaptabilité à l'aide de blocs en ligne.
- Outlook et son manque de support pour la réactivité.
Il est important de toujours tester votre travail avant de l'envoyer au client ou de le mettre en production. Nous nous familiariserons avec les problèmes et bugs typiques dans la mise en page des newsletters afin de les détecter lors de la phase de test.
La lettre doit être testée dans tous les clients de messagerie populaires, et pour accélérer ce processus, nous nous familiariserons avec les services de test de courrier. Nous découvrirons également comment optimiser un email et accélérer son chargement.
- Problèmes typiques de mise en page des mailings: découpage des lettres par l'expéditeur, substitution automatique des liens dans le texte, etc.
- Services de test des mailings.
- Méthodes d'optimisation des mailings: réduction du volume de balisage à l'aide d'arrière-plans et autres.
Pour ceux qui veulent en savoir plus. Voyons quels outils existent pour créer des newsletters. Voyons quels frameworks et constructeurs existent, et quand il est préférable de les utiliser, et quand écrire du code à partir de zéro.
- Services de courrier et constructeurs de lettres intégrés.
- Frameworks populaires: Zurb Foundation et MJML.
Les expressions régulières vous aident à analyser et rechercher des informations plus rapidement et plus efficacement. Dans certains cas, leur utilisation accélère l'écriture du code et augmente la vitesse de son fonctionnement.
Dans ce cours, vous apprendrez les principes fondamentaux du développement d'applications frontales.