elWebmaster.com

Diseño | Programación | CSS

Botón con efecto 3D para nuestros enlaces

css efecto botonLos enlaces son los elementos más importantes de nuestro sitio ya que sin ellos no habría “hipertexto”. Es por eso que hoy les traigo una técnica bastante sencilla, pero no por eso menos efectiva, para destacarlos.

Esta forma que les voy a enseñar para resaltar los enlaces se basa puramente en CSS, no implica ni hacks ni Javascript. Consiste básicamente en un botón en tres dimensiones que al pasar el mouse por encima nos da la impresión de que está siendo presionado. Seguir leyendo

06/Ago./08, 18.10 Micaela Comentar

Flash | publicidad | adobe

Taller de Flash: Banners, botones y otros usos

Adobe FlashAunque es posible crear un sitio completamente con Adobe Flash, su principal función es hacer esas cosas que HTML y CSS no nos permiten. La ventaja de Flash es que es fácil de usar y su calidad visual es excelente. Dentro de una página web Flash se puede ver en un menú, una botonera, como una presentación animada del sitio… Es muy frecuente para banners, ya sean publicitarios o no.

¿Qué más se te ocurre que puede hacer Adobe Flash por tu sitio? Bueno, los reproductores actuales de video están hechos en Flash… En esta clase voy a darte ideas y ejemplos de los usos más comunes de Flash en la web y cómo implemetarlos. Seguir leyendo

29/May./08, 16.06 Alejandra Comentar

Flash | adobe | menú

Taller de Flash: Menúes emergentes

Antes de ver guías de movimiento y a pedido de ustedes, una clase de regalo sobre menúes emergentes. Cuando tu sitio tiene demasiadas secciones, es casi imposible armar un menú simple: deberás recurrir a los menúes emergentes.

Los menúes desplegables se ven bien, organizan mejor la estructura de tu sitio y son cruciales en temas de usabilidad. En esta clase veremos cómo generar este tipo de menúes a partir de algunos conceptos de diseño, máscaras y un poquito de ActionScript. Seguir leyendo

01/May./08, 12.13 Alejandra 7 comentarios

Flash | adobe | película

Taller de Flash: Movies externas

Icono FlashLa clase pasada terminamos de armar una sección de nuestro sitio de ejemplo, pero hubo algo que no me terminó de convencer. Utilizando botones invisibles pudimos crear interactividad con el usuario. Cada vez que el mouse se posaba sobre nuestros botones, algo pasaba pero… ¿No es un atentado a la usabilidad tener que dejar el mouse sobre el botón para que pase algo? ¿Y si el usuario quiere sacar el mouse del botón y hacer otra cosa? ¿Por qué tiene que desaparecer lo que está viendo?

Nuestra sección hasta ahora era “aceptable”. Hoy vamos a aprender a llamar a movies externas para lograr un sitio más dinámico… Seguir leyendo

10/Abr./08, 16.23 Alejandra 4 comentarios

Flash | adobe | película

Taller de Flash: Botones avanzados

Icono FlashHabíamos visto la clase pasada cómo hacer botones básicos en Flash. Los botones no son más que símbolos –animados o no, con efectos o no– que están “activados” para realizar determinada acción. Cuando el usuario haga clic sobre nuestro botón, algo pasará.

En general los botones son objetos que al pasar el mouse encima, muestra algún cambio. Sin embargo, no hace falta tener un botón para realizar alguna acción. No es necesario crear la forma del botón. Veamos… Seguir leyendo

03/Abr./08, 15.24 Alejandra 15 comentarios

Flash | adobe | película

Taller de Flash: Botones

Flash IconLos botones son fundamentales para la interacción de cualquier sitio web creado en Flash. Desde el punto de vista del diseño, un botón debe ser notorio y evidente. Esto es para favorecer la usabilidad, guiando al usuario que navega en nuestro sitio hacia donde desee ir.

La función básica de un botón es la navegabilidad, llevándonos de una parte a otra de la página (de una escena a otra, de un fotograma a otro). Para esto vamos a necesitar conceptos básicos de ActionScript. No temas: es muy fácil. Seguir leyendo

27/Mar./08, 13.00 Alejandra 4 comentarios

Flash | adobe | color

Taller de Flash: Editando símbolos y gráficos

Flash IconEl entorno de Flash tiene paneles para editar gráficos, incluyendo herramientas de color y de forma. Ampliando las clases iniciales –donde presenté la mesa de trabajo– voy a hablar más en profundidad de los paneles y qué usos concretos le puedes dar.

Editar es fundamental porque en la animación no tenemos una segunda alternativa para variar el aspecto de un elemento gradualmente. Si quiero que un elemento cambie, debo editarlo. Seguir leyendo

20/Mar./08, 13.30 Alejandra 1 comentario

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar Sesión