Blog LSIA UG

[How To] – Implementar el efecto Lightbox

soulfire — Thu, 24 Jan 2008 18:21:30 +0000

Quizás en alguna página hayas visto este interesante efecto, este mismo blog lo implementa, y consiste en hacer una carga de una imagen en la misma ventana del navegador con un efecto agradable a la vista. Puedes verlo en funcionamiento en la imagen debajo.

Nota: Si por alguna razón no se realiza el efecto es porque tienes que esperar a que termine de cargarse la página.

Haz click en la imagen para ampliarla

Ok, si te interesa como implementar este efecto en tus paginas web, estas en el lugar adecuado

(more…)

[How To] - Hacer un menú emergente en Fireworks (Parte 2)

soulfire — Thu, 18 Oct 2007 19:27:19 +0000

El día de hoy continuaremos con el tutorial para hacer un menú emergente, si recuerdan la primera parte, nos quedamos con un archivo PNG de Fireworks al que hacíamos “Vista Previa” para ver el menú en funcionamiento.

Comentábamos que era necesario exportar ese archivo PNG (de tipo imagen) a formato HTML (para que sea editable en Dreamweaver).

El proceso de exportar es sencillo, lo que hace Fireworks es generar un archivo HTML usando tablas para el layout, la tabla se genera basándose en las divisiones, de modo que la tabla o tabla generadas, tendrán las celdas definidas según las divisiones que hayamos creado con Fireworks.

Si observamos la imagen anterior, Fireworks al exportar a HTML nos generara una tabla de 2 filas, la primer fila será de una sola celda (que contendrá la división 1), la segunda fila será de 6 celdas (que serán la imagen 2 y las divisiones 3, 4, 5, 6 y 7).

Además, Fireworks nos genera una Hoja de Estilos CSS, un archivo .js (el cual es el script Java necesario para el funcionamiento del menú) y nos guarda las imágenes en una carpeta.(Recuerda que para continuar el tutorial tienes que abrir el archivo fuente terminado de Fireworks.)

(more…)

[How To] - Hacer un menú emergente en Fireworks (Parte 1)

soulfire — Mon, 01 Oct 2007 12:53:11 +0000

Los menús emergentes son una forma de agregar navegación a las paginas web, si alguna vez te has preguntado como se hacen, pues lee el siguiente How To para que aprendas como hacerlos usando Adobe Fireworks (o Macromedia Fireworks según la versión que tengas).

Primeramente baja los archivos fuente para llevar a cabo el tutorial. En este caso será hacer el menú emergente de la página web
de ITSON Unidad Guaymas.

Fireworks te permite agregar algunos efectos e interacciones a las imágenes creadas en el, además de que podemos exportarlas a HTML, es decir, que lo que hagamos en Fireworks, lo podemos convertir fácilmente a formato HTML o web.Una de estas interacciones son los menús emergentes, los cuales funcionan bajo el concepto de que una parte de la imagen activara el menú entonces debemos comenzar definiendo eso, que parte de nuestra imagen desencadenara el efecto.

(more…)