Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Consejos Desarrollo HTML - Email

    Cargado por

    Tester Doppler
    25 vistas5 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    25 vistas5 páginas

    Consejos Desarrollo HTML - Email

    Cargado por

    Tester Doppler

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    Simple. Profesional. Eficiente.

    Seguro
    Consejos para el desarrollo de HTML para Email

    Javascript

    No se puede usar ningún tipo de script.


    Varios webmails filtran aquellos mails que lo contengan.

    <script>
    function tes()
    {
    document.getElementById(”id”).style.display = “none”;
    document.write(”hello world”);
    }
    </script>

    Html
    Tamaño:
    Ancho Máximo: 600 px. Alto Máximo: Indefinido.

    Caracteres especiales:
    Las palabras con acento o símbolos no estándares, deben ser
    agregados a través de los códigos correspondientes.

    á: &aacute; é: &eacute; l: &bull;

    Solo usar el contenido dentro de la Etiqueta body.

    <body>

    <table width=”100%” border=”0” cellspacing =”0” cellpading=”0”>


    <tr>
    <td width=”18%”><img src="before_june.jpg"</td>
    <td><img src="after_june.jpg" alt="After_tratment" /></td>
    <td width=”63%”>wiachive dramatic results.</td>
    </tr>
    <tr>
    <td colspan=”3”>Sound too goodrove it!</td>
    </tr>

    Info@fromdoppler.com | www.fromdoppler.com
    Usar tablas para la estructura del HTML.

    <table width=”100%” border=”0” cellspacing =”0” cellpading=”0”>


    <tr>
    <td width=”18%”><img src="before_june.jpg"</td>
    <td><img src="after_june.jpg" alt="After_tratment" /></td>
    <td width=”63%”>wiachive dramatic results.</td>
    </tr>
    <tr>
    <td colspan=”3”>Sound too goodrove it!</td>
    </tr>

    </table>

    No utilizar Div´s.

    <div class=”test”>
    <div class=”contente”>
    <div>
    <ul>
    <li>one</li>
    <li>two</li>
    <li>four</li>

    Estilos:
    El HTML para e-mail el estilo esta en cada una de las etiquetas en
    las que lo apliquemos.

    <table width=”100%” border=”0” cellspacing =”0” cellpading=”0”>

    <tr style=”border:1px solid #006633;”>


    <td style=”font-family:Arial, helvetica, sans-serif;font-
    size:12px;color:#003399”>&nbsp;</td>
    <td style=”background-color:#00CC33; text-
    decoration:underline;”>&nbsp;</td>
    </tr>

    </table>

    Info@fromdoppler.com | www.fromdoppler.com
    No se pueden usar clases.

    <div class=”test”>
    <div class=”contente”>
    <div>
    <ul>
    <li>one</li>
    <li>two</li>
    <li>four</li>

    El atributo background-image se encuentra deshabilitado en los


    clientes de correo web.

    No se puede enviar animaciones en flash ni videos.

    Textos:
    Maximizar el uso de fuentes estandares.

    Lista de fuentes aceptadas.


    - Arial
    - Verdana
    - Tahoma
    - Trebuchet
    - Times new Roman
    - Courier
    - Georgia

    Usar familias de fuentes.

    Imágenes:
    De ser posible utilizar la menor cantidad de imágenes posibles para
    minimizar el peso del email.

    Siempre agregar un texto alternativo a las imágenes.


    Las casillas de email no permiten ver el contenido de las imágenes
    hasta que no sean aceptadas por el usuario.

    Info@fromdoppler.com | www.fromdoppler.com
    El peso de las imágenes no debe superar los 100 kb.

    El email no debe superar los 600 px de ancho.

    Herramientas
    Se recomienda utilizar Dreamweaver.

    Se recomienda no utilizar Front-page.

    Validar el HTML resultante para que sea XHTML válido.

    Testear el HTML en aquellas casillas de correo a las que se


    quiere llegar (ej: Yahoo, Gmail, Hotmail, Outlook, Thunderbird).

    Info@fromdoppler.com | www.fromdoppler.com

    También podría gustarte