Photoshop
Dreamweaver
Ver Más instrucciones
1
Haga doble clic en la maqueta de Photoshop. Haga clic en " Archivo" y "Guardar para Web y dispositivos " para exportarlo a un formato amigable para la Web. Seleccione un formato de archivo, como JPEG o PNG . Establezca una calidad de imagen en el cuadro de diálogo próximo . Haga clic en " Guardar". Introduzca un nombre para su imagen .
2
cultivos y separar el concepto de fondo , la sombra y el efecto borde transparente , pie de página y conceptos barra lateral . Guardarlos en un directorio local. La mayoría de ellos son de diseño relevante.
3
Ir a Dreamweaver. Haga clic en " Archivo" y " Nuevo archivo HTML. " Un nuevo archivo HTML se establecerá con los principales marcos como cabecera y la sección de cuerpo. Escriba un nombre para el archivo.
4
Crear un archivo CSS para el sitio haciendo clic en los "estilos CSS " en la esquina superior derecha de Dreamweaver. Haga clic en el área en blanco para crear nuevas reglas CSS . Seleccione " Tag ( redefine un elemento HTML )" en el selector de tipo . Seleccione " cuerpo" y luego " Nuevo archivo de hoja de estilos . " Haga clic en " OK" para comenzar a definir el archivo CSS
5
importar la imagen de fondo y otros elementos conceptuales en el código CSS : background : url ( /images /Background.JPG ), pie de página: . URL ( /images /footer.jpg ); .