Photoshop incluye una herramienta de la "rebanada" que se puede utilizar para crear una página web estructurada con "<div>" etiquetas. Mientras que la configuración predeterminada para la creación de una página HTML en la estructura de su página con Photoshop "<table>" etiquetas, los ajustes se pueden configurar para incorporar una estructura "<div>" en su lugar. Esta opción le permite crear páginas Web a partir de imágenes y documentos sin necesidad de una gran cantidad de código adicional, como sería necesario si estuviera intentando volver a crear la página desde el principio.
Instrucciones
1 Haga clic en el archivo que desea editar en Photoshop, haga clic en "Abrir con" y haga clic en "Adobe Photoshop".
2 Haga clic en el icono "Herramienta de recorte" en la caja de herramientas en la parte izquierda de la ventana, y luego haga clic en la "herramienta de corte".
3 Haga clic en el lienzo en el centro de la pantalla, y luego arrastrar el ratón para seleccionar una sección de la imagen que desea establecer como "<div>" objeto. Repita este paso para cada sección de la lona.
4 Haga clic en "Archivo" en la parte superior de la ventana y haga clic en "Guardar para Web y dispositivos."
5 Haga clic en el botón "Guardar".
6 Haga clic en el menú desplegable a la derecha de "Formato" y, a continuación, haga clic en "HTML e imágenes."
7 Haga clic en el menú desplegable a la derecha de "Configuración" y haga clic en "Otro". Esto abrirá una nueva ventana.
8 Haga clic en el menú desplegable a la derecha de "Configuración" y haga clic en "XHTML".
9 Haga clic en el botón "Siguiente".
10 Haga clic en la opción "Generar CSS" en la sección "Salida de la rebanada" de la ventana.
11 Haga clic en "OK" y luego haga clic en "Guardar".
Consejos y advertencias
- Cuando esté listo para subir su página a su servidor Web, tendrá que subir las carpeta "imágenes" que Photoshop genera durante el proceso de almacenamiento también. La carpeta se encuentra en el mismo directorio que el archivo HTML guardado.