Cómo diseñar páginas web en InDesign

Puede distribuir las páginas web básicas en Adobe InDesign y exportarlos a HTML con "Exportar para Dreamweaver" de InDesign opción. Sin embargo, debido a las marcadas diferencias entre InDesign y el formato HTML, muchos elementos de la composición de InDesign, tales como el tamaño del texto, la fuente, estilos de párrafo, el contorneo de texto de varias páginas y muchos otros, no se exportan a la página Web HTML de Dreamweaver. A menudo, usted tiene que abrir el documento HTML en Dreamweaver, otro programa de diseño de página HTML o un editor de texto para aplicar formato adicional antes de publicarlo en un servidor Web.

Instrucciones

Crear una página Web en InDesign

1 Comience con una página de InDesign en blanco o abrir una página existente que desea exportar a HTML. Si utiliza un documento existente, se debe asumir que gran parte de las características de diseño de la página no se transferirá al documento HTML. Tendrá que retocar el documento en otro programa.

2 Empezar a trazar su página. Importar su texto e imágenes como lo haría normalmente y colocarlos en la página. Mientras que la colocación de elementos de la página, piense en formato HTML, no diseño de impresión de InDesign. Por ejemplo, para crear varias columnas, colocar el texto en tablas. No utilice opciones de diseño de página de InDesign para crear columnas. Para alinear las imágenes a la izquierda, derecha o centro de la página, colocarlos en celdas de la tabla, en lugar de utilizar las opciones de alineación de InDesign. Si necesita varias páginas, sentar a cabo en los documentos de InDesign separados, en lugar de utilizar la opción "Insertar páginas" de InDesign.

3 Coloque la página cabo de una forma lineal, un objeto tras otro, a medida que desea que aparezcan en la página. No aplique la fuente, el tamaño del texto y el formato de párrafo; estos detalles no exportan. No coloque imágenes en cuadros de texto o utilizar la función "Ajustar texto" de InDesign para ajustar el texto alrededor de ellos. No sólo esta característica se traduce a HTML, al colocar las imágenes en cuadros de texto de InDesign, todo el texto detrás de la imagen no va a exportar.

4 Aplicar hipervínculos (hacer clic en enlaces a otras páginas Web y las direcciones URL) a su texto e imágenes. (Seleccione el texto o la imagen, haga clic en el menú "Tipo" y luego elija "hipervínculos y de la cruz Referencias." Seleccionar "Nuevo hipervínculo" en el menú desplegable. Esto abre el cuadro de diálogo "Nuevo hipervínculo".) Haga clic en el "Enlace para "desplegable y elegir el tipo de vínculo que desea crear --- URL, archivo, una página, correo electrónico, etc. Escriba la dirección URL o la ruta de enlace en el campo" URL ". Dar formato a la apariencia de que un hipervínculo con opciones en la sección "Apariencia" del cuadro de diálogo Nuevo hipervínculo. Haga clic en Aceptar."

5 Utilice las opciones en XHTML Opciones de exportación para modificar elementos cómo en su exportación documento. Las opciones "General", por ejemplo, que le permiten exportar una parte o todo el documento. Las opciones de la "Imágenes" sección le permiten controlar la conversión de la imagen y la calidad de la pantalla. Las opciones "avanzadas" controlan el formato de Cascading Style Sheets (CSS) y enlaces a archivos JavaScript externos. Cuando termine de seleccionar las opciones, haga clic en el botón "Exportar". InDesign exporta la página HTML y coloca las imágenes en un subdirectorio con el mismo nombre que el documento. Todos los caminos de hipervínculo y la imagen se mantienen durante la exportación.

6 Abra el nuevo archivo HTML en Dreamweaver, otro editor HTML o un editor de texto y retocar la página.

Consejos y advertencias

• Usted puede evitar tener que retocar el documento mediante la exportación a PDF. Técnicamente, los archivos PDF no son páginas web, pero los navegadores de hoy en día les muestran sin problemas. Exportación de documentos de InDesign a PDF mantiene todas el formato del documento.