"Gomoso" es una imagen que tiene la capacidad de escalar. Puede crear una imagen de este tipo utilizando programas de computadora. Su conveniencia radica en el hecho de que se "estira" en la dirección deseada. Dicha creación web se muestra con éxito en cualquier navegador. Si la imagen contiene algunos elementos útiles, las propiedades de "goma" aumentan su funcionalidad.
Es necesario
imagen, sitio web, programa Adobe Photoshop, aplicación Bloc de notas, código HTML, directorio raíz de su sitio web
Instrucciones
Paso 1
Busque o cree una imagen que desee escalar y colocar en Internet. Inicie Adobe Photoshop. Abra esta imagen en el programa. Busque la herramienta Slice en la barra de herramientas. Úselo para cortar la imagen en pedazos. Divídalo de modo que la imagen completa conste de tres elementos gráficos y el central esté vacío. Esto ayudará a que la imagen se estire en cualquier resolución de monitor.
Paso 2
Guarde la imagen optimizada para el formato web (Guardar para web). Al guardar, configure el formato de archivo requerido: gif, jpeg o png. Para cambiar partes individuales de la imagen, busque la opción Herramienta de selección de corte en el menú y cambie las partes de la imagen para que el tamaño sea mínimo con la menor pérdida de calidad durante el renderizado en la pantalla. Después de cambiar, guarde las imágenes como html e imágenes.
Paso 3
Una vez que haya guardado sus imágenes, comience a editar el código HTML. Abra el documento html guardado en el Bloc de notas. Borre las líneas de código que no sean necesarias. Mantenga solo los datos de la tabla en la que están incrustadas las imágenes sin cambios
Paso 4
En las líneas, en lugar de yourimage.gif, especifique la ruta a las imágenes en su computadora. La altura y el ancho deben ser adecuados.
Paso 5
Para hacer que la parte media de la imagen se estire, cuando las partes extremas se separan, escriba la información necesaria en las líneas de código. Especifique los parámetros (ancho y alto) de su propia imagen.
Paso 6
Sube las imágenes creadas al directorio raíz del sitio. Especifique nuevas rutas a las imágenes en el servidor, editando así el código HTML. Inserte el código de la imagen entre las etiquetas.
Paso 7
Comprueba las propiedades de la imagen. Intente ampliarlo en línea. La imagen debe ser flexible en cualquier dirección.
