Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Trabajo 9

100 views

Published on

  • Be the first to comment

  • Be the first to like this

Trabajo 9

  1. 1. Trabajo 9 1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio. 2 Haz clic sobre el menú Archivo. 3 Haz clic sobre la opción Abrir. Se abrirá una nueva ventana. 4 En Tipo:, elige Todos los archivos. 5 Selecciona el archivo gatos.htm, que se encuentra en la carpeta animales, y pulsa sobre el botón Aceptar. 6 Añade a la página detrás de la etiqueta </table> el siguiente código: <div id="gatosemana" style="position:absolute; width:320px; height:320px; z-index:1; left: 10px; top: 69px; background-color:#FFFF99; layer-background-color:#FFFF99;" > <p align="center">&nbsp;</p> <p align="center"><fontsize="4">Este es Golfo y es de Valencia</font></p> <p align="center"><imgsrc="imagenes/gato1.gif" ></p> <p align="center"><a href="#"><font color="#000000" size="4">Cerrar</font></a></p> </div> Este código define una capa llamada gatosemana, de 320 píxeles de anchura (width:) y altura (height:), situada a 10 píxeles del margen izquierdo (left), y a 69 píxeles del margen superior (top). La capa se mostrará a la distancia de los márgenes especificada mediante width y height por el atributo position:absolute. La capa será de color amarillo (background-color:#FFFF99; layer-background-color:#FFFF99;) 7 Haz clic en la opción Guardar del menú Archivo. 8 Abre el documento gatos.htm, que acabas de guardar, en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí. 9 Esta capa no la queremos ver de momento por eso añade visibility: hidden; después de layerbackground-color:#FFFF99;. 10 Haz clic en la opción Guardar del menú Archivo.
  2. 2. 11 Abre el documento gatos.htm, que acabas de guardar, en un navegador, y comprueba que la capa ya no aparece.

×