Professional Documents
Culture Documents
PRÁCTICAS CON HTML Y Nvu
San Agustín
PRÁCTICA Nº 9. Mapas sensibles
1
Colegio
PRÁCTICAS CON HTML Y Nvu
San Agustín
2
Colegio
PRÁCTICAS CON HTML Y Nvu
San Agustín
Tendremos que hacer lo mismo para las distintas zonas del parque: FAR WEST,
MEXICO, POLINESIA, MEDITERRÁNEA. Llama a las páginas que se tendrán que
3
Colegio
PRÁCTICAS CON HTML Y Nvu
San Agustín
mostrar de la siguiente manera: farwest.html, mexico.html, polinesia.html,
mediterranea.html. La única precaución que deberíamos adoptar es procurar que las
zonas no se solapen para no crear situaciones que den lugar a errores, aunque en ese
caso tendrá preferencia para la delimitación de la zona la última que se haya creado.
Cada vez que cierres la selección de una zona aparecerá automáticamente una
ventana para introducir el destino.
Cuando hemos completado el mapa obtendremos algo similar a lo que se
muestra en la imagen:
Ahora lo único que nos queda es obtener el código que se ha generado para
pegarlo en nuestra página. Para conseguirlo utilizamos el menú ver→fuente, copiamos
lo que nos aparece para pegarlo en el código de nuestra página.
4
Colegio
PRÁCTICAS CON HTML Y Nvu
San Agustín
PASO 2: Hacer las páginas web
Abrimos en Nvu la página viernes.html y pegamos en el código fuente lo que
nos ha salido en GIMP (después del último </big> que hay después de VIERNES y
antes de </td>).
Después del último </big> y antes de la etiqueta fin de columna </td>
5
Colegio
PRÁCTICAS CON HTML Y Nvu
San Agustín
Guardamos la página (viernes.html). Si ahora abrimos la imagen en el
navegador, veremos que el cursor se transforma en mano en las distintas partes de la
imagen que hemos seleccionado con el GIMP. Si pinchamos en esas zonas nos saldrá
un error porque aún no hemos creado las páginas a las que llevan esos hiperenlaces.
Para crear el resto de las páginas lo que vamos a hacer es utilizar la página
viernes.html. Igual que en la práctica 4, haremos 5 copias de la página viernes.html y
las llamaremos farwest.html, china.html, mexico.html, mediterranea.html y
polinesia.html.
6
Colegio
PRÁCTICAS CON HTML Y Nvu
San Agustín
Después de último </map>
y antes de la etiqueta fin de
columna </td>. Es
conveniente poner un intro
(<br>) al principio.
7