Cómo construir una página Web en ImageReady y exportar a Dreamweaver

Dreamweaver es el programa de edición de primera página web en el mercado. Cuenta con herramientas y funciones que lo convierten en un favorito entre los diseñadores de páginas web profesionales. Pero se trata de un programa muy complejo, con una curva de aprendizaje empinada. Por esta razón, si usted tiene que utilizar Dreamweaver para publicar una página web, podría ser prudente para crear la mayor cantidad de la página web como sea posible en otro programa. Si usted tiene acceso a ImageReady (y Photoshop, que viene con él), usted puede crear fácilmente una página web simple que entonces se puede exportar en una forma utilizable por Dreamweaver.

Instrucciones

1 Decida lo que quiere su sitio web para que parezca y cómo debe funcionar. Por ejemplo, elegir si desea que su barra de navegación en la parte superior o en el lado izquierdo de la pantalla. También debe escoger un tema de color. Al igual que con la mayoría de los proyectos gráficos, es mejor utilizar sólo unos pocos colores y emplear sistemáticamente este mismo juego de colores en todo su sitio.

2 Cargar las imágenes que desea utilizar en el diseño de su página web en su ordenador transfiriéndolos desde la fuente digital que se almacenan en o mediante el escaneado en. Si escanea, asegúrese de que utiliza una resolución de al menos 600 DPI en el escáner software.

3 Abrir Photoshop. Seleccione "Archivo" y luego en "Nuevo". En el cuadro de diálogo que se abre el documento que la misma anchura y altura desea que su página web sea. Una buena opción aquí es 1024x768. Hacer las resolución de 72 píxeles y haga clic en "Aceptar".

4 Seleccione la herramienta "Bote de pintura" o la función "degradado" de la barra de herramientas y llenar el lienzo con el color o degradado de su elección. A continuación, haga clic en cualquiera de la forma o de la herramienta "rectangular" "elíptico" y ponerlo en "Complete". Ahora utilizarlo para dibujar los botones de navegación y otras formas que necesita para su página.

5 Seleccione la herramienta "Texto" y utilizarla para añadir el texto que necesita para su página Web, incluyendo cualquier texto en los botones de navegación.

6 Seleccione "Archivo" y haga clic en "Abrir". Vaya a las imágenes que ha cargado en el paso 2 y abrirlos. Utilice las funciones de "pegar" "Copiar" y colocar las imágenes en el documento de página Web. Utilice la función "Escala" en "Editar" para cambiar el tamaño y la posición de las imágenes donde desee en su diseño.

7 Haga clic en el icono "Saltar a ImageReady" en la parte inferior de la barra de herramientas. Esto abrirá el archivo actual de Photoshop en ImageReady. En ImageReady, seleccione la herramienta de la "rebanada" y utilizarlo para crear selecciones alrededor de los botones y cualquier otra sección se puede hacer clic. Nombre cada rebanada, incluso los que no tienen nada en ellos.

8 Seleccione "Archivo" y haga clic en "Guardar como optimizado." Asegúrese de que el tipo de archivo es HTML y guardar el archivo. Ahora tiene un documento HTML que se puede abrir en Dreamweaver para añadir hipervínculos y publicación.

9 Dreamweaver abierta. Seleccione "Archivo" y haga clic en "Abrir". En el cuadro de diálogo que se abre, busque el archivo HTML que ha exportado fuera de lmageReady en el paso 8 y abrirlo en Dreamweaver.