[How To] – Implementar el efecto Lightbox

24 01 2008

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.

Ejemplo de Lightbox
Haz click en la imagen para ampliarla

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

Lea el resto »



[How To] – Procesamiento por lotes en Fireworks

30 10 2007

Fireworks incluye una opción llamada “Batch Process” o “Proceso por lotes” en español, y te permite procesar un grupo de imágenes de forma automática.

Las opciones que puedes usar en proceso por lotes son:

  • “Exportar / Export
    Cambia de formato las imágenes, por ejemplo, una serie de imágenes JPG las convierte a GIF
  • “Escalado / Scale”
    Cambia de tamaño las imágenes por porcentaje, a un tamaño fijo,etc.
  • “Buscar y Reemplazar / Find and Replace”
    Busca y reemplaza texto, colores, etc. Pero solo en imágenes de tipo PNG o archivos de Frenad
  • “Cambiar nombre / Rename”
    Permite cambiar de nombre a los archivos a procesar, ya sea agregando prefijos, sufijos, etc.
  • “Comandos / Commands”
    Aplica una serie de efectos de imagen

Un ejemplo donde esta opción resulta muy útil es al momento de realizar una galería, necesitas dos imágenes, una miniatura y la versión grande que se abrirá al hacer clic sobre la miniatura.

Imagenes de las galerias de SmartDay procesadas con Fireworks

Las imágenes de las galerías de Smart-Day Open Source fueron procesadas con esta opción, de modo que usándola inteligentemente te ahorras muchísimo tiempo y trabajo!!

Lea el resto »



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

18 10 2007

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.

Divisiones que sera exportadas a tablas

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.)

Lea el resto »



Importancia de las extensiones de archivo

15 10 2007

Con la llegada de Windows XP, el conocimiento de las extensiones se hizo casi nulo, siguen ahí, pero están ocultas para el “usuario comun”, debido a que Windows considera que no es necesario que conozca el tipo de archivo, y en parte tiene razón, siempre y cuando tengas los programas adecuados para abrir el tipo de archivo, pero cuando no, el usuario se encuentra con un nombre de archivo acompañado de un punto y 3 caracteres y si intenta abrirlo, Windows te dice que no reconoce el tipo de archivo y que si deseas abrirlo con otro programa.

¿Por qué ocurre esto?

En Windows XP, los tipos de archivo se asocian con un programa que abrirá el archivo por default, estas asociaciones se crean al instalar programas, por ejemplo, cuando instalamos Office 2003, el instalador crea todas las asociaciones de archivo necesarias para el funcionamiento de Word, PowerPoint, Excel, etc. De ahí que el desconocimiento de las extensiones se justifica cuando el usuario tiene los programas adecuados instalados.

Lea el resto »



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

1 10 2007

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.

Menu emergente hecho en Fireworks

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.

Lea el resto »



[How To] - Seguir usando MSN 7.5

17 09 2007

MSN Messenger es un servicio de mensajería instantánea por Internet que te ayuda a mantener el contacto con tus amigos en la red.

Como sabras, hace dias Microsoft OBLIGÓ a los usuarios de MSN 7.5 a que actualizaran a la versión Live, de modo que al intentar iniciar sesión te decía que hay una nueva versión disponible, que si deseas instalarla ahora, si dices que no, simplemente no puedes iniciar sesión, si dices que si, a utilizar Live Messenger.

Actualización a Live MSN

Lea el resto »