About
LearnDesk
Learn  
Topics
Topics
Topics
Topics
Topics
Topics
Topics
Teach
  Teach Online
  Schedule
  Items
  Billing
  Users
  Marketing
  Analytics
  Settings
  Change School
Account
 

Creating Responsive HTML Email

Introduction and Set Up Files
Preview the Final Project
Preview
About the exercise files
Preview
Setting Expectations about HTML Email
Preview
Beginning the Project
Preview
Creating the Graphics
Creating the Banner and Background Graphics
Creating the Content Graphics
Creating the HTML Email
Setting Up the Base Layout Structure
Styling the Table Row for the Logo
Styling the Table Row for the Banner and Content
Styling the Table Row for the Promos
Styling the Table Row for the Callouts
Styling the Table Row for the Footer
Creating Buttons with HTML and CSS
Styling Anchor Links as Buttons
Creating a Call to Action Button
Adding CSS to the Email
Adding CSS Media Queries to your HTML Email
Styling the Headline and Banner for Smaller Screens
Styling the Content and Footer for Smaller Screens
Styling the Promos for Smaller Screens
Rearranging the Callouts for Medium Screens
Stacking the Callouts for Small Screens
Pushing the Envelope
Adding Inbox Preview Text
Adding Animation to Your HTML Email
Using Web Fonts with Your HTML Email
Adding HTML5 Video into HTML Email
Encoding and Embedding Base64 Images
Using High Definition (Retina®) Graphics in Your HTML Email
Validation and Testing
Validating Your HTML Code
Testing Your Email in 30+ HTML Email Clients
Suggestion for Yahoo Mail Incompatibilities
Suggestions for Blackberry 5 Layout Correction
Suggestion for Supporting Lotus Notes 6.5, 7, and 8.5
Where to Go from Here
Planning Alternate Layouts
Where to Go from Here

Preview the Final Project

Creating Responsive HTML Email Introduction and Set Up Files
By: Chris Converse
0 minutes
Share the link to this page
Copied
  Twitter
  Email
Add the class to your calendar
Print
  Completed

In this course, we'll create an HTML email design with a layout that will adapt to various screen sizes. We'll preview the final project created with this course. The file is available in section 2, video 1

Previous
Next
Home
Search
Saved
Trending Classes
Filter
The latest and the best classes on LearnDesk
Filter by Interest
Close
All Topics
Academics
Business
Creative
Health and Fitness
LifeStyle
Personal Development
Software
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Other
Pharma
Research
Science
Social Science
Teaching
Test Preparation
K-12
School
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
Internet of Things
Digital Transformation
Human Resources
Industry
Management
Marketing
Media
Operations
Other
Project Management
Public Relations
Real Estate
Sales
Strategy
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
Self Defense
Sports
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
Travel
Career Development
Learning
Religion and Spirituality
Self-Improvement
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
Content Management System
Customer Relationship Management
Database
Data Mining
E-Commerce
Enterprise Asset Management
Enterprise Resource Planning
Game Development
Google Cloud
Linux
Artificial Intelligence
Machine Learning
Master Data Management
Microsoft
Music Software
Network and Security
Open Source
Operating System
Other
Process Management
Productivity Software
Programming Languages
Robotics
Supply Chain Management
Testing
Teaching
Web Development

Sign Up

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.