Web Blog D_sign http://blog.yadahcl.com Tutoriales, Noticias y Tendencias Geeks Wed, 11 Jan 2012 16:02:14 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 yadahbloghttp://feedburner.google.com Como hacer un menu desplegable con JQuery http://feedproxy.google.com/~r/yadahblog/~3/YMXHkSglfhk/ http://blog.yadahcl.com/html/como-hacer-menu-desplegable-con-jquery/#comments Wed, 07 Dec 2011 01:32:19 +0000 jluisfg http://blog.yadahcl.com/?p=376 Aquí les dejo el tutorial mas reciente sobre como hace un menu dropdown o desplegable utilizando la libreria de Javascript JQuery.

Descarga aquí los archivos

]]> http://blog.yadahcl.com/html/como-hacer-menu-desplegable-con-jquery/feed/ 0 http://blog.yadahcl.com/html/como-hacer-menu-desplegable-con-jquery/ HTML desde cero http://feedproxy.google.com/~r/yadahblog/~3/7Z2U90VBzG0/ http://blog.yadahcl.com/dreamweaver/html-desde-cero/#comments Wed, 17 Aug 2011 18:32:56 +0000 jluisfg http://blog.yadahcl.com/?p=360 En este post encontraras un poco de ayuda para dar tus primeros pasos en el mundo del HTML. Si lo que quieres es empezar a diseñar tus paginas web y aprender html desde cero, aquí te tratare de dar las bases para que puedas seguir aprendiendo.

Que veremos en este post

  • Estructura de un archivo HTML
  • Tu primero archivo en HTML
  • Uso de parrafos y estilos
  • Uso de links
  • Insertar Imagenes
  • Tablas
  • Tu primera página web

Estructura de un arvhico HTML

No te espantes todavía, tal vez pienses que para crear una página web necesitas saber “programar” como muchos lo dicen. Tenemos que aclarar este punto antes que nada, diseñar páginas web en html no nos hace programadores; HTML es un lenguaje de marcado, a lo que me refiero con esto es que los navegadores como Google Chrome, Safari, Internet Explorer (el patito feo), etc interpretan este lenguaje de “marcado” y crean los elementos en pantalla. Esto no quiere decir que HTML sea un lenguaje de “programación”, es simplemente un lenguaje para crear estructuras.

Me desvié un poco del tema, volviendo a lo importante. La estructura de un archivo HTML esta basada en etiquetas, las etiquetas son pequeños textos que se abren y se cierran (huh?). Para “abrir” una etiqueta se utilizan los corchetes y el nombre de la etiqueta (<miEtiqueta>), para cerrar la etiqueta se utiliza la misma etiqueta pero escribiendo una diagonal antes del nombre de la etiqueta (</miEtiqueta>).

Sabiendo esto podemos ver la estructura clásica de un archivo HTML.

<DOCTYPE> <html> <head> <meta /> <title>Mi documento</title> </head> <body>         Aquí va nuestro contenido </body> </html>

Se que puede resultar un poco intimidante ver todo este código pero la mayoría de los editores de código pondrán todo este código de inicio para que empecemos a meter nuestro contenido. Sin embargo, es bueno saber como esta hecho nuestro documento.

Como podemos ver una etiqueta puede contener a otra, y asi sucesivamente.  La etiqueta <html> contiene a la etiqueta <body> y la etiqueta <body> contiene todo lo que despliegan los navegadores. Todo lo contenido en la etiqueta <head> también es muy importante ya que aquí se contienen elementos como el titulo, las metatags (etiqueta meta) y muchas veces Javascripts.

Tu primer archivo HTML

Ahora si, después de conocer la estructura veamos como agregar un simple párrafo a nuestro documento en html.

La etiqueta para incluir parrafos es la etiqueta <p> y se cierra </p> como dijimos anteriormente. Esta etiqueta tiene muchos atributos que podemos utilizar para personalizar nuestro párrafo recien creado. Los atributos en HTML se definen dentro de la etiqueta de apertura. Veamos en el caso de nuestro etiqueta de parrafo como sería:

<p align="center">Este es mi primer parrafo en HTML!</p>

Así de fácil y sencillo tenemos nuestro primer parrafo. Prueba tu archivo en tu navegador y veras que tu parrafo se encuentra perfectamente centrado en la página.

Otros atributos para nuestra etiqueta de parrafo son: id, class, title, dir y lang. Para ver un listado completo ve aquí.

Uso de links

Que sería de un archivo html sin vinculos. Le etiqueta que nos permite agregar un vinculo en HTML es <a> y tiene 2 atributos muy importantes, el primero es la url del vinculo que queremos y el segundo es un titulo que ayuda a los navegadores a indexar los enlaces entre sitios web. Entonces nuestro vinculo o link quedaría así:

<a href="http://www.yadahcl.com" title="Despacho de Diseño y Desarrollo Web">Visita mi sitio</a>

Así de fácil, otra vez vemos que el código no debe intimidarte. Otro atributo que podemos darle a nuestro vinculo y uno muy importante a decir verdad es “target”, este atributo lo que hace es muy sencillo: define en donde queremos que se abre el vínculo. Por default todos los vinculos se abren en la misma ventana donde nos encontramos, pero si que tal si no quisieramos que el usuario se fuera de nuestra página cuando da clic en otro vinculo? Para esto le damos el atributo “_blank” y quedaría de la siguiente manera.

<a href="http://www.yadahcl.com" title="Despacho de Diseño y Desarrollo Web" target="_blank">Visita mi sitio</a>

Como insertar imagenes en HTML

¿Que sería de la WWW sin imagenes? Solo sería un espacio lleno de información y colores planos. Para eso existe una etiqueta que te salvará la vida para agregar imagenes a tus sitios web. La etiqueta img es la encargada de desplegar las imagenes en nuestro contenido html. Recibe como la mayoría de las etiquetas atributos. Existen muchos atributos, pero 2 son básicos para una sintaxis correcta. Estos 2 atributos son: src y alt. src viene de source y lo que hace es indicar la url donde se encuentra nuestra imagen, alt indica un texto alterno que ayuda a la gente que no puede desplegar las imagenes para saber que debe haber ahi.

Suena a mucha información, pero al ver el ejemplo verás que sencillo es:

<img src"http://google.com/imagen.jpg" alt="Google Logo" />

Algo diferente vemos aquí, la etiqueta img como muchas otras que conocerás poco a poco es una etiqueta que se cierra dentro de la misma etiqueta que se abre. Para cerrar una etiqueta en la misma que se abre simplemente agregamos la diagonal antes del corchete que cierra.

Es muy importante tener la dirección correcta de la imagen para que se pueda desplegar correctamente.

Tablas en HTML (Sitios web a la antigüita)

Sin duda las tablas ya no se usan como antes, tratare de explicar este punto. Todos los sitios web en el pasado eran hechos con tablas y nada mas que tablas, ya que eran lo único que se conocía y lo mas fácil para realizar una página web. Hoy en día y con la evolución que ha tenido el internet, los sitios web se realizan con etiquetas llamadas <div>, estas etiquetas nos dan mas libertad a los diseñadores y desarrolladores web de manipular el código y tener un mejor resultado. Sin embargo no te desiluciones y pienses “Entonces para que me sirve esto?”, claro que te sirve! Todos debemos saber las bases de lo que hacemos, y aunque las tablas ya no son lo mejor para hacer una página web aun se utilizan para desplegar información tabular y datos.

La etiqueta <table> tiene muchos parametros y atributos que definir, ademas la estructura es muy importante. Primero debemos abrir la etiqueta table como es de esperarse, pero es muy importante definir cada renglon cuando estamos escribiendo el código y dentro de cada renglón debemos definir cada celda. Una tabla de 2 columnas y 2 renglones quedaría así:

<table width="300" cellspacing="0" cellpading="10"> 
<tr> 
 <td>Celda </td> 
 <td>Celda </td> 
</tr> 
<tr> 
 <td>Celda </td> 
 <td>Celda </td> 
</tr> 
</table>

Sencillo no? OK, se que si lo ves por primera vez puede ser un poco intimidante ver tanto código. Pero si nos detenemos un poco y lo razonamos no es nada complicado. Una tabla contiene renglones y los renglones contienen celdas, así de fácil y sencillo.

Ahora, la etiqueta table necesita parametros especiales para “funcionar”. El primero y el mas importante es width que define el ancho que tendrá nuestra tabla. Se puede expresar en porcentaje o en pixeles, si es un porcentaje escribimos width=”70%” y si es en pixeles solo ponemos el numero de pixeles.

Otro atributo importante es cellspacing y cellpadding, ambos se expresan en pixels poniendo solo el numero. Cellspacing corresponde al espacio entre una celda y otra. Cellpadding sin embargo funciona como un “rellendo” a la celda. Es decir, si nuestra celda mide 200 pixeles de ancho y nosotros agregamos un cellpadding de 10, la celda realmente medira 220 pixeles.

¿Porque 220 si solo le agreamos 10 pixeles? Es muy fácil, el padding en html y css funciona de la siguiente manera: Cuando un usuario agrega un padding o en este caso cellpadding se agrega el “relleno” a cada uno de los lados del elemento. En este caso de lado izquierdo, derecho, arriba y abajo de la celda. El padding ayuda mucho para que nuestros elementos dentro de la celda no se vean “apretados”.

Tu primera página en  HTML

Muy bien, has llegado al final de este pequeño camino. Ahora trata de hacer algo con lo que aprendiste, es muy fácil aquí te doy unos tips sobre como hacerlo: Crear una tabla con la estructura de tu página web, agrega imagenes y vinculos y dale forma hasta que te guste.

Espero te haya servido este pequeño, muy pequeño tutorial sobre las bases de código HTML. Si te gusto dale “Me gusta” o “+1″ o “Tweet” dependiendo de tus preferencias (o todas).

 

 

]]> http://blog.yadahcl.com/dreamweaver/html-desde-cero/feed/ 0 http://blog.yadahcl.com/dreamweaver/html-desde-cero/ Como agregar el botón de Google Plus a WordPress http://feedproxy.google.com/~r/yadahblog/~3/OMtqW399vCc/ http://blog.yadahcl.com/google-plus/como-agregar-el-botn-de-google-wordpress/#comments Thu, 11 Aug 2011 22:21:59 +0000 jluisfg http://blog.yadahcl.com/?p=347 Hemos llegado a una era en el internet que es completamente necesario que nuestro sitio web tenga pequeños botones sociales que permitan a los usuarios “recomendar” nuestra página.

Si ya conoces WordPress y has desarrollado Templates de WordPress desde hace tiempo, este proceso te será muy rápido y sencillo.

Para poder agregar el botón +1 de la nueva red Google Plus a nuestra plantilla de WordPress hay que seguir los siguientes pasos:

1. Localizar el loop.

2. Dentro del loop, justo donde queremos que vaya nuestro botón +1 debemos copiar el siguiente código.

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>

<!--  Place this tag after the last plusone tag -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Así de fácil y sencillo tendrán su botón de +1 en su blog.

Dentro de la segunda línea pueden intercambiar el valor “size” por los siguientes valores: small, medium y tall. Si removemos la variable se coloca el tamaño estandar.

]]> http://blog.yadahcl.com/google-plus/como-agregar-el-botn-de-google-wordpress/feed/ 0 http://blog.yadahcl.com/google-plus/como-agregar-el-botn-de-google-wordpress/ Themes para WordPress http://feedproxy.google.com/~r/yadahblog/~3/iiKmwwXZxSE/ http://blog.yadahcl.com/wordpress/themes-para-wordpress/#comments Mon, 25 Jul 2011 15:44:17 +0000 jluisfg http://blog.yadahcl.com/?p=338 Estos son solo algunos de los mejores temas para WordPress que he encontrado en esta semana. Todos ellos son Temas Premium para WordPress. En unos dias esperen un post de puros Temas gratuitos!

Chameleon por Elegant Themes


Aim por Templatic

Sealight por Woothemes

]]> http://blog.yadahcl.com/wordpress/themes-para-wordpress/feed/ 0 http://blog.yadahcl.com/wordpress/themes-para-wordpress/ Como entrar a Google Plus http://feedproxy.google.com/~r/yadahblog/~3/mDjil_fgswM/ http://blog.yadahcl.com/google-plus/como-entrar-google/#comments Wed, 13 Jul 2011 16:34:20 +0000 jluisfg http://blog.yadahcl.com/?p=332 Si estas leyendo este post seguramente has escuchado del fenomeno que el gigante del internet ha lanzado para combatir en una era que gira alrededor de las redes sociales.

Esta semana se dieron a conocer reportes no oficiales que informaban que Google Plus ha alcanzado los 50 millones de usuarios! No tengo los datos exactamente sobre el crecimiento de Facebook en sus primeros meses pero creo que no fue de 50 millones de usuarios registrados en 2 semanas.

Sin duda el gigante Google será el único que podrá traer un poco de competencia a Facebook

Como entrar a Google Plus

Muchisimas marcas y personas se han aprovechado de que en la primera semana Google+ fue una beta privada a la que pocos pudimos entrar, en esta beta nos daban oportunidad de enviar invitaciones, pero con esto no era seguro que el usuario que la recibiera iba a poder entrar a GPlus.

Sin embargo ahora Google ha dejado que todos los usuarios que tengan una cuenta de Google (no solo Gmail) puedan tener su perfil de Google+. Así que no sigas pidiendo invitaciones y entra con tu cuenta de Google a la siguiente url.

Google Plus
Actualización: Google me ha dado un enlace para dar invitaciones de manera mas fácil. Si no han recibido invitación a Google+ hagan clic en este link. *Se estan terminando mis invitaciones por este link, si la usas te agredeceremos todos que compartas tu link en los comentarios así mas gente podrá entrar. El link para invitar a gente lo encuentras en la barra lateral de Google Plus, comparte tu link en el área de comentarios!

Y no dejen seguirme aqui mi perfil:

gplus.to/jluisfg o en Twitter :)

 

]]> http://blog.yadahcl.com/google-plus/como-entrar-google/feed/ 8 http://blog.yadahcl.com/google-plus/como-entrar-google/ De Photoshop a HTML: Tips y Trucos http://feedproxy.google.com/~r/yadahblog/~3/KYZPD-ZgXv4/ http://blog.yadahcl.com/html/de-photoshop-html-tips-trucos/#comments Mon, 27 Jun 2011 23:38:46 +0000 jluisfg http://blog.yadahcl.com/?p=321

Ultimamente han salido a la luz muchos servicios para la conversión de un archivo PSD a un sitio completamente funcional en HTML, inclusive implementan diversas plataformas como WordPress, Drupal o Magento. Todo desde un archivo PSD.

El propósito de este post es darles unos tips para pasar de photoshop a html sus proyectos.

1. No todo debe ser un jpg!

Muchas veces cometemos este error. No todo lo que hemos diseñado debe convertirse en una foto al pasarlo a html, esto afecta primero que nada en el SEO pues Google no considera las imagenes como información como tal.

Un logo por supuesto que debe ser una imagen, pero el texto de introducción a tu sitio muy bien puedes introducirlo como debe ser en un párrafo.

Este punto quiere decir basicamente…elige bien los elementos que necesitas que sean gráficos y los elementos que no se necesitan.

2. Gradientes y fondos.

Si estas en tus primeros pasos haciendo una pagina web de photoshop hay una cosa que debes considerar primero. Planea bien como vas a manejar los colores de fondo, gradientes, etc. Elige bien que parte requieres exportar de Photoshop, si solo estas trabajando con un color de fondo volvemos al punto 1, no necesitas exportar ninguna imagen.

Si diseñaste un gradiente muy bonito que te gustaría se viera idéntico al mudar tu psd a web, lo conveniente es exportar solo una pequeña franja que despues mediante CSS podrás hacer que se repita y quede igual.

Ahora si el caso es que has diseñado una textura que te gustaría mantener, debe ser ahora muy específico y exacto planeando como puedes optimizar tu imagen. Es decir, la mayoría de las texturas se repiten pero tienen diferentes mediad. Lo que tienes que asegurarte es seleccionar muy bien el tamaño de la textura para que al repetirla usando CSS no se vea mal o distorsionada.

3. Bordes

Muchos diseñadores gráficos están acostumbrados a poner bordes en todo lo que se puede (no que sea una mala costumbre). Si esta es de tus primeras pasando de psd a web entonces debes tener presente como serán tus bordes.

Si los bordes que estas utilizando son solo de color, entonces por medio de CSS podrás crearlos sin ningún problema. Si tus bordes son irregulares o diferentes a lo “normal” sin duda debes considerarlos para le paso siguiente.

4. Herramienta Slice

El primer paso fue maquetar una web obviamente. El segundo paso consiste en todos los anteriores, la planeación de como vamos a exportar desde Photoshop a HTML.

Para este paso debes conocer una herramienta que se convertirá en tu mejor amiga para pasar de psd a html tus próximos proyectos.

La herramienta slice te permite seleccionar partes de tu archivo PSD, sobre-poniendo una capa cyan. Estas rectangulos de selección indican los elementos que mas tarde vas a exportar.

Al hacer una selección puedes dar doble clic sobre ella y una ventana donde puedes elegir el nombre que tendrá esa parte gráfica una vez que la exportes.

El proceso de pasar de PSD a HTML consiste en repetir estos pasos una y otra vez. Despues de tener todos tus elementos seleccionados ahora vamos al menu File y selecciona la opción Save for Web and Devices.

Esta opción nos da varias opciones de optimización para nuestras imagenes que si no conoces es mejor dejar tal cual están, Photoshop hace un muy buen trabajo en la optimización de las fotos para web así que no debes preocuparte por el tamaño. Lo único que debes elegir es el tipo de archivo que quieres exportar. Puedes elegir entre JPG, PNG-8, PNG-24 y WBMP, después eliges la opción salvar y en la siguiente ventana antes de elegir donde se guarden tus archivos en la parte inferior es recomendable elegir la opción “All User Slices”.

Ahora ya tienes los elementos gráficos para pasar tu web de Photoshop a HTML. Por supuesto ahora es recomendable que tengas conocimientos de HTML para poder integrar todo en tu sitio web.

Si no es así te recomiendo darte una vuelta por todos mis artículos sobre Dreamweaver, HTML y CSS.

]]> http://blog.yadahcl.com/html/de-photoshop-html-tips-trucos/feed/ 0 http://blog.yadahcl.com/html/de-photoshop-html-tips-trucos/ Photoshop a html – Top servicios http://feedproxy.google.com/~r/yadahblog/~3/Z8RpHST7FsM/ http://blog.yadahcl.com/html/photoshop-html-top-servicios/#comments Wed, 22 Jun 2011 00:50:24 +0000 jluisfg http://blog.yadahcl.com/?p=319 Aquí algunos de los mejores servicios que he encontrado que se especializan en pasar de photoshop a html. Si eres diseñador y tienes clientes que te han pedido sitios web pero no puedes realizarlos este servicio te viene a solucionar la vida, yo lo he utilizado en un par de ocasiones y me ha salvado la vida ya varias veces.

Aquí los que yo considero mejor en cuanto a calidad del servicio, calidad del producto final y precio.

Estos son algunos de los servicios mas populares de conversión mas conocida como PSD to HTML.

]]> http://blog.yadahcl.com/html/photoshop-html-top-servicios/feed/ 1 http://blog.yadahcl.com/html/photoshop-html-top-servicios/ Netflix desde México http://feedproxy.google.com/~r/yadahblog/~3/LO8EO6RFjzc/ http://blog.yadahcl.com/novedades/netflix-desde-mxico/#comments Sat, 18 Jun 2011 05:38:43 +0000 jluisfg http://blog.yadahcl.com/?p=314 Una de las pocas cosas buenas de vivir en Estados Unidos debe ser esta, servicios como Netflix y Hulu no crees? Para los que no los conocen Netflix es un servicio de renta de peliculas en línea, pero únicamente pagando una membresia mensual de menos de 30 dolares! Muchisimas peliculas a tu disposición, sin duda es un excelente servicio.

Hulu es otro sitio donde podemos encontrar muchas series y peliculas tambien online de manera gratuita, igual que Netflix podemos contratar una membresia nada cara.

El problema es que si vives fuera de Estados Unidos como yo, estas destinado a nunca recibir este gran servicio! Pero navegando e investigando un poco encontre un servicio llamado VPN que nos ayuda a tener un dirección IP de Estados Unidos. Esto es todo lo que necesitas y estarás listo para ver peliculas online en Netflix o Hulu.

Ya sea que vivas en Argentina, España, Uruguay, Ecuador o donde sea podrás ver Netflix en la comodida de tu casa.

El mejor servicio que he encontrado de VPN hasta ahora y que no es nada caro es HMA! Se los recomiendo ampliamente ya que funciona perfecto, sin limites de transferencia mensual ni mucho menos.

El software de HMA es compatible con Mac, Linux, Windows e inclusive Android. Muy sencillo de instalar ademas de todo, se los recomiendo ampliamente.

Despues de contratar el servicio de HMA para tener tu IP de Estados Unidos, entra a Netflix y podrás ver que eres libre de sacar tu cuenta de prueba o pagar tu membresía.

Espero les sirva, aquí les dejo el link del servicio de VPN en Estados Unidos.

]]> http://blog.yadahcl.com/novedades/netflix-desde-mxico/feed/ 1 http://blog.yadahcl.com/novedades/netflix-desde-mxico/ Joomla WordPress . . . cual es mejor? http://feedproxy.google.com/~r/yadahblog/~3/nY1qPS2Zifc/ http://blog.yadahcl.com/wordpress/joomla-wordpress-cual-es-mejor/#comments Thu, 05 May 2011 22:24:43 +0000 jluisfg http://blog.yadahcl.com/?p=299 Como diseñador web en muchas ocasiones me han hecho esta pregunta. Joomla vs WordPress… quien gana? Me es un poco difícil contestar esa pregunta, pues he utilizado mas tiempo WordPress que Joomla pero esto no quiere decir que sea mejor.

Honestamente no podemos tener una respuesta y explicare punto por punto a que me refiero.

Beneficios de Joomla
Joomla tiene entre sus pros el que es un sistema con muchisimas opciones mayormente orientadas al usuario común.

Otro de los Pros que podemos nombre de Joomla es la capacidad de los módulos pues honestamente y sin buscar problemas con los fans de WordPress es mayor.

La jerarquía de usuarios que se puede manejar en Joomla es muy buena y te permite limitar contenido a diferentes niveles de usuarios, esto con WordPress es mas complicado y requiere de plugins.

Componentes: Los componentes son un pro de Joomla, existen miles de ellos y aunque en WordPress funcionan como Plugins no se vinculan de igual manera ni tienen el mismo efecto que con un sitio realizado en Joomla.


Beneficios de WordPress
La instalación de WordPress es mucho mas rápida lo que es un pro para los diseñadores y desarrolladores.

Google ama por alguna razón desconocida WordPress, cualquier blog pequeño que este hecho en Joomla recibira al menos 150 visitas al mes.

Este es uno de los mayores pros de WordPress y por lo que muchos lo prefieren; la facilidad para la creación de plantillas con WordPress es impresionante. Se requieren conocimientos muy básicos de PHP para crear un sitio con WordPress.

La jerarquía de contenidos es muy fácil de manejar en WordPress .

Contras de Joomla

Es un sistema un poco mas pesado, la carga de modulos y componentes lo hace un poco mas tardado a la hora de la carga de contenido.

La creación de plantillas en Joomla es mas complicada porque requieres de muchas etiquetas para conectarse. También el mismo Joomla integra diferentes etiquetas que realmente no sirven de mucho.

Contras de WordPress

Me ha costado mucho escribir los contras de WordPress pero si los hay…

WordPress no es el mejor CMS para E-Commerce, Joomla tiene ganada esta parte sin duda

Cuando un sitio llega a tener miles de paginas, no posts se puede llegar a convertir un poco lento.

¿Ustedes que opinan? ¿Cual es su favorito en esta battalla?

]]> http://blog.yadahcl.com/wordpress/joomla-wordpress-cual-es-mejor/feed/ 0 http://blog.yadahcl.com/wordpress/joomla-wordpress-cual-es-mejor/ Tips: Diseño de Newsletters http://feedproxy.google.com/~r/yadahblog/~3/Ih36NBM0fZI/ http://blog.yadahcl.com/diseno-web/tips-diseo-de-newsletters/#comments Thu, 05 May 2011 21:53:37 +0000 jluisfg http://blog.yadahcl.com/?p=297 Diseñar un newsletter puede ser bastante tardado, complejo y cansado. Para esto debemos tomar en cuenta muchas cosas: a quien va dirigido, el idioma, los colores, etc, etc.

Web Designer Depot ha colocado en su blog un artículo para darnos tips sobre que hacer y que no hacer cuando diseñemos un Newsletter.

Si estas pensando en diseñarte un newsletter para un email masivo de tu empresa será bueno que tomes en cuenta estos tips.

Do’s and don’ts for designing email newsletters

]]> http://blog.yadahcl.com/diseno-web/tips-diseo-de-newsletters/feed/ 1 http://blog.yadahcl.com/diseno-web/tips-diseo-de-newsletters/