3.284 cursos gratis
6.263.460 alumnos
Publica tu curso gratis
Busca cursos gratis:
Estás aquí: mailxmail > Cursos de Informática > Programación > Curso de HTML > Características adicionales de los frames

Curso de HTML

Autor: Felipe Javier Mckeever
Curso:  4,86/5 4,86/5 (11 opiniones) |14931 alumnos|Fecha publicación: 20/10/2006

Capítulo 34:

 Características adicionales de los frames

En el ejemplo de frame 5 la imagen en el frame superior no entro completa, por lo que aparece la barra de desplazamiento, en este ejemplo no es nesesaria la barra de desplazamiento, además le quita presentación o vista a nuestra página.
Esto se puede soluciónar de dos formas: La 1ra. agregando el atributo SCROLLING="no" dentro de la directiva del frame en que se desee desaparecer la barra de despalazamiento, y  la 2da. colocando la imagen en lugar de la página que la contenga dentro del frame

Quitar la barra de desplazaminto de un frame

Esto se logra por medio del atributo SCROLLING="no".
Los valores para este atributo son:

SCROLLING="no"Desactiva  la barra de desplazamiento
SCROLLING="yes"Activa la barra de desplazamiento
SCROLLING="auto"Activa o Desactiva  la barra de desplazamiento, en función de que entre o no,  la página completa dentro del frame

Siendo este ultimo el que se establece por defecto

A continuación se da un ejemplo de como se quita la barra de desplazamiento.
<html>
<head>
<title>frame 9</title>
</head>
<frameset ROWS="100,400">
<frame src="banner1.htm" SCROLLING="no">
<frame src="inmortalidad.html">
</frameset>
</html>
Reslultado

Colocar una imagen dentro de un frame

Solo se nesesita remplazar dentro del frame, el nombre del archivo de la imagen por el nombre de la página.
La sintaxis es la siguiente:
<frame src="directorio\grafico.gif">    ó    <frame src="directorio\grafico.jpg">

<html>
<head>
<title>frame 10</title>
</head>
<frameset ROWS="100,400">
<frame src="..\imagen\inmortal.jpg" scrolling="no">
<frame src="inmortalidad.html">
</frameset>
</html>
Resultado

Cambiar el ancho del margen interior (alto y ancho) de un frame

Normalmente se emplea para centrar un grafico dentro de un frame.
Los atributos empleados son MARGENWIDTH="valor" y MARGENHEIGHT="valor", los cuales se escriben dentro del frame al que se le desea aplicar margen.

<html>
<head>
<title>frame 11</title>
</head>
<frameset ROWS="100,400">
<frame src="..\imagen\inmortal.jpg" scrolling="no" MARGENWIDTH="15" MARGENHEIGHT="5">
<frame src="inmortalidad.html">
</frameset>
</html>
Resultado

Quitar el borde de la división del frame

La división del frame se quita por medio del atributo BORDER="0" ó FRAMEBORDER="no", el cual se escribe dentro de la directiva  FRAMESET.
<html>
<head>
<title>Frame 12</title>
</head>
<frameset cols="20%,80%" BORDER="0">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal">
</frameset>
</html>
Resultado
Con el atributo FRAMEBORDER="no", tenemos casi el mismo resultado

Cambiar el ancho del borde de la división del frame

El ancho de la división del frame, se modifica por medio del atributo BORDER="valor", el cual se escribe dentro de la directiva  FRAMESET.
<html>
<head>
<title>Frame 13</title>
</head>
<frameset cols="20%,80%" BORDER="20">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal">
</frameset>
</html>
Resultado

Cambiar el color del borde de la división del frame.

El color de la división del frame, se modifica por medio del atributo BORDERCOLOR="#valor", el cual se coloca dentro de la directiva FRAMESET.

<html>
<head>
<title>Frame 14</title>
</head>
<frameset cols="20%,80%" BORDER="20" BORDERCOLOR="#80ffff">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal">
</frameset>
</html>
Resultado

Evitar que el visitante cambie la posisión división del frame

Normalmente el visitante de la página puede cambiar la posisión de la   división, dandole dandole click a la división y sin soltar arrastrar el mouse hasta LLEGAR A la nueva posición.
Si se desea evitar esto el atributo empleado es NORESIZE, el cual se escribe dentro del frame que se quiere fijar.

<html>
<head>
<title>Frame 15</title>
</head>
<frameset cols="20%,80%">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal"  NORESIZE>
</frameset>
</html>
Resultado

FRAMES MULTIPLES
Se puede dividir la pantalla en varios frames a la vez, solo se nesesita colocar una directiva FRAME por cada marco que se desee colocar.

Tres marcos horizontales
<html>
<head>
<title>Frame 16</title>
</head>
<frameset ROWS="33%,33%,33%">
<frame src="reglaoro.html">
<frame src="bienpormal.html">
<frame src="unidad.html">
</frameset>
</html>
Resultado

Tres marcos verticales
<html>
<head>
<title>Frame 17</title>
</head>
<frameset COLS="20%,40%,40%">
<frame src="reglaoro.html">
<frame src="bienpormal.html">
<frame src="unidad.html">
</frameset>
</html>
Resultado

Capítulo siguiente - Frames combinados
Capítulo anterior - Frames o marcos
Recibe nuestras novedades
Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Hay 11 opiniones. Opina sobre este curso.


Cursos similares a Curso de HTML


Cursos Valoración Alumnos Vídeo
PHP y MySQL. Aplicaciones Web: programación PHP I (quinta parte)
Programación de aplicaciones Web con PHP y MySQL. Ahora estudiaremos el Lenguaje de programación PHP. Aprende ahora las formas de escribir las etiquetas ... [02/12/08]
 3,50/5 1.076  
Introducción al lenguaje Pascal
Pascal es un lenguaje de alto nivel y de propósito general (es aplicable a un gran número de aplicaciones diversas) desarrollado por el profesor suizo Niklaus Wirth como ... [01/03/06]
5/5 10.704  
Java
Java nació con el deseo por parte de Sun de buscar un lenguaje de programación enfocado a electrodomésticos. Se necesitaba alg&uacu... [23/04/04]
 4,45/5 49.291  


Publicar en   del.icio.us    digg    meneame

¿Qué es mailxmail.com?|ISSN: 1699-4914|Recomiéndanos|Ayuda
Condiciones legales de mailxmail