Frames (Marcos)

---

 
Frames (Marcos) 
Los frames son usados para dividir una página web en varias partes, cargando otra página web en cada una de 
ellas. Por defecto se muestran con un borde que permite redimensionarlos según necesitemos. 
Para usar los ejemplos de las siguientes secciones debemos crear los 
tres
archivos siguientes: 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Después trabajaremos con el archivo html que usaremos de base para el frame con los siguiente contenido: 
 
GUIA DE TRABAJO DS3-2 
Objetivo: Lea detenidamente (lectura compresiva) el texto de la guía 
para elaborar una página Web con el siguiente tema: 

---

Crear una página web con frames 
Para crear una página web dividida en frames usaremos la etiqueta HTML 

, y dentro de ella 
insertaremos una etiqueta 

por cada marco que deseemos crear, así como la etiqueta 
</b> <br />,  <br />cuyo contenido se mostrará en los navegadores web que no soportan frames.  <br />Además de  <br /><b>id</b> <br />,  <br /><b>name</b> <br />y <a href="/1-je-prfre-aller--la-montagne-avec-toi-on-aurait-d-aller-au-re.html">el resto de  </a><br /><b>atributos</b> <br />estándar, dichas etiquetas HTML admiten los siguientes:  <br />< <br /><b>frameset</b> <br /><b>cols</b> <br />: separadas mediante comas se indica el número de columnas y el tamaño de las mismas (en píxels y/o porcentajes).  <br /><b>rows</b> <br />: separadas mediante comas se indica el número de filas y el tamaño de las mismas (en píxels y/o porcentajes).  <br />>  <br />< <br /><b>/frameset</b> <br />>  <br />< <br /><b>frame</b> <br /><b>frameborder</b> <br />: indica si se mostrará el border del frame o marco o no (1 | 0).  <br /><b>marginheight</b> <br />: margen entre el contenido del frame y sus bordes superior e inferior (en píxels).  <br /><b>marginwidth</b> <br />: margen entre el contenido del frame y sus bordes izquierdo y derecho (en píxels).  <br /><b>noresize</b> <br />: si indicamos este atributo el frame o marco no se podrá redimensionar (en HTML no hay que asignarle valor algu <br />no, pero según las especificaciones de XHTML es necesario asignarle como valor el mismo nombre de dicho atributo).  <br /><b>scrolling</b> <br />: especifica si se mostrarán barras de desplazamiento en el frame, pudiendo tomar como valores auto (se mostrar <br />án sólo en caso necesario para poder hacer scroll en el contenido del marco), no (no se mostrarán nunca) o yes (estarán  <br />siempre visibles).  <br /><b>src</b> <br />: la URL que se cargará en el frame.  <br />>  <br />< <br /><b>/frame</b> <br />>  <br /><b><noframes></b> <br />no admite atributos que merezca la pena reseñar.  <br />A continuación, mostramos un ejemplo de página web con frames:  <br />El anterior código HTML daría como resultado una  <br />página web dividida en dos frames: el primero de  <br />ellos con un ancho del '20%' <a href="/presentacion.html">de la ventana del  </a><br />navegador web, y el otro ocuparía el resto del ancho  <br />disponible:  <br /></div> <style type="text/css"> </style> <hr /><div id="page3-div" > <br />En el siguiente ejemplo creamos un  <br /><b><span id='_principal_para_las_columnas,_en_el_que_insertamos_un__para_la_de_la_izquierda,_y_un'><frameset></span></b> <br />principal <a href="/protocolo-de-investigacin.html">para las columnas</a>, en el que insertamos  <br />un  <br /><b><span id='_para_la_de_la_arriba,_y_un__anidado_(en_el_que_a_su_vez_insertamos_un'><frame></span></b> <br />para la de la izquierda, y un  <br /><b><frameset></b> <br />anidado (en el que a su vez insertamos un  <br /><b><frame></b> <br />para  <br />la fila superior, y otro para la inferior) para la de la derecha:  <br />En este <a href="/ndice-provisional-capitulo-pgina-1-parte-hipno.html">otro ejemplo creamos un  </a><br /><b><frameset></b> <br />principal para las filas, en el que insertamos un  <br /><b><frame></b> <br />para la  <br />de la arriba, y un  <br /><b><frameset></b> <br />anidado (en el <a href="/una-vez-celebrada-la-conferencia-sectorial-de-agricultura-acer.html">que a su vez insertamos un  </a><br /><b><frame></b> <br />para la columna izquierda,  <br />y otro para la derecha) para la de la abajo:  <br />Y  <br /></div> <style type="text/css"> </style> <hr /><div id="page4-div" > <br /><b><span id='Usar_Con'>Usar <iframe> </span></b> <br />Con  <br /><b><iframe></b> <br />podemos crear un marco en el que cargar otra página web dentro de la principal:  <br />Entre sus etiquetas de inicio y cierre podemos escribir un texto que será mostrado en caso de que el navegador  <br />web no soporte frames.  <br />Sus principales atributos son:  <br />< <br /><b>iframe</b> <br /><b>align</b> <br />: alineación horizontal del iframe con respecto a la página (bottom | left | middle | right | top)  <br /><b>height</b> <br />: alto del iframe.  <br /><b>marginheight</b> <br />: margen entre el contenido del iframe y sus bordes superior e inferior (en píxels)  <br /><b>marginwidth</b> <br />: margen entre el contenido del iframe y sus bordes izquierdo y derecho (en píxels)  <br /><b>scrolling</b> <br />: especifica si se mostrarán barras de desplazamiento en el iframe, pudiendo tener valor auto  <br />(se mostrarán sólo en caso necesario para poder hacer scroll en el contenido del marco), no (no se  <br />mostrarán nunca) o yes (estarán siempre visibles).  <br /><b>src</b> <br />: la URL que se cargará en el frame.  <br /><b>width</b> <br />: ancho del iframe (en pixels o porcentaje).  <br />>  <br />< <br /><b>/iframe</b> <br />>  <br />Ejemplo:  <br /></div> </iframe></iframe></frame></frameset></frame></frameset></frame></frameset></frame></frameset>