Description

Responsive e-mailing is becoming essential: on average, a person checks their phone more than a hundred times a day and half of all emails are opened from a mobile device. This course will teach you how to create a Responsive design for your emails and newsletters, regardless of the routing tools used.

Who is this training for ?

For whom ?

Anyone producing newsletters and/or e-mailings.

Prerequisites

Training objectives

Understand the challenges of mobility and Responsive Web Design

Know the limits of Responsive Design and its alternatives

Create an email optimized for mobile media

Training program

• Understanding the principle of Responsive Web Design (RWD)
  • - User needs to be met.
  • - Different mobile/desktop uses.
  • - Statistics by browser and by platform.
  • - Browsers up and down range.
  • - Update constraints.
  • - Exchanges Advantages and disadvantages of RWD.
• Identify mobility issues
  • - Mobile email figures and trends.
  • - Risks of a non-mobile-optimized strategy.
  • - Best practices.
  • - Exchanges List the arguments to implement a mobile strategy.
• Choosing the right break points
  • - Media Queries CSS3.
  • - CSS units to use.
  • - Breaking points in Mobile First JavaScript.
  • - Notion of progressive improvement .
  • - Option to refocus on content.
  • - Development methods.
  • - Case study Reflection based on a case on the points of break used.
• Master basic email coding techniques
  • - Message architecture: HTML tables, built-in styles.
  • - List of compatible CSS properties.
  • - Main rendering bugs and solutions.
  • - Example Overview of encoding techniques.
• Know the prerequisites for mobile optimization

  - n'as pas encore du programme

• Discover the three approaches to a mobile email strategy
  • - How e-mail campaign link tagging works.
  • - Simplified adaptation.
  • - Concepts of "fluid" and "scalable", " adaptive" or "Responsive".
  • - Specificities depending on the messaging clients.
  • - Exchanges The different optimization solutions.
• Design a Responsive Email
  • - Integration of Media Queries.
  • - Coding of HTML tables.
  • - Management of characters and text blocks.
  • - New challenges in the 'CSS integration for e-mail.
  • - Progressive improvement with CSS3.
  • - Practical work Creation of an HTML template adapted to mobile media.
  • - Carrying out tests: multi-media and terminal visual rendering.