Ir a la home de Terra
 
 Argentina
Mi RegistroContactoTerra, tu página de inicioAviso legal Política de Privacidad  
 › Terra › Tecnología

 Buscar en el canal




 Newsletters
Usuario:
Password:
Reciba en su correo:

› Noticias, informes, tutoriales y recomen-daciones (viernes)

› Los mejores downloads (lunes)


 Otras coberturas
› Fotolog Actualidad
Las fotos más impactantes. Dejá tus comentarios.


Que tu celular suene como vos. Cumbia. Pop. Dance. Música de películas y de la TV. Rock. Clásicos de clásicos.



Buenos Aires, 1 de marzo de 2001 - 21:44 hs.
Última actualización 00:11


Algunos trucos prácticos


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.



Foto
Botón
Fondo

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





 Comentarios publicados
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
   

Espacio de publicidad


Partes de esta nota
I. Aprendé a armar los gráficos para tu sitio
I. La resolución de las imágenes
I. Algunos trucos prácticos

 Blogs
› Criminal Blog
Casos policiales + investigaciones especiales.

› Dr. Dinero
Ahorros, inversiones, compras y ventas.


 » Terra en otros países » Aviso Legal | Política de Privacidad | Prohibida su reproducción total o parcial © Copyright 2010,Terra Networks, S.A.
  Newsletters | Publicidad | Registro de usuarios | Contactanos | Terra RSS