Cómo cortar uso de las imágenes en una página web

Corte es un método de creación de imágenes para su uso en páginas HTML de la Web. Una disposición está diseñada como una imagen no interactivo. A continuación, las diferentes secciones de diseño que son "rodajas", optimizados para la Web, y luego se utilizan en un documento HTML para crear una página web en vivo. Estos son los pasos básicos para cortar las imágenes de un sitio web.

Instrucciones

1 Abra el documento de diseño en una aplicación de edición de imágenes, como Adobe Photoshop. El diseño debe ser diseñado de tal manera que los "cortes" caben en una tabla HTML --- filas y columnas. No necesita incluir texto, que se añadirá más adelante con HTML.

2 Dibuje un cuadro alrededor del área de su primer sector con la herramienta "rebanada". Por ejemplo, el banner superior podría ser un buen lugar para comenzar.

3 Dibuje rebanadas de todo el resto de los elementos en su diseño, como por ejemplo un logotipo o donde hay un gráfico que parece ser su propia sección. No hay reglas duras y rápidas a hacer rodajas. Imagínese los trozos de montaje en una mesa de rectángulos. También hay que tener en cuenta el tiempo de carga, que es la razón la gente no hace todo el diseño una rebanada.

4 Nombre las rebanadas. Haga doble clic sobre una rebanada con la "herramienta Seleccionar sector" para abrir el cuadro de diálogo "Opciones de sector". Seleccione la opción "Imagen" para el tipo de sector y darle un nombre. Repita para todos los sectores restantes.

5 Seleccione "Archivo", luego "Guardar para Web" para abrir el cuadro de diálogo "Guardar para Web". Seleccione la configuración para el sector seleccionado. Hay muchas opciones, pero en términos generales, las fotos deben ser guardados como archivos JPEG y vectores como GIF.

6 Clic en Guardar." Un "Guardar optimizada como" pronto aparecerá. Elija la ubicación para guardar el trozo optimizado.

7 Repita los pasos 5 y 6 para cada rebanada.

8 Crear una tabla HTML que coloca las imágenes en sus respectivos lugares.

Consejos y advertencias

• Estos pasos podrían variar ligeramente en función del software que está utilizando, pero el proceso básico será el mismo.