Sesión 5 - Universidad de Granada

Sesión 5
Desde EditPlus abrimos la carpeta básico y abrimos únicamente el fichero
links.html. Algunos ejercicios se harán sobre este fichero y otros sobre páginas html
nuevas.
En el fichero links.html
•
Visualiza los enlaces externos comprobando que funcionan
•
Añade un enlace externo a la web de la Universidad de Granada
•
Convierte el listado de direcciones en una lista numerada con romanos.
•
Crea un enlace al fichero picture.html. El texto del enlace es arbitrario.
Entra en la web http://images.google.es/ y busca el término bart simpson. Observa el
tamaño de los ficheros en cuanto a resolución y según esta información descarga una
imagen que sirva de fondo de página. Guarda la imagen en el directorio c:\ y si es
necesario renombra el fichero para que sea fácil de escribir como recurso.
Descarga otra imagen que por ser de dimensiones más pequeña no pueda ser usada
como fondo de página. Guarda la imagen en el directorio c:\ y si es necesario
renombra el fichero para que sea fácil de escribir como recurso.
Crea un fichero nuevo desde la plantilla que obtenemos usando el menú File > New >
HTML page. Modifica el título y el color de fondo y guarda este archivo con el nombre
de enlaces.html (elige guardarlo en la misma carpeta básico).
•
Pon la imagen de fondo de Bart que has descargado.
•
Modifica los colores de texto y enlace para que se vean bien con respecto al
color de fondo.
•
Crea un enlace al fichero link.html y otro a la imagen que has usado de fondo.
El texto de los enlaces es arbitrario. Observa que visualizar la imagen implica
verla alineada a la izquierda.
•
Crea un enlace en el fichero picture.html que vuelva o retorne a este fichero (el
de enlaces.html).
•
Inserta la segunda imagen descargada intentando que se visualice en el margen
inferior derecho de la ventana del navegador. Haz uso de las etiquetas <br>
y/o <p> para ello.