Terminando el Header del Email
Clase 18 de 33 • Curso de Diseño HTML y CSS para Emails 2016
Contenido del curso
Bienvenido al curso
Buenas Prácticas en el Diseño de Email
- 4

Configurando el Entorno de Trabajo para Email
08:58 min - 5

Bases de desarrollo para Email
12:33 min - 6

Buenas prácticas en plantilla de estilos para email
10:14 min - 7

Imágenes de“fondo” y VML para Outlook
11:36 min - 8

Imágenes de Alta resolución para Email
05:23 min - 9

¿Cómo organizar tu CSS para email ?
15:35 min - 10

Técnica de Stacking
12:13 min - 11

Técnica de Spacers
04:41 min - 12
Repaso de buenas prácticas para Email
01:33 min
Creando nuestro proyecto
- 13

Introducción al proyecto
07:03 min - 14

Exportando nuestras imágenes desde Photoshop
23:32 min - 15

Header de Email de Bienvenida
18:51 min - 16

Responsive en Email de Bienvenida
18:23 min - 17

Call to action en nuestro Email de bienvenida
14:38 min - 18

Terminando el Header del Email
Viendo ahora - 19

Construyendo el Hero de nuestro Email de bienvenida
06:48 min - 20

Agregando elemento de 3 columnas en el email
12:08 min - 21

Creando un Footer para nuestro Email
08:31 min - 22

Creando un Mail Transaccional
13:35 min - 23

Creando un email de promoción
19:55 min
Mailchimp y Testing con Litmus
Conclusiones
Complementos del curso
Desafíos
Resumen
Terminamos con el Header agregando algunos márgenes, spacers y un nuevo elemento: Una linea separadora.
Para el divisor que es algo nuevo lo único que agregamos es:
<table width="640" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="w380" cellmargin="0">
<td width="15">
<td width="610" bgcolor="#0d133d" class="w350" style="line-height: 1px;">
<img src="images/spacer.gif" height="1">
<td width="15">
Donde style="line-height: 1px;" nos permite crear un contenedor de un alto de 1px y sumado al background color obtenemos como resultado la linea separadora.