Frames
Descargar como DOCX, PDF0 recomendaciones200 vistas
Un frameset divide la página en ventanas independientes llamadas frames, permitiendo mantener una sección fija. Se define con las etiquetas <frameset> y <frame>, donde <frameset> especifica el número de filas y columnas y <frame> apunta cada frame a un documento HTML. Las propiedades como name, scrolling y target permiten controlar el comportamiento de los enlaces entre frames.
Frames
- 1. 1.- ¿Qué es un frameset?<br />Un frameset, conocido en español como conjunto de marcos, es un archivo que sirve para dividir la página en varias ventanas cuadradas debido a que manda a llamar varios archivos html independientes entre sí nombrados frames (marcos).<br />La ventaja de los frames es que una sección de la página queda constante y no se tiene que cargar cuando se llama a una liga, por lo tanto es ideal para colocar navegadores.<br />La desventaja es que ocupa un espacio de la página y no se puede quitar.<br />2.- El tag <frameset><br />Se utiliza para definir como dividir la página en frames.<br />El frameset se define con una cantidad de filas y/o columnas (rows, columns)<br />3.- El tag <frame><br />Define los documentos html a llamar por cada frame.<br />Ejemplo de frameset:<frameset cols=\" 100,*\" > <frame src=\" frame1.htm\" name=\" izquierdo\" scrolling=\" NO\" noresize> <frame src=\" frame2.htm\" name=\" principal\" scrolling=\" AUTO\" noresize></frameset><br />Creamos un frameset horizontal que ocupa 100 pixeles de izquierda a derecha de nuestra pantalla. El otro frame ocupa el % restante. De tal forma que nuestro frame principal estará siempre fijo sin importar la resolución o el tamaño de la ventana del navegador<br />4.- Propiedades del <frameset><br /><frameset cols=\" 100,*\" frameborder=\" YES\" border=\" 1\" framespacing=\" 0\" bordercolor=\" #000033\" ><br />frameborder = Define si queremos un borde en nuestro frame (YES, NO)border = El ancho del borde, si frameborder es igual a YESframespacing = El espacio que deja en el borde del framebordercolor = El color del borde<br />5.- Propiedades del <frame><br />src = El archivo html, asp, php que vamos a llamar.name = El nombre de la venta que nos servirá de referencia para enviar parámetros con html o JavaScript.<br />scrolling = Si deseamos que salga la barra de scroll (YES, NO, AUTO) *** Auto es igual a automático, lo calcula el navegador por nosotros.noresize = Si queremos que el frame no pueda cambiar de tamaño al mover con el mouse<br />6.- Cómo crear una liga<br />Una pregunta recurrente es:***Cuándo creo un botón me abre la ventana en la misma ventana que mi botón***<br />Esto es muy simple sólo se le debe de decir al botón que ventana utilizar cuando se navega, quedando así.<br /><a href=\" frame5\" target=\" principal\" ><br />Donde principal es la ventana más grande donde desplegamos el contenido.<br />Si sólo usamos 2 frames se puede utilizar este tag después del body para eliminar el target de nuestro a href.<br /><body><base target=\" principal\" ></body><br />Ejemplo de Frameset y frames:home.html<br /><html><head><title>Ejemplo</title></head><br /><frameset cols=\" 100,*\" framespacing=\" 1\" frameborder=\" yes\" border=\" 1\" <br />bordercolor=\" #000033\" > <frame src=\" frame1\" name=\" izquierdo\" scrolling=\" NO\" noresize> <frame src=\" frame2\" name=\" principal\" ></frameset><noframes><body><br /></body></noframes></html><br />izquierdo.html<br /><html><head></head><body>Frame Izquierdo<a href=\" http://www.yahoo.com\" target=\" principal\" >Yahoo</a></body></html><br />principal.html<br /><html><head></head><body>Frame Principal</body></html><br />7.- Tipos de target<br />Como hemos visto, se puede utilizar como target un nombre que le hemos dado a un frame, sin embargo, existen otros tipos de target que menciono a continuación.<br />target=\" _top\" target=\" _blank\" target=\" _self\" target=\" _parent\" <br />_top = quita los marcos_blank = abre una nueva ventana_self = pone el documento en la misma ventana (funciona igual si no pones target)_parent = abre la liga en el frameset padre (si no se tiene un padre, funciona como _top)<br />8.- Etiquetas para navegadores que no soportan frames<br />Para los navegadores que no soportan frames se pueden utilizar las etiquetas <noframes> para poner contenido en dicho caso. (esto no afecta a los navegadores que si soportan frames, que son los más usados)<br /><noframes><body></body></noframes><br />