› HTML Class in Philadelphia on June 16, 2017 Responsive HTML Email

HTML Class in Philadelphia on June 16, 2017 Responsive HTML Email

Responsive HTML Email Training Class

Fri, Jun 16 2017
9:30 a.m. to 4:30 p.m.
American Graphics Institute
AGI Training Philadelphia
American Graphics Institute AGI Training Philadelphia
101 West Elm Street
Conshohocken PA 19428

This Responsive HTML email training class is for anyone that needs to create or manage email campaigns. Topics covered in this HTML email class include planning, compliance, best practices, as well as actual coding techniques for making certain your HTML email displays as intended and reaches your audience.

Download Course Description (PDF)     See all HTML Email Training Classes

Responsive HTML Email Training Class: Detailed Topics Covered

Identifying the Need for Responsive HTML Email

  • Common issues with mobile email
  • Rise in mobile client usage
  • ROI of responsive HTML email
  • Differences in clients
  • Support for media queries

Designing Mobile-friendly HTML Email

  • Taking a ‘design-first’ approach
  • Differences in layout
  • Column sizing
  • Links and buttons
  • Font size guidance for HTML email
  • Defining messages in HTML email
  • Hiding extraneous details
  • Wireframing responsive HTML email versions

Coding Mobile HTML Email

  • Defining mobile-specific CSS
  • Using an @media declaration
  • Applying the content table class
  • Making styles !important
  • Adding other declarations

Building Responsive HTML Email Layouts

  • Adapting multi-column layouts
  • Working around CSS limitations
  • Using HTML attributes in HTML email
  • Adding a simple media query to a responsive HTML email
  • Incorporating progressive disclosure
  • Styling show/hide buttons

Targeting Specific Devices with Media Queries in your HTML Email

  • Addressing larger screen sizes
  • Adjusting the focus of media queries
  • Balancing effort vs. benefit
  • Moving beyond breakpoints
  • Designing fluid layouts for responsive HTML email

Optimizing HTML Email Images for Mobile Display

  • Using supported CSS in responsive HTML email
  • Swapping background images
  • Setting background-size
  • Serving high-res images
  • Addressing Retina displays

Creating Mobile Forms for use with HTML email

  • Benefiting from optimized HTML forms
  • Aligning form field labels
  • Accessing the special keyboard
  • Narrowing form layouts for responsive HTML email
  • Setting initial scale/zoom
  • Optimizing HTML email and plain-text email

 

American Graphics Institute AGI Training Philadelphia
101 West Elm Street
Conshohocken, PA
19428
USA
(610) 228-0951
Philadelphia Adobe Training, Photoshop Classes, InDesign Classes, Creative Cloud Training, After Effects Courses, Premiere Pro Classes, Illustrator Classes, and Apple Training.