Creación de disposiciones basadas en CSS
Puede diseñar disposiciones basadas en CSS en un documento de Fireworks y, a continuación, convertirlas en páginas HTML con reglas CSS que repliquen las disposiciones. Las disposiciones basadas en CSS son compatibles con los estándares habituales y ofrecen un código de fácil uso y apto para distintos navegadores.
Para ver un tutorial de vídeo sobre la creación de disposiciones de páginas HTML basadas en CSS, visite www.adobe.com/go/lrvid4035_fw_es.
Reglas para las disposiciones basadas en CSS
Es preciso observar unas cuantas reglas a la hora de crear disposiciones basadas en CSS a fin de obtener los resultados esperados.
- Regla 1: use rectángulos para exportar texto y divisiones para exportar imágenes.
- El motor de exportación exporta como tal el texto colocado en rectángulos. Como sólo se exportan las imágenes cubiertas por divisiones rectangulares, coloque divisiones en las imágenes que desee exportar. Estas divisiones comunican al motor de exportación dónde se hallan las imágenes.
- Regla 2: evite que los objetos se superpongan.
- El motor de exportación trata el texto, las imágenes y los rectángulos como bloques rectangulares. Examina el tamaño y la posición de estos objetos para determinar las filas y las columnas lógicas que se deben colocar en la disposición. Coloque los objetos con cuidado de manera que sus límites no se superpongan.
- Regla 3: planee la disposición de las filas y las columnas.
- El motor de exportación busca particiones lógicas donde colocar una línea clara de visión entre los objetos o los grupos de objetos. Encierre las disposiciones de las columnas en rectángulos para evitar que el motor de exportación inserte una fila lógica que rompa la continuidad de la columna en cuestión.
- Regla 4: trate el documento como una entidad bidimensional.
- Al diseñar la página, use rectángulos para encerrar los objetos que se deban manipular como secundarios del rectángulo. El motor de exportación detecta las relaciones entre elementos principales y secundarios. Luego, explora los elementos secundarios para determinar las filas y las columnas lógicas de acuerdo con la regla 3.
Además de estas reglas, tenga en cuenta lo siguiente:
El motor de exportación sólo exporta rectángulos primarios. Para exportar las esquinas redondeadas de los rectángulos, coloque divisiones rectangulares encima.
Para exportar los trazos de los rectángulos exportados, coloque divisiones rectangulares encima de los rectángulos.
Para exportar los símbolos, coloque divisiones rectangulares encima.
Para exportar los filtros aplicados al texto o a los rectángulos, coloque divisiones rectangulares encima.
Crear un documento de demostración
Puede crear una demostración del documento de Fireworks en el que está trabajando. La demostración se abre en un navegador para mostrar las funciones y permite desplazarse por las páginas.
Seleccione Comandos > Documento actual de demostración.
Elija las páginas para las que desea crear la demostración y haga clic en Crear demostración.
Seleccione la carpeta y haga clic en Abrir.
PDF (adobe.com)
