- Luis Miguel Hernandez
- Yofret Rios Mercado
- Enmanuel Correa Hernnadez
- Jose Antonio Berrio Campo
Identifican que vamos a crear un mapa de imágenes. Generalmente, lleva asociado el atributo name= al que le sigue entre comillas el nombre del mapa.
La tag <area>
Define las áreas que vamos a poder activar en esa imagen. A esta tag le acompañan los siguientes atributos:
shape= Entre comillas estableceremos el tipo de área a definir. Puede tratarse de rect (rectangular), poly (poligonal) o circle (circular).
Coords= Entre comillas indicaremos los pares de coordenadas de cada punto del área a activar. Estas coordenadas las podemos averiguar utilizando un programa de edición de imágenes. En las áreas rectangulares deben especificarse las coordenadas de la esquina superior izquierda y las de la esquina inferior derecha. En las poligonales especificaremos las coordenadas de todos los vértices del área. En las circulares indicaremos las coordenadas del centro del circulo y el valor del radio.
Href= Como ya sabe, indica la dirección, entre comillas, de la página web a la que accede si pinchamos en un área determinada.
Finalmente, debe saber que para que una imagen sea tratada como un mapa, además de el código anteriormente descrito, debe incluir en la tag de imagen correspondiente a la imagen a mapear el atributo usemap="#nombre del mapa".
ahora el siguiente ejemplo con el código HTML incluido.
<table border=0 width=450><tr><td align="center">
<map name="mapa1">
<area alt="Autor del la informacion" shape="rect" coords="124,74,225,115" href="#">
<area alt="Autro del blog" shape="rect" coords="149,225,268,282" href="#">
</map>
<img src= "killzone3_profile picture.jpg" usemap="#mapa1">
<br>
<font face = "arial">Ejmplo Practico.</font>
</td></tr></table>
El uso de programas como Gimp y Photoshop nos permiten ubicar mas fácil y de manera muy precisas las coordenadas donde se desea el enlace de la imagen
El uso de programas como Gimp y Photoshop nos permiten ubicar mas fácil y de manera muy precisas las coordenadas donde se desea el enlace de la imagen
Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.
Los formatos más utilizados son el GIF y el JPG, que a pesar de ser imágenes de menor calidad que las imágenes BMP, son más recomendables debido a que ocupan menos memoria. Vamos a ver un poco más sobre estos formatos:
Formato GIF:
Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten definir transparencias y animación.
Formato JPG:
Las imágenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamaño de la imagen es mayor y tarda más en descargarse se utilizan más para fotos.
Puedes incluir imágenes en otros formatos, que podrán ser visualizadas en algunos navegadores. Este es el caso de las imágenes BMP y PNG.
Puedes cambiar el formato de las imágenes mediante la utilización de algún programa de tratamiento de imágenes, como pueden ser Fireworks, Photoshop, Corel Draw, etc. Por ejemplo el Fireworks de Macromedia tiene una opción, exportar a tipo gif que reduce considerablemente la ocupación de la imagen sin perder en calidad (siempre que la imagen se adecue al formato).
Dependiendo del programa utilizado existirá una mayor o menor cantidad de opciones a la hora de modificar las imágenes. Para realizar modificaciones sencillas, como la de recortar las imágenes y cambiar los colores, puedes utilizar incluso el programa Paint de Windows.
Slideshare es un espacio gratuito donde los usuarios pueden enviar presentaciones Powerpoint u OpenOffice, que luego quedan almacenadas en formato Flash para ser visualizadas online. Es una opción interesante para compartir presentaciones en la red. Admite archivos de hasta 20 Mb de peso, sin transiciones entre diapositivas.
Una vez subida y procesada, las convierte en formato flash, ya la tenemos disponible a través de una dirección web pública, no hay opciones de privacidad, y la podemos ver a través de esa Url en tamaño normal o completo. También nos permite compartirla a través de correo electrónico o meterlo con su propio reproductor en nuestra página web.
Características más importantes de la Web 1.0
Repositorio estático de información
El rol del navegante o visitador es pasivo
La dirección de la información es unidireccional y su publicación requiere de conexión
La producción es individual y proviene de fuentes limitadas
Requiere dial-up, 50K
Diferencias más relevantes con la Web 2.0 en ejemplos
El usuario es generador de contenidos, puede editar y responder (blogs)
El navegador o visitante tiene un rol activo, comparte información, participa y trabaja colaborativamente (google docs)
La interfaz es interactiva (igoogle)
Posee fuentes múltiples de producción (wiki)
Se forman comunidades de aprendizaje (Redes sociales)
La combinación de estas herramientas producen la web 3.0
Utiliza Google Maps para:
Buscar información local.
Encontrar direcciones o el mejor camino.
Crear tus propios mapas.
Ver mapa más grande
Scribd es una herramienta colaborativa de la web 2.0 que permite subir y mostrar
documentos en la web para poder compartirlos.
•Nos permite alojar documentos de diferentes formatos: word, excel, pdf, ppt…
•Nos suministra un código para poder insertarel documento creado en un blog y/o página web.
Desarrollo Web