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

Puede diseñar páginas Web básicas en Adobe InDesign y exportarlos a HTML con la de InDesign "Exportar para Dreamweaver " opción. Sin embargo , debido a las marcadas diferencias entre InDesign y el formato HTML, muchos elementos de la composición de InDesign , como el tamaño del texto , la fuente, estilos de párrafo , ajustar el texto , varias páginas y muchos otros, no se exportan a la página Web Dreamweaver HTML. A menudo, usted tendrá 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. Cosas que necesitará hotel Adobe InDesign CS3 o posterior hotel Adobe Dreamweaver , otro editor HTML o un editor de texto, como el Bloc de notas de Microsoft Word o Pages de Apple
Mostrar más instrucciones
Creación de un página web en InDesign
1

Comience con una página en blanco o InDesign abre 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. Usted tendrá que retocar el documento en otro programa.
2

Start disposición de su página. Importar el texto y las imágenes como lo haría normalmente y colocarlos en la página. Aunque la colocación de los elementos de página , piense en formato HTML, no de diseño de impresión InDesign. Por ejemplo , para crear varias columnas, colocar el texto en tablas. No utilice las 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, las ponen en los documentos de InDesign separados, en lugar de utilizar la opción " Insertar páginas " de InDesign.
3

Coloque la página en forma lineal , uno detrás de otro objeto , ya que desea que aparezcan en la página. No aplique el tipo de letra, tamaño de letra y el formato de párrafo , estos detalles no exportan . No colocar imágenes en los cuadros de texto o utilizar la función " Ajustar texto " de InDesign para ajustar el texto alrededor de ellos . No sólo esta función se traduce a HTML, al colocar imágenes en los 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 URLs ) para su texto e imágenes . ( Seleccione el texto o la imagen , haga clic en el menú "Tipo" y luego elija " Hipervínculos y referencias cruzadas . " Seleccionar " Nuevo hipervínculo " en el menú desplegable. Esto abre el cuadro de diálogo " Nuevo hipervínculo " . ) Haga clic en el "Link para " desplegable y seleccione el tipo de vínculo que desea crear --- URL , archivo , página , correo electrónico, etc Incluye el enlace URL o la ruta en el campo" URL " . Formatear la apariencia de ustedes 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 Opciones de exportación XHTML para modificar cómo los elementos de su documento de exportación . Las opciones "General" , por ejemplo, le permiten exportar una parte o todo el documento. Las opciones en la sección " Imágenes " le permiten controlar la conversión de imagen y calidad de la pantalla . Las opciones " avanzadas" controlan Cascading Style Sheets ( CSS ) de formato y los 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 hipervínculos y la imagen de los caminos se mantienen durante la exportación.
6

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