3.661 cursos gratis
6.534.584 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:  9,50/10 9,50/10 (14 opiniones) |17875 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

Información de los programas con certificado

Hay 14 opiniones. Opina sobre este curso.


Cursos similares a Curso de HTML


Cursos Valoración Alumnos Vídeo
PHP y MySQL. Aplicaciones Web: programación (primera parte)
Programación de aplicaciones Web con PHP y MySQL. Con este curso aprenderás el funcionamiento de una Web Site, la programación en el cliente ... [02/12/08]
Nota curso: 9,67/10 3.029  
Desarrollo de aplicaciones para dispositivos inalámbricos (J2ME)
Curso que abarca el nivel de principiante a intermedio de la programación J2ME para móviles y PDAs, así como la elaboración de páginas web para los mismos. Inc... [14/07/05]
Nota curso: 8,75/10 3.918  
Crear una página web
Te mostraremos algunos consejos para que puedas introducirte en el mundo de las páginas web, teniendo en cuenta algunos conceptos básicos. Pronto podrás mejorar tu página... [04/11/05]
Nota curso: 8,71/10 4.499  


Publicar en   del.icio.us    digg    meneame

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