Los Frames
Los frames(marcos en español) permiten a los autores presentar documentos con vistas múltiples.
Esto posibilita mantener cierta información visible mientras otras vistas se desplazan o se sustituyen.
Cada vista es un documento independiente de los otros.
Esto posibilita mantener cierta información visible mientras otras vistas se desplazan o se sustituyen.
Cada vista es un documento independiente de los otros.
La etiqueta frameset
La etiqueta <frameset> se usa para dividir la ventana del navegador en diferentes marcos y a cada uno asignarle una medida distinta.
Cada frameset define un grupo de filas y columnas.
Cada frameset define un grupo de filas y columnas.
Sintaxis
<frameset rows="valor1, valor2, valor_n" cols="valor3, valor4, valor_n">
...el resto de la definición...
</frameset>
...el resto de la definición...
</frameset>
Los posibles valores para definir el tamaño de las filas y de las columnas
pixels | % | *
La etiqueta frame
La etiqueta <frame> asigna que documento colocaremos en cada marco.
Sintaxis
<frameset cols="25%,75%"> <!-- Dividimos la pantalla en una columna de 25% y otra de 75%-->
<frame src="/URL_1">
<frame src="/URL_2">
</frameset>
<frame src="/URL_1">
<frame src="/URL_2">
</frameset>
Nota: La etiqueta <frame> no debe llevar etiqueta de cierre
La etiqueta noframes
La etiqueta <noframes> muestra un texto para los navegadores que no soportan frames.
- <noframes> se coloca dentro de la etiqueta frameset
- si el navegador soporta frames, el texto del <noframes> no se mostrará
- si usamos la etiqueta <noframes> el texto de la misma debe ir entre las etiquetas <body> </body>
<frameset rows="25%,75%">
<noframes>
<body>
Su navegador no soporta frames
</body>
</noframes>
<frame src="/frame1.htm">
<frame src="/frame2.htm">
</frameset>
<noframes>
<body>
Su navegador no soporta frames
</body>
</noframes>
<frame src="/frame1.htm">
<frame src="/frame2.htm">
</frameset>
La etiqueta iframe
La etiqueta <iframe> se usa para crear un frame en línea que contiene otro documento.
El iframe puedo mostrar una ventana que contenga otra página Web dentro de la página que estamos diseñando
El iframe puedo mostrar una ventana que contenga otra página Web dentro de la página que estamos diseñando
Sintaxis
<iframe src="/URL del sitio que desea mostrar">
Ejemplo
Código
<iframe src="/http://www.virtualnauta.com" width="100%"></iframe>
Resultado
En este ejemplo podemos observar que la ventana del resultado nos está mostrando la página principal de Virtualnauta.com.
Etiquetas y atributos de los marcos
| Etiquetas | Atributos | Valor | Descripción | Ej |
|---|---|---|---|---|
| <frameset> | Organiza ventanas múltiples. | |||
| cols | pixels | Asigna el número y el tamaño de las columnas. |  | |
| % | | |||
| * | | |||
| rows | pixels | Asigna el número y el tamaño de las filas. | | |
| % | | |||
| * | | |||
| <frame> | Define una subventana. | |||
| frameborder | 0 | Especifica si se mostrará o no el borde alrededor del frame. | | |
| 1 | | |||
| longdesc | URL | URL con una larga descripción del contenido del frame (se usa para navegadores que no soportan frames). | ||
| marginheight | pixels | Define el margen superior e inferior del frame. | | |
| marginwidth | pixels | Define el margen izquierdo y derecho del frame. | | |
| name | frame_name | Define un nombre para el frame. | | |
| noresize | noresize | No le permite al usuario modificar el tamaño del frame. | | |
| scrolling | yes | Determina la acción de la barra de desplazamiento. | | |
| no | | |||
| auto | | |||
| src | URL | Archivo que va a ser mostrado en el frame. | | |
| <noframes> | Muestra un texto para los navegadores que no soportan frames. | | ||
| <iframe> | Crea un frame en línea que contiene otro documento. | |||
| align | left | Alineación del iframe con respecto al texto. | | |
| right | | |||
| top | ||||
| middle | ||||
| bottom | ||||
| frameborder | 0 | Especifica si se mostrará o no el borde alrededor del iframe. | | |
| 1 | | |||
| height | pixels | Define la altura del iframe. | | |
| % | ||||
| longdesc | URL | URL con una larga descripción del contenido del iframe (se usa para navegadores que no soportan frames). | ||
| marginheight | pixels | Define el margen superior e inferior del iframe. | ||
| marginwidth | pixels | Define el margen izquierdo y el derecho del iframe. | ||
| name | nombre | Define un nombre para el iframe. | | |
| scrolling | yes | Determina la acción de la barra de desplazamiento. | | |
| no | | |||
| auto | | |||
| src | URL | Archivo que va a ser mostrado en el iframe. | | |
| width | pixels | Define el ancho del iframe. | | |
| % | |
Atributos estándard
id, class, title, style, lang
Si deseas una descripción completa, dirígete a: atributos estándard.
Eventos intrínsecos
onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Si deseas una descripción completa, dirígete a: eventos intrínsecos.
POST ORIGINAL EN LA PAGINA WEB VIRTUALNAUTA VISITA LA WEB AQUI
No hay comentarios :
Publicar un comentario