Maquetado del email Escalable

Clase 14 de 17 • Curso de Diseño y Creación de Plantillas de Email Marketing

Sebastián Pizarro

student•

Si alguien más viene de la ruta de HTML/CSS y le llamó la atención esta línea:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Por lo que pude averiguar, XHTML 1.0 es el equivalente a HTML4 + XML, es decir, un HTML más estricto en cuanto a las etiquetas a utilizar (lo que le da la virtud de ser aceptado en la mayoría de navegadores antiguos, aunque carece de las bondades de HTML5).

Dentro del XHTML 1.0 existen tres tipos, uno de ellos el Transitional, el cual tiene como principales características que el diseño obligatoriamente va dentro de la estructura del HTML (no usa hojas de estilos) y que acepta etiquetas antiguas sin romperse.

https://www.w3.org/QA/2002/04/valid-dtd-list.html https://www.w3.org/TR/html5-diff/ https://hackr.io/blog/difference-between-html-html5-xhtml

Lida Bocanegra

student•

Para lo que venimos de la ruta de marketing, ¿cuál sería la explicación en palabras de mortal?

Emilys Dominguez

student•

El código que no se visualiza en el video de la clase, está en este Notion en la clase correspondiente.

En este Notion están las notas completas del curso, dupliquen el template para que puedan editarlo.

Recuerden descargar el archivo en los recursos para que puedan manipular el código y los recursos.

Notas completas del curso, aquí

Daniela Sanchez Molano

student•

Excelentes notas, muchas gracias! :D

Laura Roa

student•

Se ve muy pequeño el texto del codigo :(

Isaías Ramos

student•

Podes ampliar tu navegador, aumentando el zoon o el porcentaje %200 o más.

Laura Roa

student•

Hola gracias por el comentario. Quiero contarte que se como ampliar el navegador pero he pasado por muchos cursos de programacion donde se puede ver claramente todo el codigo. A eso me referia con mi observacion. Es incomodo cuando amplias el navegador. Asi que en modo sugerencia es algo que seria chevere tener en cuenta para un proximo curso. :)

Francisco Carrillo

student•

Amé esta clase, estuve esperando tener una clase así desde hace mucho tiempo ¡Gracias!

Mercy María Ix Ballote

student•

Para email, se maqueta a la antigua, con tablas y no se puede usar HTML5, ni usar CSS externo si no con estilos en línea y las condiciones como menciona en los recursos, y las imágenes con URL ya en un servidor.

Franci serna

student•

Hola, estoy un poco confundida, se supone que la estructura se hace desde mailchimp. para que venimos a photoshop o esta app a crear una imagen? no entiendo?

Fabian Andrés Gomez zapata

student•

Es necesario todo esto del HTML? Quiero decir no se puedo hacer una plantilla en Figma o algo así? Es que la explicación que hay en este video es sobre la marcha bien complicado hacer esto para cada tipo de email o plantilla.

Steven ‘Sty’ Vargas Rojas

student•

Sé que hay herramientas en líneas tipo no-code que puedes usar para crear tu própio correo sin necesidad de usar código, algunas de las páginas son:

Mailchimp
hubspot
ConvertKit

Lo bueno del HTML es que literalmente puedes personalizarlo a tu gusto y es mucho más versatil.

Hugo Calero Valverde

student•

Pasamos de mailchimp a photoshop y ahora a código en visual studio code. Sería mejor mantener la línea que llevábamos con mailchimp.

Ma. Mercedes Ravanales Monteagudo

student•

no se ve el texto del código :(

Eduardo Reyes

student•

🤔¿Cuál es la diferencia entre usar maquetación en HTML y usar el maquetador de Mailchimp?

Victor Manuel Arroyave Castañeda

student•

En mi experiencia el código en HTML es mas versátil por lo que puedes trabajar mails mucho mas estructurados que en Mailchimp donde solo usas plantillas; así puedes crear mail mas llamativos dándole un toque personal a tu diseño.