Si está trabajando en la creación de un sitio web, entonces usted tendrá que usar divs para dividir la página. Div son el código HTML para una sección particular de un documento , lo que le permite asignar diferentes funciones (como hipervínculos) a esa sección . Afortunadamente, usted no tiene que ser un experto en HTML para crear divs en sus gráficos página web . Usted puede utilizar Photoshop CS2 para crear el diseño de la página , y luego exportar el diseño de programa de complemento de Photoshop, ImageReady . Instrucciones
1
Abrir Photoshop . Seleccione " Archivo" y luego en "Nuevo ". En el cuadro de diálogo que aparece, seleccione uno de los tamaños de la plantilla web. Por lo general es mejor ir con 800 x 600 , ya que es el mínimo común denominador más propensos a trabajar en la configuración de pantalla de nadie.
2
Crear el diseño de su sitio web con todos sus gráficos y botones de navegación . Puede incluir texto , siempre y cuando no haya datos de trama en Photoshop ( si rasterizar el texto en Photoshop , será clara) . El trabajo en capas , de modo que usted puede fácilmente hacer cambios en el diseño .
3 Haga clic en el botón Exportar ImageReady en la parte inferior de la barra de herramientas . Esto abrirá su diseño en ImageReady . Seleccione la "Herramienta Cortar " y comenzar a crear las rebanadas en su diseño. Cortar la imagen a fin de crear secciones separadas ( divs ) que se ajustan a su diseño. Por ejemplo , los botones de navegación individuales en su página deben ser sus propios div . Y si , al igual que los botones de navegación , se enlazará el div , se debe añadir que enlazan en el " Slice" panel.
4
Ir a la "optimización " del panel y seleccione el tipo de imagen que quiere cada rebanada sea. Imágenes detalladas o fotos son mejor guardados como archivos JPEG .
5
Seleccione " Archivo" y luego "Guardar como optimizado " y seleccione " HTML e imágenes . " Importación de la página HTML que ha creado en el editor de página web (junto con la carpeta de imágenes asociada). Ya está listo para publicar.
