Tecnología

Inicio

Cómo codificar un DIV Uso de Photoshop

December 29

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.