Está en la página 1de 2

Docente : Elvin J. Mendoza, MA.

Asignatura : INF. 436


Fecha: __________________________

Práctica, Tarea No. 05 Valor un (4) puntos.


Nombres: __________________________________________Matricula: ________________________

Realice en código HTML, conociendo la web.

Nota: En la parte de abajo del mapa poner su nombre y matricula.


Cuerpo <BODY>
Imágenes sensibles:
▪ Se utilizan para diferenciar partes de una imagen con el objetivo de que cada una de
ellas sea un enlace diferente.
▪ Constan de varias zonas activas, que pueden hacer que se cargue una URL diferente,
dependiendo de dónde haga clic el usuario.
Definición:
<map name="nombre">
<area shape=rect coords="x11, y11, x12, y 12 "href="URL">
<area shape=rect coords="x21, y21, x22, y 22 "href="URL">
<area shape=rect coords="xn1, yn1, xn2, yn2"href="URL">
</map>
<img src="..." usemap="#nombre">
Actividad para realizar:
Se le presenta el siguiente código HTML para aplicar imágenes sensibles en un mapa de la
República Dominicana con las provincias. Tome y escriba el código siguiente y conviértalo en html,
cuando lo ejecute, es decir lo corra, podrás observar tres provincias con imágenes sensibles
pensándole el mouse por encima, las cuales tienen tres tipos de figuras, una rectangular, una en
forma de circulo y otra en forma de triángulo.

<html>
<head>
<title>Ejemplo de mapa, Seminario de Informática</title>
</head>
<body>
<img src="mapa.jpg" border="0" usemap="#Ejemplo_mapa" />
<map name="Ejemplo_mapa" >
<area shape="rect" coords="85,180,150,100"
href="http://ayuntamientoazua.gob.do/" />
<area shape="circle" coords="52,60,52"
href="http://ayuntamientomontecristi.gob.do/transparencia/" />
<area shape="poly" coords="196,201,264,213,234,150"
href="https://www.godominicanrepublic.com/es/" />
</map>
</body>
</html>
Docente : Elvin J. Mendoza, MA.
Asignatura : INF. 436
Fecha: __________________________

Detalles y Descripción para completar esta práctica:

1. Crear una carpeta con el nombre que desee, para guardar los archivos de esta práctica.

2. Debes de buscar un mapa de la República Dominicana en la web, guardarlo en la carpeta


creada con el nombre mapa.jpg y aplicar las dimensiones de 398 X 286 pixeles.

3. Copie el código en html y haga una página web, con el nombre de Ejemplo_mapa.

4. Como las imágenes sensibles que ya están escrita en código HTML, tómala de ejemplo para
crear tres imágenes sensibles con el mismo mapa de la República Dominica en las siguientes
provincias, la Altagracia con un circulo y busca una página web de esta provincia, Luego en la
provincia de Samaná con el rectángulo y busca una página web de esta provincia, y en la
provincia de Pedernales con un triángulo y busca también una página web para esta provincia
para que cada provincia aplicándole clic pueda llamar su página web.

5. Donde está escrito en el código HTML border = 0, sustitúyelo por el número 5. Se podrá ver un
border más grueso alrededor del mapa

6. Empaqueta esta práctica en archivos comprimido y envíala por correo del profesor para su
revisión y el valor de su nota.

7. Listo. Habrás aprendido esta práctica de imágenes sensibles en HTLM.

El mundo Web, es maravilloso!!!!!

También podría gustarte