ADOBE FIREWORKS CS3 273 Guía del usuario
Resultados de la exportación
Cuando exporta o copia el código HTML desde Fireworks, se generan los siguientes elementos de forma que pueda volverse a crear la imagen en una página Web:
• El código HTML necesario para volver a crear las imágenes divididas y cualquier código JavaScript si el documento contiene elementos interactivos. El código HTML de Fireworks contiene vínculos a las imágenes exportadas y define el color de fondo de la página Web con el color del lienzo.
• Uno o varios archivos de imagen, según el número de divisiones creadas en el documento y de estados incluidos en los botones.
• Un archivo denominado Spacer.gif, si fuera necesario. Spacer.gif es un archivo GIF transparente de 1x1 píxeles que Fireworks utiliza para solucionar problemas de espaciado al reorganizar imágenes con divisiones en una tabla HTML. Puede decidir si Fireworks debe exportar o no un espaciador. Para más información, consulte “Ajuste de las opciones de exportación de HTML” en la página 277.
• Si su documento de Fireworks contiene menús emergentes y los exporta, se exportan los siguientes archivos: mm_css_menu.js y un archivo .css que contienen código de menú emergente CSS. Además, si los menús emergentes contienen submenús, se exportará también el archivo arrows.gif.
• Si exporta o copia código HTML en Dreamweaver, se crean archivos de notas que facilitan la integración entre Fireworks y Dreamweaver. Estos archivos tienen la extensión .mno. Exportación de HTML de Fireworks
Fireworks permite exportar código HTML en formato genérico, y en formatos de Dreamweaver, FrontPage y Adobe GoLive. El formato HTML genérico funciona con la mayoría de editores de HTML. La exportación HTML de Fireworks genera un archivo HTML y los archivos de imagen asociados en la ubicación que especifique. Nota: Fireworks también exporta código HTML al exportar a capas CSS y a Director. Para más información sobre las capas CSS, consulte “Exportación de capas CSS” en la página 276. Para más información sobre Director, consulte “Funcionamiento con Director” en la página 305. El método utilizado para incorporar código HTML de Fireworks en otras aplicaciones resulta conveniente si trabaja en un entorno de equipo. La exportación de un archivo HTML segmenta el proceso de trabajo de forma que un usuario puede empezar una tarea en una aplicación y otro la puede continuar en otra aplicación distinta. Puede definir preferencias globales de exportación HTML gracias al cuadro de diálogo Configuración de HTML. Para más información, consulte “Ajuste de las opciones de exportación de HTML” en la página 277. Nota: Dreamweaver se integra perfectamente con Fireworks. Fireworks exporta código HTML de Dreamweaver de forma diferente a cómo lo hacen otros editores de HTML. Si exporta HTML de Fireworks a Dreamweaver, siga estas instrucciones, aunque puede encontrar notas específicas para la aplicación en “Funcionamiento con Dreamweaver” en la página 282. Para exportar HTML de Fireworks:
1 Siga uno de estos procedimientos para abrir el cuadro de diálogo Exportar:
• Seleccione Archivo > Exportar. • Haga clic en el botón Exportación rápida situado en la esquina superior derecha de la ventana del documento, y, a continuación, elija una opción de exportación para la aplicación destino. Fireworks rellena automáticamente los cuadros de texto del cuadro de diálogo Exportar con los ajustes correspondientes a la aplicación seleccionada. Nota: Las aplicaciones que no son de Adobe se encuentran en el submenú Exportación rápida > Otras. 2 Abra la carpeta que desee en el disco duro. 3 Seleccione HTML e imágenes en el menú emergente Exportar. 4 Haga clic en el botón Opciones y elija su editor de HTML en el menú emergente Estilo de HTML de la ficha General del cuadro de diálogo Configuración de HTML. Si su editor de HTML no aparece, elija Genérico. Nota: Es importante que elija su editor HTML en el menú Estilo de HTML; en caso contrario, es posible que los elementos interactivos como los botones y los rollovers no funcionen correctamente al importarlos en su editor. 5 Haga clic en Aceptar para volver al cuadro de diálogo Exportar.