1.- ¿Qué es un frameset?<br />Un frameset, conocido en español como conjunto de marcos, es un archivo que sirve para divid...
Frames
Frames
Frames
Upcoming SlideShare
Loading in...5
×

Frames

248

Published on

Pequeña ayuda para la creacion de frames en HTML

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
248
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Frames

  1. 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 />

×