PDF (adobe.com)

Definir cómo se exportan las tablas HTML

La creación de divisiones define cómo aparecerá la estructura de la tabla HTML cuando exporte un documento Fireworks para utilizarlo en la Web.

Si exporta un documento con divisiones de Fireworks como HTML, el documento se vuelve a ensamblar mediante una tabla HTML. Cada elemento de división del documento Fireworks reside en una celda de tabla. Tras la exportación, una división de Fireworks se convierte en una celda de tabla en el código HTML. Puede especificar cómo se reconstruye una tabla de Fireworks en un navegador, incluido el uso de espacios o tablas anidadas.

  • Los espaciadores son imágenes que permiten alinear correctamente las celdas de tabla al mostrarse en un navegador.

  • Una tabla anidada es una tabla dentro de otra tabla. Las tablas anidadas no utilizan espaciadores. Pueden tardar más en cargarse en un navegador, pero la edición del código HTML resulta más fácil al no haber espaciadores.

    1. Seleccione Archivo > Configuración de HTML o haga clic en el botón Opciones en el cuadro de diálogo Exportar.

    2. Haga clic en la ficha Tabla.

    3. Seleccione una opción de espaciado en el menú emergente Espacio con:

      Tablas anidadas — Sin espaciadores
      Crea una tabla anidada sin espaciadores.

      Tabla única — Sin espaciadores
      Crea una sola tabla sin espaciadores. Esta opción puede provocar que las tablas aparezcan incorrectamente en algunos casos.

      Espaciador transparente de 1 píxel
      Utiliza un archivo GIF transparente de 1x1 píxeles como espaciador cuyo tamaño puede cambiarse conforme sea necesario en el código HTML. Genera una fila de 1 píxel de altura a lo ancho de la parte superior de la tabla y una columna de 1 píxel de ancho en la parte derecha de la tabla.

    4. Seleccione un color de celda para las divisiones HTML:

      Nota: si elige un color de la ventana emergente, sólo se aplicará a las divisiones HTML; las divisiones de imagen seguirán utilizando el color del lienzo.
    5. Desde el menú emergente Contenido, seleccione qué se colocará en las celdas vacías:

      Ninguno
      Las celdas permanecen vacías.

      Imagen espaciadora
      Coloca un pequeño archivo de imagen transparente denominado spacer.gif en las celdas vacías.

      Espacio indivisible
      Coloca una etiqueta HTML de espacio en las celdas vacías. La celda aparece hueca.
      Nota: las celdas vacías sólo se producen si no se selecciona Incluir áreas sin divisiones en el cuadro de diálogo Exportar.

    6. Haga clic en Aceptar.

      Nota: puede especificar ajustes únicos de exportación de tabla para cada documento o, bien, puede utilizar el botón Fijar predeterminados de la ficha Específico del documento del cuadro de diálogo Configuración de HTML para aplicar los ajustes predeterminados en todos los documentos nuevos.