Los diseñadores web se utilizan para el diseño de sus maquetas de sitios web en Photoshop. Cuando usted necesita para convertir su maqueta a un sitio en vivo , algunas habilidades HMTL y CSS serán útiles . Si necesita exportar su maqueta en el software de desarrollo o plataforma como Dreamweaver Joomla, usted puede hacer la conversión en unos pocos pasos . Cosas que necesitará
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 ); .