Tecnología

Inicio

Cómo crear una barra de navegación para Fireworks CS3 para importar en Dreamweaver CS3

Cómo crear una barra de navegación para Fireworks CS3 para importar en Dreamweaver CS3


Fireworks y Dreamweaver son los productos de Adobe que se integran para que pueda crear sus gráficos web y las páginas de manera más eficiente. Los fuegos artificiales proporciona herramientas para la construcción de una barra de navegación gráfica y genera el código necesario a la exportación de la página Web de inclusión. Importe el HTML resultante y el código JavaScript en sus páginas de Dreamweaver para insertar la barra de navegación.

Instrucciones

1 Lanzar fuegos artificiales, y abrir un nuevo proyecto.

2 Haga clic en "Editar", "Insertar" y "Botón de nuevo." Haga clic en "Importar un botón", y elegir un botón. Para este ejemplo, seleccione un botón rectangular de texto se presentan de dos estados. Haga clic en "Importar". Los estados de dos botones están "arriba" y "Cambio" y se refieren a la imagen que aparece cuando el ratón está fuera o por encima del botón. Haga clic en "Hecho" para cerrar el editor de botón.

3 Haga clic con el botón en el escenario, y elegir la opción "Editar" y "clon" del menú. Mueva la copia resultante en su lugar junto al primer botón. Repita esto hasta que tenga tres botones alineados uno junto al otro.

4 Pulse la tecla "Ctrl" y "F3" para mostrar el panel "Propiedades" si no es visible. Haga clic en el primer botón y escriba la etiqueta de este botón en el campo "Texto". Escriba la página web de destino para el botón en el campo "Enlace". Repita este procedimiento para botones de dos y tres.

5 Haga clic en "Archivo" y "Exportar". Ajuste "Exportar" para "HTML e imágenes", el campo "HTML" a "Exportar archivo HTML," y el campo "rebanadas" a "Exportar divisiones." Elija una ubicación dentro de su sitio web ruta de la carpeta. Nombre del archivo "nav.htm" para este ejemplo y haga clic en "Guardar". Firework genera las imágenes y el código HTML que incluye referencias de codificación de JavaScript y de imagen de la barra de navegación.

6 Lanzamiento de Dreamweaver, y abra su página Web. Coloca el punto de inserción donde desee que aparezca la barra de navegación. Haga clic en "Insertar" y "objetos de imagen" y "HTML de Fireworks." Haga clic en el botón "Examinar", y haga doble clic en el archivo "nav.htm" que ha creado. Haga clic en "Aceptar" para insertar la barra de navegación.

7 Pulse la tecla "F12" para previsualizar la página y poner a prueba la barra de navegación.