Navegación con botones de imagen (RollOver)

Tecnologías de la Información III

Navegación con botones de imagen (RollOver)

Adobe Fireworks

- Generar nuevo documento 200 px x 50 px (72 DPI)

- Mostrar retícula/ajustar a retícula

- Generar figura con herramienta rectángulo

- Aplicar estilo con panel de trabajo "Estilo"

- Insertar texto (cambiar atributos de texto)

- Alinear texto con panel de trabajo "Alinear"

- Guardar formato PNG de Firewoks

Adobe Dreamweaver

- Nuevo documento HTML

- Insertar etiqueta PA 200 px x 50 px (botón 1 y botón 2)

- Insertar imagen de sustitución "Roll Over" (imagen original/ Imagen RollOver)

- Modificar atributos pagina 1 (Fondo de página)

- Guardar página 1

- Insertar hipervínculos (panel "propiedades")

- Modificar atributos e hipervínculos de la página 1

- Guardar como página 2

- Probar navegación en "Browser"