Ejercicio paso a paso. Crear conjunto de marcos


Objetivo.

 

Practicar las operaciones que hay que realizar para crear un conjunto de marcos.

 

1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio.

2 Abre el documento marcos.htm, de la carpeta originales/animales del curso.

3 Guarda la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/animales

4 Inserta una línea en blanco debajo de la etiqueta </head>, y escribe el siguiente código en ella:

<frameset rows="*" cols="142,*" framespacing="0" frameborder="NO" border="0">
<frame src="menu.htm" name="marcoizquierdo" frameborder="no" scrolling="NO" noresize>
<frame src="inicio.htm" name="marcoderecho" frameborder="no">
</frameset>

Con la primera línea, estarás creando dos marcos en la página. El primero será de 142 píxeles, y el otro ocupará el resto de la ventana del navegador. Los marcos se distribuirán en forma de columna (cols="142,*"). No habrá espacio entre los marcos (framespacing="0"), ni se mostrarán sus bordes (frameborder="NO" border="0").

Con la segunda línea, estarás especificando las propiedades del primer marco. Este marco se llamará marcoizquierdo, no se mostrarán sus bordes (frameborder="no"), y el usuario no podrá modifciar su tamaño (noresize). En este marco se cargará el documento menu.htm, y cuando éste no pueda ser mostrado en su totalidad, no aparecerán las barras de desplazamiento (scrolling="NO").

Con la tercera línea, estarás especificando las propiedades del segundo marco. Este marco se llamará marcoderecho, y no se mostrarán sus bordes (frameborder="no"). En este marco se cargará el documento inicio.htm.

5 Inserta una línea en blanco debajo de la etiqueta </frameset>, y escribe el siguiente código en ella:

<noframes>
<body bgcolor="#99CC99">
Esta p&aacute;gina tiene marcos, y tu navegador no los soporta
</body>
</noframes>

Este código será el utilizado por los navegadores que no soportan los marcos. Cuando un navegador no soporte los marcos, mostrará una página de color verde (<body bgcolor="#99CC99">), con el texto Esta página tiene marcos, y tu navegador no los soporta.

6 Haz clic sobre el menú Archivo.

7 Haz clic sobre la opción Guardar.

8 Abre el documento marcos.htm, que acabas de guardar, en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí.

   Inicio 


.