Responsive HTML Email

Pre-Requisites: Basic HTML and CSS knowledge helpful.


Key Features

  • Online live classroom available
  • Quality learning materials
  • Small Class Sizes
  • State of the Art Facility
  • Free Retakes
  • Instructor Led Classroom training
  • Certified Industry Experienced Teachers
  • 100% Job Placement assistance
  • Fixing Gaps Below Images
  • Introduction to Media Queries
  • Writing Styles for Desktop and Mobile Versions
  • Optimizing Images for Mobile
  • Dealing with Hi-Res/Retina Images
  • Swapping the Banner on Mobile
  • Optimizing the Mobile Layout
  • Adding a Preheader to Entice Mobile Users
  • Coding Responsive Columns that Work on Gmail
  • Inlining the Styles with MailChimp’s Inliner
  • HTML5 & CSS3
  • JavaScript Front-End
  • Adobe Photoshop
  • Flexbox, Grid & Bootstrap
  • Git (used to set up tracking) & Coding Tips
  • Responsive HTML Email

This certificate course is for anyone who wants to design and code websites/emails, as well as develop a website portfolio of their work. It’s a good fit for:

  • Those who want to start a career as a web designer/developer or do client/freelance work.
  • Art directors, marketing professionals, or anyone who wants to know how design and code work together to make websites and emails.
  • Aspiring front-end web developers who want to design as well as code.
  • Aspiring web designers who want to enhance their skills and develop a portfolio website.

In marketing today, responsive emails are shifting from optional to necessary. Responsive emails have become an expectation. … With so many people opening emails from mobile devices, it’s imperative that your newsletters be mobile-friendly, meaning you should be using responsive emails.

Learn best practices for executing a responsive email design that will ensure an excellent user experience for desktop, webmail, and mobile users. We’ll show you how easy it is to set up a single-column email with a fluid layout that will work across devices and email clients. We’ll also show you how to create a more complex newsletter that, with the help of media queries, will go from a 2-column layout to a single column on most mobile devices.

Section 1

  • Simple Responsive Layout
  • 2 Column Layout: Media Queries
  • Mobile-Friendly Column Layout

Section 2

  • Optimizing Images for Mobile
  • Responsive Footer
  • Optimizing the Mobile Layout
  • Best Practices: Preflight

Is there mandatory work outside of the classroom?

Students are encouraged to practice the skills learned in class and develop a portfolio of work.

Does this course require any prior knowledge or experience?

Students must be comfortable using a computer. No other prior knowledge is required.

Course Number : HTML-3-0105

Duration : 10 hours

1 Step 1

Request Information!

Who you are?

By submitting this form, you are giving your express written consent for Global Information Technology to contact you regarding our programs and services using email, telephone or text.  This consent is not required to purchase goods/services, and you may always call us directly at 1-866-464-4846.

reCaptcha v3