Talleres de diseño web

2.- El color en la web. Nociones básicas
Comenzamos una serie de capítulos en los que enseñamos que el uso del color es básico y decisivo a la hora de crear un sitio web. Entrar

3.- El color en la web. Esquemas de color
Para que un diseño web resulte atractivo es importante mantener cierta sensación de armonía. Entrar

4.- GIFs animados
Sabes realizar pequeñas animaciones GIF? Aqui encontraras los pasos para realizarlas. Entrar

5.- Definiciones de pantalla
En la web, hay que tener en cuenta que van a visitarnos muchos usuarios, con definiciones de pantalla distintas. Hay que hacer páginas que se visualicen bien en todos los casos. Veamos cómo. Entrar

6.- Páginas fluidas
Son las que sus dimensiones se adaptan al tamaño del navegador. Cuando usarlas y cuando no. Entrar

7.- Deshabilitar la barra de imágenes de Internet Explorer
En este breve tutorial veremos de que forma podemos desabilitar la barra que aparece en IExlorer 6 al situar el ratón sobre una imagen. Entrar

8.- Nuestro primer banner
Como diseñar nuestros banners para que sean atractivos y atrapen la atención Entrar

9.- El banner perfecto
Análisis del uso de banners como herramienta de comunicación. Consejos para mejorarlos y más documentación. Entrar

10.- Cómo montar vectorialmente una página web
Cómo podemos ayudarnos de un programa de diseño gráfico vectorial para definir el aspecto de una página web. Entrar

11.- Navegabilidad, un factor fundamental
Un sitio debe ser cómodo para el usuario, debe ser fácilmente navegable. El usuario tiene que poder ir de un lado a otro del sitio rápidamente y sin perderse. Entrar

12.- Creación de un menú desplegable en Dreamweaver
Explicación detallada sobre la creación de un menú desplegable en Dreamweaver, en el que poniendo el ratón en las diferentes opciones se muestran unas capas con opciones secundarias. Entrar

13.- Colores y hojas de estilo que ayudan
En este artículo podemos ver los colores y hojas de estilos que ayudan a los visitantes a navegar de una manera más fácil e intuitiva por un sitio web. Entrar

14.- Efecto de degradado en diferentes formatos gráficos
Una muestra de imágenes que presentan un degradado en los formatos gráficos GIF, JPEG y PNG. Para ver cuál de ellos es el mejor por peso y calidad de la imagen. Entrar

15.- La imagen como elemento dinamizador del diseño
Cómo una buena imagen, ya sea fotografía o ilustración, puede ser clave para la realización de un diseño impactante. Entrar

16.- Enlaces sin subrayado
Es muy sencillo quitar el feo subrayado que presentan los enlaces de una página web. Aprende como hacerlo por la via rápida y bien. Entrar

17.- 23 puntos a tener en cuenta en el diseño web
El diseño web es algo en lo que normalmente se suele invertir tiempo, dinero, imaginación… Entrar

18.- Cómo optimizar fotografías para la web
Consejos para optimizar fotografías para el web. Optimización de fotos sin perder calidad de la imagen. Entrar

19.- Retoca tus fotografías con Photoshop Express
Photoshop Express es un programa online de retoque fotográfico que te puede servir para retocar tus fotos directamente con tu navegador web. Entrar

20.- Combinar y trabajar con colores
Herramientas que nos ayudan a elegir una combinación de colores adecuada. Aplicaciones web para combinar colores y crear una paletas a utilizar en nuestros diseños web. Entrar

21.- Crear archivos PDF con OpenOffice
Cómo crear archivos PDF fácilmente con el editor de textos de OpenOffice. Entrar

22.- Incluir una imagen en miniatura de las webs con Thumbshots
Explicamos cómo integrar Thumbshots en tu página web, un servicio gratuito que te permite presentar previsualizaciones de las páginas con las que enlazas. Entrar

23.- Prueba tus páginas en todos los navegadores con BrowserLab
BrowserLab es un servicio online de Adobe que permite comprobar el aspecto que ofrecen las páginas web en los principales navegadores sin salir de un mismo espacio de trabajo. Entrar

24.- Vídeo: Caja de diálogo dinámica con Photoshop, CSS y jQuery
Videotutorial en el que creamos una interfaz de usuario dinámica, desde el diseño con Photoshop, su maquetación CSS y los dinamismos con Javascript y jQuery. Entrar

25.- Colecciones de iconos gratuitos
Algunos de los paquetes de iconos con los que me gusta trabajar, todos iconos gratuitos, aunque con distintas licencias para utilizar en otros proyectos web. Entrar

26.- Programas de retoque fotográfico recomendables si no quieres usar Photoshop
Un listado con opciones diversas de programas de retoque fotográfico y editores gráficos que podrían ser recomendables cuando por cualquier razón no quieres usar Photoshop. Entrar

27.- Colecciones de fuentes tipográficas
Conoce lo más representativo de las tipografías que hemos venido presentando en los últimos tiempos en DesarrolloWeb.com, en este artículo donde encontrarás fuentes tipográficas gratuitas para todos los gustos y necesidades. Entrar

28.- Diapositivas de la conferencia Diseño web para dispositivos móviles
Diapositivas o slides de la conferencia impartida en febrero de 2012, en México, sobre diseño web para dispositivos móviles. Entrar

29.- Webcast técnicas para convertir un diseño Photoshop a HTML
Qué es lo más importante que debes saber para convertir un diseño realizado en Photoshop a HTML y CSS, con tamaños relativos. Fórmula de Target / Context. Entrar

30.- Verde en el Diseño Web: conectando con la naturaleza
Usos del color verde en la Web y en los negocios en general, sensaciones que nos transmite y ejemplos de diseños que mediante el verde consiguen comunicar mejor la noción de marca. Entrar

31.- Tendencia de Diseño Web: Bloques de Color
Analizamos una de las más recientes tendencias en el mundo del diseño web: el uso de los bloques de color: sus distintas vertientes y cómo puede usarse debidamente la combinación de los colores más chillones. Entrar