Cómo convertir Photoshop maqueta a HTML Web

Photoshop es una excelente herramienta para crear maquetas de sitios web. Cuando es el momento de implementar la maqueta , que sería bueno para simplemente hacer clic en un botón y tener un prototipo en vivo. Sin embargo , Photoshop es estrictamente un programa de gráficos sin capacidades de HTML. Afortunadamente , la exportación de su maqueta en un formato de gráficos Web - amigable como JPEG o GIF, y la construcción de una página Web que utiliza estos elementos es sencillo. Tenga en cuenta que usted tiene que hacer un trabajo adicional en la parte HTML para crear los componentes interactivos como enlaces, menús y ventanas emergentes . Las posibilidades de interactividad son infinitas , así que repasa en su HTML y CSS. Cosas que necesitará
Photoshop (cualquier versión )
HTML editor búsqueda Web navegador
Ver Más instrucciones
Fundamentos
1

Abra su maqueta en Photoshop y exportarlo a un formato de imagen web de usar. Seleccione la opción " Guardar para Web y dispositivos " en el menú "Archivo". En el cuadro de diálogo , seleccione un formato de archivo, como JPEG , GIF o PNG y seleccione una calidad de imagen.

2 Haga clic en " Guardar" y el nombre de su archivo ( por ejemplo, myMockup.jpg )

3

Abre tu editor de HTML y crear un nuevo archivo HTML. Editores de HTML como Dreamweaver creará la página Web del esqueleto para usted.
4

Agregar una etiqueta de imagen dentro del elemento de su página Web. La etiqueta de la imagen se verá algo como :
5

Guarde el archivo HTML, luego cargarlo en cualquier navegador Web
< br . >