Sesión 5 - Universidad de Granada
Transcripción
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.