Tamaño: toda imagen lleva implícito un tamaño. Que también puede definirse -o modificarse- a partir de programación html (los atributos "height" -para la altura- y "width" -para el ancho-, en la etiqueta "img"). ¿Es conveniente esta duplicación de información? Sí. Cuando un navegador baja un sitio, comienza de izquierda a derecha y de arriba abajo. Cuando encuentra una imagen que no tiene definido un tamaño en programación html -dependiendo del navegador que se utilice-, espera a bajar toda la imagen antes de continuar. Cuando el tamaño está definido, en cambio, deja el espacio vacío y baja primero el resto del contenido. Finalmente, una vez que termina de hacerlo, baja el gráfico.Tamaño forzado: los parámetros de superficie en programación html también se utilizan para deformar convenientemente una imagen. Así puede convertirse a un punto en una línea si se le da un ancho -con el beneficio de que seguirá pesando lo que un punto-. Lo mismo puede hacerse para lograr una superficie a partir de un punto para, por ejemplo, forzar a una tabla a que respete un espacio.Fondo del mismo color: finalmente también puede definirse un fondo de un color exactamente igual al del fondo de una imagen si se toma una pequeña superficie de esa imagen y se la define como fondo de página. De ese modo, se evitan los cálculos para determinar el color en numeración hexadecimal (si no se tiene a mano un programa que realiza esa tarea). Tipo de imágenes por función
Las imágenes de los sitios de Internet pueden ser usadas para distintos fines. Cada una de ellas debe tener características particulares para poder cumplir adecuadamente su función. Podemos dividirlas básicamente en:
- Imágenes o gráficos en general (fines ilustrativos): puede tener borde o no, dependiendo si se la quiere aislar del entorno o permitir que se funda en él.
- Botones (contienen hipervínculos): a partir de una base de texto o de una imagen. Conviene que tengan borde o relieve para que se note claramente que contiene un hipervínculo.
- Reglas (dividen contenidos): pueden ser, básicamente, horizontales o verticales. Y varían desde una línea simple hasta complejos gifs animados.
- Fondos (agregan vida a la página): normalmente son imágenes que, al repetirse, forman una superficie pareja. Deben contrastar con el resto del contenido, para que éste sea fácilmente visible.
Características de los fondos
Para formar el fondo de una página, los navegadores toman una imagen y la repiten hasta el infinito en todo sentido. Si la imagen es cuadrada, por ejemplo, se la verá repetida en todo el fondo. Si es rectangular-horizontal, parecerá que sólo la repite hacia abajo. Y si es rectangular-vertical, parecerá que sólo la repite hacia los costados. Es bueno tenerlos en cuenta al momento de planear el diseño de la página.Los fondos pueden ser aplicados para las páginas, para las tablas o para las celdas de las tablas. Sin embargo, no todos los navegadores soportan esto último, y si se prepara una tabla sobre la base de diferentes fondos de celda los navegadores que no lo soportan generan confusiones de diseño.
Un truco bastante utilizado, cuando se arma una página web sobre la base de anchos relativos, es el de una imagen que se funde al color de fondo. Así, parece que continuara cuando en realidad sólo es una pequeña imagen.
Próxima página » Aprendé a armar los gráficos para tu sitio
| Los mensajes publicados
por los usuarios no sufren revisión ortográfica o de redacción
alguna. Ver reglamento de aprobación. |
| Mensajes publicados en esta nota: 0 |
| |
 |