Imágenes y color en el WWW
Jorge Ferrer
Rodrigo García
Victor García
Versión 1.0Editado por
Jorge Ferrer
En este artículo se presenta todo el potencial que ofrece el lenguaje HTML para dar color y usar imágenes en una página web. Aprenderemos cómo especificar un determinado color de entre 16 millones posibles y ponerlo como fondo de la página, o como color del texto. También veremos como manipular imágenes cambiando su tamaño o poniendo texto a su alrededor. Después se verá como controlar los bordes y tamaño de las imágenes. Veremos como poner un texto alternativo a la imagen, crear imágenes con varias zonas activas (imágenes mapa) y cómo emplear GIFs animados. Al terminar seremos unos expertos en el arte de las imágenes y el color en el WWW.
- Tabla de contenidos
- 1. Usando color en el WWW.
- 2. Cómo cambiar la apariencia de una página.
- 2.1. Color de fondo.
- 2.2. Color del texto y Links.
- 2.3. Imágenes de fondo:
- 3. Imágenes en las páginas Web.
- 4. Cómo cambiar la apariencia de las imágenes
- 5. Alternativas a las imágenes inline
- 5.1. El atributo ALT
- 5.2. Imágenes externas
- 5.3. Imágenes mapa
- 6. Mejoras en las imágenes
Hasta ahora hemos aprendido a crear páginas WEB compuestas por texto, encabezados, diferentes estilos, e incluso a enlazar varias páginas entre sí. También hemos aprendido a insertar imágenes de una manera sencilla en una página. Sin embargo todavía podemos aprender mucho más aprovechar todas las capacidades que nos ofrece el lenguaje HTML para convertir nuestra página en una obra de arte gráfico.
El éxito o fracaso de un Web depende en muchas ocasiones del aspecto gráfico que ofrezca a los visitantes. Un buen ejemplo de ello lo observamos en la página de Disney
Figura 5.1. Aprovechando las capacidades del HTML para incluir colores e imágenes en un Web podemos conseguir resultados tan atractivos como el que observamos en el web de Disney.
El diseño con programas de creación de imágenes y de retoque fotográfico está fuertemente ligado a la creación de páginas Web. Más aún cuando nuestro objetivo será, no sólo crear una página atractiva, sino de calidad técnica y que cargue en poco tiempo para no provocar esperas excesivas a a los visitantes. La manera de conseguir este objetivo será un buen conocimiento del lenguaje HTML y de todas sus posibilidades, y por ello dedicaremos un buen número de páginas a este tema, empezando por los siguientes temas:
Imágenes y colores de fondo: Extensiones de la etiqueta <BODY>
Imágenes inline: La etiqueta <IMG>
Alineamiento de imágenes.
Texto que envuelve a las imágenes
Cómo controlar el tamaño de las imágenes