Mostrar más instrucciones
crear el diseño en Photoshop
1
Abra un nuevo documento de Photoshop haciendo clic en el icono de Photoshop en el ordenador. Después de que el programa se abre , seleccione " Ctrl + N " y un nuevo documento se abrirá.
2
Coloque elementos de la página. Utilice las herramientas en la caja de herramientas en la parte izquierda de la página. La mejor manera de hacerlo es seleccionar la herramienta Rectángulo de la caja de herramientas. Haga clic y arrastre un rectángulo en la página para hacer una barra en la parte superior . Seleccione un color para llenar la caja.
3
Seleccione la herramienta cuadro de texto para crear tantos cuadros de texto como sea necesario a lo largo de este bar. Normalmente, alrededor de cinco cajas deben ser suficientes. Los cuadros se incluyen palabras tales como " Nosotros ", " Registro ", " Noticias ", "Contacto" y " compra . " ¿Qué se incluye en estos cuadros , en última instancia dependerá de la finalidad del sitio Web.
4
Ir a "Archivo" y " lugar" para colocar algunas imágenes en la página. Las mismas reglas que se aplican al diseño de la impresión a menudo se aplican al diseño web también. Esto significa que usted debe estar seguro de que elementos de la página se alinean .
5
Finalizar el diseño de la página principal del sitio Web. Guardar esta página como un archivo JPEG y ciérrelo.
Prepararse para la Web con Dreamweaver
6
abierto Dreamweaver. Después de Dreamweaver abre , vaya a "Archivo " y luego haga clic en " Abrir". Cuando se abra la ventana siguiente, seleccione " Crear". Esto se encuentra en la esquina inferior derecha de la pantalla.
7
Cuando se abra la nueva página, se mostrará el código de la página . Encuentre la pestaña " Diseño" en la página que está cerca de la pestaña "Código" justo por encima del panel de edición de HTML. Una vez que esté en modo de diseño , vaya al menú "Insertar" en la parte superior de la página y elija " Imagen" en el menú.
8
Aparecerá una ventana que le permitirá seleccionar un imagen para colocar en la página. Busque el archivo JPEG que acaba de crear en Photoshop y seleccionarlo. Esta imagen estará ahora en la página de Dreamweaver.
9
Seleccione la herramienta de mapa de imágenes en la parte inferior de la página. A continuación, haga clic y arrastre el ratón sobre un área de la página que desea establecer un vínculo . Después de hacer esto , vuelva a la parte inferior de la pantalla y escriba una dirección URL completa en el cuadro de URL en la parte inferior de la ventana. Repita este paso para cada vínculo que desea crear en la página.
10
Repita este proceso completo ( pasos 1 y 2 ) para crear otra página del sitio Web. Depende de usted para diseñar cada página cómo quiere diseñar , pero lo importante a recordar es guardarlo como un archivo JPEG y subirlo a Dreamweaver cada vez. Cuando todo está dicho y hecho, usted tendrá un sitio web atractivo que ha creado con Photoshop y Dreamweaver.