0
Views
Layout of email newsletters - course RUB 14,880. from HTML Academy, training, Date: November 28, 2023.
Miscellaneous / / November 30, 2023
The course takes place in an asynchronous format. You can start training at any time and move through the program at a speed that suits you.
The main value of the course is a large amount of feedback from a mentor who will analyze your code in detail, identify gaps in understanding the material and help you cope with everything.
The course is designed for experienced developers who want to improve their skills. To master it you need layout skills. The course is also suitable for beginners who have successfully completed the course “HTML and CSS. Adaptive layout and automation."
In the course we use the most effective formats for training professionals: texts and automated tests. We don't overuse video and only use it where it's needed.
Our goal is to turn any newcomer into a full-fledged and sought-after specialist, ready to work in the web industry.
In 2013, Sasha and Lesha launched HTML Academy. From the very beginning, we decided to teach how to work with live code, solving problems that are close to real ones. We provide an opportunity to gain not only knowledge, but also skills. In the learning process, we confront the student with tests, the principle of which is “match as shown in the model.” This is the principle by which most layout designers work.
We consider layout to be a very useful skill for any IT specialty. Therefore, we try to make our simulators as interesting, addictive, interactive, unusual, and somewhat game-like as possible.
We have prepared simulators that cover various aspects of the work of a layout designer. This is enough to get thoroughly acquainted with the layout. And for those who want to grow into a professional, we have prepared six online courses. These unique educational programs allow you to prepare specialists with the skills necessary for the web industry. And mentors help us with this. Now more than three hundred mentors work with us.
If simulators and courses are not enough for you, then you can look at the bookshelf, where we are gradually collecting books on web development. Or visit our forum and discuss the issue that concerns you.
At the beginning of the course, we will look at the difference between the usual layout of web pages and the layout of letters for email clients. Let's look at the important aspects of layout for email clients, consider the features of email clients, as well as some subtleties.
- What CSS features are supported and not supported by email clients?
- Table layout.
- Inline styles. Services for mixing styles.
- Types of email clients and their support.
- Subtleties: preheaders and emoticons in the subject.
Section 2 Text and images.
We will figure out how to format the text so that it appears beautifully everywhere. What fonts to use. When is it better to make text a picture, and when to use text? We’ll also figure out how to design images, including for retina displays, and why it’s so important to indicate alt.
- Fonts and their support by email clients.
- Why and how to use the Typograph service.
- Design of images. Retina images.
- Background images.
Section 3 Adaptability.
What to do if the text of an email on a mobile device is too small? Or does the letter go off the screen? Or do you need to rebuild the product grid from two columns to one?
We will talk about all this in this section. We will learn how to implement adaptive writing, what problems you may encounter, and how to resolve them.
- Media expressions in letters.
- Adaptability using inline blocks.
- Outlook and its lack of support for responsiveness.
Section 4 Testing and optimization.
It is important to always test your work before sending it to the customer or rolling it out into production. We will get acquainted with typical problems and bugs in the layout of newsletters in order to catch them at the testing stage.
The letter must be tested in all popular email clients, and to speed up this process, we will get acquainted with mailing testing services. We’ll also figure out how to optimize an email and speed up its loading.
- Typical problems with layout of mailings: cutting of letters by the mailer, automatic substitution of links in the text, and others.
- Services for testing mailings.
- Methods for optimizing mailings: reducing the volume of markup using backgrounds and others.
Section 5 Frameworks and designers for layout of letters.
For those who want to know more. Let's look at what tools exist for creating newsletters. Let's look at what frameworks and constructors exist, and when it is better to use them, and when to write code from scratch.
- Mailing services and letter constructors built into them.
- Popular frameworks: Zurb Foundation and MJML.
Regular expressions help you analyze and search for information faster and more efficiently. In some cases, their use speeds up the writing of code and increases the speed of its operation.
In this course, you will learn the fundamental principles that go into developing front-end applications.
Subscribe
YOU MIGHT ALSO LIKE
