ARTEgami

Crea tu propia pagina de error 404

Como diseñadores debemos procurar que todos los enlaces (links) de los sitios que hemos diseñado estén funcionando perfectamente. Pero existen ocasiones en las que los clientes no nos facilitan la información a tiempo, o la misma se encuentra incompleta, pero ellos necesitan que sus sitios estén en línea. Si no te agrada la idea de agregar el símbolo de número (#) en el campo de hipervínculo, y deseas crear tu propia página de error 404. Este video tutorial te ayudará a lograrlo.

No Comments | Posted in » Diseño Web, Video Tutorial |

Video tutorial basico de CSS en Dreamweaver

Las hojas de estilo CSS nos ayudan a organizar mejor los estilos que estamos utilizando en los textos, además de ayudarnos a eliminar las tablas.

Si eres de aquellos diseñadores que se la pasa diseñando sitios web muy grandes, y te la pasas haciendo cambios manualmente. Te recomiendo aprender CSS. En el siguiente video tutorial veremos lo básico de CSS en Dreamweaver. Aunque el video nos muestra Dreamweaver 8, sigue siendo útil (en esencia) para Dreamweaver CS3.

No Comments | Posted in » CSS, Dreamweaver, Video Tutorial |

Tutorial, crea un icono de un lápiz

A todos nos gustan los iconos. Ya sean de feed, o de aplicaciones, hoy en día son tan creativos que tarde o temprano uno termina casi coleccionándolos, aunque no los necesite en el momento. Pero para quien quiere comenzar a diseñar sus propios ejemplos, no hay realmente gran cantidad de tutoriales que nos ayuden a hacerlo. O por lo menos no los hay para un usuario completamente inexperto.
En Smashing Magazine nos explican paso a paso, y detalladamente, como partir de un dibujo o bosquejo hasta llegar a un icono completamente profesional y con estilo Web 2.0. Y a pesar de estar en inglés, es sencillo de seguir para cualquiera, gracias a las imágenes.

El icono que vamos a crear con Illustrator esta inspirado en un lápiz, que forma parte de un paquete que ofrecieron en este sitio hace un tiempo. Partiremos desde un bosquejo, e iremos “dibujándolo” con el Illustrator. Le daremos el color que deseemos y tendremos listo nuestro primer icono. Una vez logremos crear el primero, el resto es muchisimo mas fácil.

Fuente: PhotoshopLady

No Comments | Posted in » Illustrator, Tutorial |

50 técnicas CSS

Muchos subestiman al código Css. Pero la realidad es que con este se pueden crear gran cantidad de cosas y así utilizar menos imágenes en nuestro diseño, lo cual ayuda, y mucho, en el tiempo de carga de nuestro sitio. El problema es que muchos no saben como crear estas cosas, y para eso está Noupe ,que armó una nueva lista con 50 técnicas para utilizar y crear diferentes efectos con solo unas líneas de código. Aprenderemos a hacer un menú, listas ordenadas de forma diferente, formularios, cajas de búsqueda, bordes y galerías, entre otras cosas.

Si con esto no te basta, o no encontraste justamente lo que necesitabas, puedes visitar sus dos listas anteriores, de 101 técnicas cada una. Realmente recomendable para todos los que quieran aprender algo mas sobre diseño web, ya que es importante conocer el código Css con el fin de poder darle estilo a nuestros sitios fácilmente.

Obviamente, cada técnica viene con su código listo para copiar o descargar y poder implementar en nuestro proyecto.

2 Comments | Posted in » CSS, Diseño Web |