Mas+alla+del+Texto+y+la+Imagen

=media type="custom" key="7317857" align="right"= =**__TRABAJO CON IMAGENES:__**= = = Una Web está compuesta por mucho más que simple texto. Un sitio web se diseña para ser gráfico, en el cual vamos a añadir imágenes, tanto estáticas como dinámicas, imágenes que tengamos guardadas en el disco duro o imágenes de Internet.

Es fundamental conocer que las imágenes deben estar en formato GIF o JPEG para poder ser visualizadas por la mayoría de los navegadores. Las características de ambos formatos son las siguientes:

.
 * [[image:alien_eyes_lg_wht.gif]] || * **GIF:** Apropiado para logotipos y está comprimida de forma que no pierde definición. El máximo número de colores que soporta es de 256. Admite la propiedad de transparencia, que permite que las imágenes compartan el mismo color de fondo de la página. Igualmente se pueden crear los GIF animados como sucesión de diferentes imágenes. ||


 * [[image:IMG_3296-ok-web.jpg width="363" height="353"]] || * **JPEG:** Apropiado para imagenes complejas y para fotografía. JPEG comprime y destruye parte de la información de la imagen. Soporta hasta 24 bits de colores y no admite transparencias.

Para insertar una imagen podemos hacerlo a través del botón de la barra de herramientas Estándar Haciendo clic en este botón insertaremos una imagen desde una carpeta de nuestro disco duro. Es muy importante guardar todas las imágenes en una carpeta independiente de donde guardamos los archivos html.

Una vez que la imagen está en la página podemos cambiar algo en élla, como la alineación, el tamaño, el borde e incluso añadir un texto que aparecera cuando situemos el ratón encima de la imagen. ||

Al emplear las imágenes debemos guiarnos por unas cuantas reglas básicas:


 * Procurar que las imágenes sirvan para algo, que den información.
 * Procurar un equilibrio entre tamaño del archivo de imagen y calidad de ésta. A veces una imagen muy grande requiere una compresión tal que al final tenemos una calidad pésima. En estos casos debemos plantearnos el tipo de imagen a usar.

Fíjate en las imágenes mostradas en tu monitor. Estas imágenes están formadas por unos puntos muy pequeños llamados pixels. Si tu monitor fuera de aquellos en blanco y negro utilizados en la época de los pioneros, cada pixel podía estar encendido (color blanco) o apagado (color negro). En los monitores de color actuales cada pixel o punto de pantalla no representa esos dos únicos colores, como sabes puden mostrar millones de colores y tonalidades. Pero la idea es la misma. La imagen está formada por puntos y el ordenador los maneja como bits. A la hora de codificar esta imagen para poder guardarla en un archivo existen dos técnicas básicas: los mapas de bits y las imágenes vectoriales.
 * __TIPOS DE IMAGENES:__**

> Un **mapa de bits**, **bitmap**, **pixmap**, **imagen matricial** o **imagen rasterizada** es una estructura de datos que representa una rejilla rectangular de píxeles o puntos de color, conocida como **raster**, que puede ser visualizada en un monitor de computadora, en un papel o en otros dispositivos de representación. > Ese otro método de almacenar imágenes se basa en encontrar funciones matemáticas para representar la imagen completa. Este método no sólo se usa para figuras regulares (rectángulos, cuadrados, círculos) tambien se puede usar para imágenes tipo fotografía.
 * **MAPA DE BITS:**
 * **IMAGENES VECTORIALES:**

Volvamos al monitor en blanco y negro. Cada punto de la pantalla es o blanco o negro, almacenar esa imagen en un archivo es sumamente fácil: cada punto (blanco o negro) es un bit (1 o 0). Si la imagen tiene 240 puntos ocupa 240 bits (240:8 = 30 bytes). Pero en realidad cada punto representa más de dos colores, 16 millones (si usamos 24 bits para cada pixel). . Ten en cuenta que 240 puntos es una imagen pequeñita, de 15 pixels de alto por 16 pixels de ancho por ejemplo. En este método se basan los formatos JPG, PNG o GIF utilizados en las páginas web y que usan diferentes algoritmos para comprimir los archivos y ocupar así menos espacio. Si estas imágenes se escalan (se se les varía el tamaño) la calidad se ve degradada.

=__**EL TEXTO EN UNA PAGINA WEB:**__=

Aunque las páginas que viajan por la red son excelentes plataformas multimedia, no cabe duda que en muchos casos debemos poner textos__.**El texto no debe ser lo predominante en una página web**__, y que si es indispensable que nuestra página tenga mucha literatura lo mejor es distribuirla y organizarla de manera que no se vea un panorama demasiado árido. Leer en la pantalla de un ordenador causa cierto rechazo, por eso es necesario buscar formas de distribuirlo por la página de forma que no parezca demasiado compacto.existen varias formas como:

> Las tablas son quizás el mejor método que tenemos para ordenar el texto, y los demás elementos, en una página web. Una tabla básicamente es una colección de celdas organizadas en filas y columnas, pero esta organización tan cuadriculada puede romperse combinando varias celdas en una sola o dividiento una celda en varias filas o columnas. Esto convierte a la tabla en un elemento tremendamente versátil para repartir texto, e imágenes, en la página.
 * **TABLAS:**


 * __FORMATO DE TEXTO E IMAGENES:__**

Para añadir texto a una página, simplemente hay que abrirla y comenzar a teclear en la vista página, o bien copiar y pegar un texto de archivo de texto. El funcionamiento es exactamente igual que el de un procesador de textos.

Los párrafos en HTML tienen una diferencia con los párrafos en documentos de texto y es que no son la unidad estándar de formato sino que se trata de una unidad visual de elementos separados en una página, donde estos elementos son texto, imágenes o cualquier cosa.

La calidad de un web site depende en gran parte de la aplicación de conocimientos clásicos de diseño e ilustración.

__**CAPAS:**__

Es otra alternativa para repartir los componentes de la página. Son elementos DIV con posicionamiento absoluto, es decir, que podemos colocarlo en el lugar de la página que queramos (incluso fuera de ella). El antiguo Netscape usaba unos elementos llamados Layer (capas en inglés), pero las últimas versiones lo han desechado en favor de los DIV, que son etiquetas estandards. Las capas son casi como pequeñas páginas y pueden contener cualquier componente HTML: texto, tablas, imágenes, formularios... Estas capas son también muy útiles para crear animaciones en las páginas o para crear páginas con contenidos a varios niveles (como si tuvieras varias páginas en un mismo sitio).