Cómo hacer un diseño en Photoshop

Div Div diseños son diseños de páginas Web que incluyen contenedores para el contenido Web , como imágenes , texto y enlaces. Ayudan a mantener un aspecto uniforme para las páginas web . Comandos " herramienta de corte " de Adobe Photoshop y "Guardar para Web y dispositivos " permiten a los usuarios crear un diseño Div visualmente mediante la adición de elementos de la página y luego la creación de contenedores directamente en el diseño , en lugar de usar el código HTML y CSS o depender de pre-hechos diseños div, que también requieren de los conocimientos de código para personalizar . Cosas que necesitará hotel Adobe Photoshop software
Ver Más instrucciones

1 Abrir Photoshop y crear un nuevo documento Web mediante la opción " Archivo> Nuevo" del menú de la aplicación y establecer el "Preset " desplegable para "Web ". Establezca sus dimensiones deseadas para su distribución en los campos "Altura" "Ancho " y , o seleccione uno de los tamaños de diseño web estándar del "tamaño " drop -down .
2

Añadir su visual deseado imágenes a su disposición . Estos pueden incluir imágenes importadas a través del " > Archivo Place " de comandos, formas , botones o texto creado con el " Tipo de herramienta . "
3

Seleccione la herramienta " Slice " de las Herramientas Panel y cortar cada elemento de su diseño haciendo clic y arrastrando sobre él con la herramienta " Slice " seleccionado . Crear cortes individuales para cada elemento de texto , botón, la imagen o la línea . Estos cortes servirán como elementos div en el diseño Web.

4 Haga clic en el menú " Archivo" y seleccione " Guardar para Web y dispositivos " para que aparezca el cuadro de diálogo de optimización, lo que permitirá configurar cada elemento de su diseño así que lo mejor se puede mostrar en la web. Ajuste la configuración para cada sector que ha creado , haga clic en cada uno individualmente utilizando el "Slice herramienta de selección " en la parte superior izquierda del cuadro de diálogo y cambiar la configuración de formato , la calidad y el color de acuerdo a la derecha de la caja. Haga clic en " Guardar" cuando se ha optimizado cada rebanada con sus preferencias.
5

Nombre su archivo de diseño y seleccione una ubicación para ella en los campos indicados de la " Guardar optimizada como " cuadro de diálogo. Cambiar el " Formato " drop -down " HTML e imágenes " y asegurarse de que los " ajustes" y "cortes" menús desplegables están ajustados a "Valores por defecto " y " todos los sectores ", respectivamente . Haga clic en " Guardar". Su diseño está listo para ser abierto en un web -editor como Dreamweaver , donde se pueden añadir enlaces y comportamientos a las secciones Div ha creado con la herramienta " Slice ".