37. Marcos

01. Crear marcos

Insertar / Html / Marcos / Izquierda (en este caso). Observamos que se ha creado un marco a la izquierda. En realidad ha creado un documento nuevo que contiene dos marcos, el de la izquierda (leftFrame) y el que contiene el documento “marcos.html” (mainFrame).

02. Nombrar los marcos

Abrimos Ventana / Marcos. Seleccionamos el marco de la izquierda y lo nombramos como “marco_navegacion”. El marco de la derecha lo nombramos como “marco_contenedor”.

 03. Tamaño de marcos

Seleccionamos ahora el borde exterior (marco_padre) y vamos al inspector de propiedades para ver cada uno de los dos marcos. Los bordes los dejaremos en “NO” en ambos casos y las medidas en el caso de “marco_navegacion” le damos 125 px para incluir una barra de navegación. En “marco_contenedor” las medidas las dejaremos como relativo para que cuando lo visualizamos en el navegador se adapte al tamaño que necesite.

04. Modificar marco_navegacion

Ahora iremos a “marco_navegacion” y crearemos una pequeña barra de navegación para hacer la práctica (repetimos la de 35. Iframes, y añadimos un enlace a marco.html).

05. Enlaces a marco_contenedor

Cuando hagamos cada enlace le diremos en la casilla de destino dónde queremos que se abra el documento enlazado. Hacemos un repaso a los Destinos:

_blank Abre el documento en una nueva ventana.

_Parent Abre el documento en la ventana que contiene el conjunto de marcos, que llamaremos “marco_padre.html”

_Self Abre el documento en la misma ventana (o marco) en el que se encuentra el vínculo.

_top Abre el documento en la ventana del navegador.

_marco_contenedor Es el nombre que le hemos dado al marco derecho y desde donde se abren los enlaces de esta práctica.

_marco_navegacion Es donde se aloja la barra de navegación de esta práctica.

06. Guardar marco_padre

Nos dirigimos a Ventana / Marcos. Seleccionamos el borde exterior y en Archivo / Guardar conjunto de marcos guardamos el documento como “marco_padre.html” en la carpeta “37_Marcos”.

07. Guardar marco_navegacion

Ahora nos posicionamos en el marco_navegacion para guardar el documento html que hemos generado creando la barra de navegación y lo guardamos en la carpeta 37_Marcos como marco_navegacion.html

¡Ojo! una cosa son los marcos y otra la página que está contenida en el marco.