Creating a Responsive HTML Email

Simpliv

Course

Online

£ 10 + VAT

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Did you know that over 46% of email is now read on mobile devices?Designing HTML email can be quite challenging, considering the limited capabilities of many email clients (readers). In contrast, most new email readers supports many of the latest trends in web design. What to do?Enter Responsive HTML Email. This course will show you how to design and construct an HTML email design that will render properly in such email readers and Outlook 2003 and Gmail, all the way through modern Android, Apple, and Windows phones. We will also explore online tools and services that will help you test your campaigns. Learn what is possible with HTML email.Running Time: 88 minutesWho is the target audience?Designers, marketers, or anyone tasked with creating HTML Emails across a range of screens and devices

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Learn to create an HTML Email layout compatible with a wide range of email clients
Discover techniques to design elements that will "gracefully degrade" in older email clients without loosing the design integrity
Add CSS to your HTML Email to take advantage of newer email clients and varying screen sizes

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Media
  • Project
  • Layout
  • Graphics
  • Design
  • Email
  • HTML

Course programme

Introduction and Set-up Files 4 lectures 04:56 About this course What's included in the exercise files Setting expectations for you and your clients Beginning the project Introduction and Set-up Files 4 lectures 04:56 About this course What's included in the exercise files Setting expectations for you and your clients Beginning the project About this course About this course About this course About this course What's included in the exercise files What's included in the exercise files What's included in the exercise files What's included in the exercise files Setting expectations for you and your clients Setting expectations for you and your clients Setting expectations for you and your clients Setting expectations for you and your clients Beginning the project Beginning the project Beginning the project Beginning the project Creating the Graphics 2 lectures 05:46 Creating the Banner and Background Graphics Creating content graphics for multiple screen sizes Creating the Graphics 2 lectures 05:46 Creating the Banner and Background Graphics Creating content graphics for multiple screen sizes Creating the Banner and Background Graphics Creating the Banner and Background Graphics Creating the Banner and Background Graphics Creating the Banner and Background Graphics Creating content graphics for multiple screen sizes Creating content graphics for multiple screen sizes Creating content graphics for multiple screen sizes Creating content graphics for multiple screen sizes Creating the HTML Email 7 lectures 18:20 Creating the Base HTML Structure Formatting and styling the logo row Formatting and styling the headline row Formatting and styling the content row Formatting and styling the promos row Formatting and styling the callouts row Formatting and styling the footer row Creating the HTML Email 7 lectures 18:20 Creating the Base HTML Structure Formatting and styling the logo row Formatting and styling the headline row Formatting and styling the content row Formatting and styling the promos row Formatting and styling the callouts row Formatting and styling the footer row Creating the Base HTML Structure Creating the Base HTML Structure Creating the Base HTML Structure Creating the Base HTML Structure Formatting and styling the logo row Formatting and styling the logo row Formatting and styling the logo row Formatting and styling the logo row Formatting and styling the headline row Formatting and styling the headline row Formatting and styling the headline row Formatting and styling the headline row Formatting and styling the content row Formatting and styling the content row Formatting and styling the content row Formatting and styling the content row Formatting and styling the promos row Formatting and styling the promos row Formatting and styling the promos row Formatting and styling the promos row Formatting and styling the callouts row Formatting and styling the callouts row Formatting and styling the callouts row Formatting and styling the callouts row Formatting and styling the footer row Formatting and styling the footer row Formatting and styling the footer row Formatting and styling the footer row Creating Buttons with HTML and CSS 2 lectures 06:39 Converting links to buttons with CSS Creating a call-to-action button Creating Buttons with HTML and CSS 2 lectures 06:39 Converting links to buttons with CSS Creating a call-to-action button Converting links to buttons with CSS Converting links to buttons with CSS Converting links to buttons with CSS Converting links to buttons with CSS Creating a call-to-action button Creating a call-to-action button Creating a call-to-action button Creating a call-to-action button Adding CSS to the Email 6 lectures 26:31 Adding the media queries for medium and small screens Switching the headline and banner for smaller screen sizes Adjusting the layout for content and footer for smaller screens Adjusting the promos for smaller screens Adjusting the promos for callouts for medium screens Adjusting the promos for callouts for small screens Adding CSS to the Email 6 lectures 26:31 Adding the media queries for medium and small screens Switching the headline and banner for smaller screen sizes Adjusting the layout for content and footer for smaller screens Adjusting the promos for smaller screens Adjusting the promos for callouts for medium screens Adjusting the promos for callouts for small screens Adding the media queries for medium and small screens Adding the media queries for medium and small screens Adding the media queries for medium and small screens Adding the media queries for medium and small screens Switching the headline and banner for smaller screen sizes Switching the headline and banner for smaller screen sizes Switching the headline and banner for smaller screen sizes Switching the headline and banner for smaller screen sizes Adjusting the layout for content and footer for smaller screens Adjusting the layout for content and footer for smaller screens Adjusting the layout for content and footer for smaller screens Adjusting the layout for content and footer for smaller screens Adjusting the promos for smaller screens Adjusting the promos for smaller screens Adjusting the promos for smaller screens Adjusting the promos for smaller screens Adjusting the promos for callouts for medium screens Adjusting the promos for callouts for medium screens Adjusting the promos for callouts for medium screens Adjusting the promos for callouts for medium screens Adjusting the promos for callouts for small screens Adjusting the promos for callouts for small screens Adjusting the promos for callouts for small screens Adjusting the promos for callouts for small screens Pushing the Envelope

Additional information

A modern web browser, capable or viewing responsive design An HTML/code editor (free or commercial) Willingness to do some coding A little bit of patience

See related categories

Creating a Responsive HTML Email

£ 10 + VAT

The best Other Education courses

See all

See all