ElTicus.com

Programación, lenguajes y recursos para programadores

manual
Curso Bsico de HTML
Introduccin a la programacin de pginas Web
Publicado por JL Fecha: 2006-12-02 01:20:00 Idioma: Espaol Tipo de documento: manual
Descargar como PDF

Curso de HTML Bsico

Curso bsico de HTML

Gua para principiantes

(Curso para introducir a alguien a la programacin de pginas web)



Frames

Las frames es una tcnica para subdividir la pantalla del visor en diferentes ventanas. Cada una de estas ventanas se podr manipular por separado, permitindonos mostrar en cada una de ellas una pgina Web diferente. Esto es muy til para, por ejemplo, mostrar permanentemente en una ventana los diferentes contenidos de nuestra pgina, y en otra ventana mostrar el contenido seleccionado.

Para definir las diferentes subventanas o frames se utilizan las directivas <FRAMESET> </FRAMESET> y <FRAME>. La directiva <FRAMESET> indica como se va a dividir la ventana principal. Pueden incluirse varias directivas <FRAMESET> anidadas con el objeto de subdividir una subdivisin. Los parmetros de <FRAMESET> son rows y cols en funcin de si la divisin de la pantalla se realiza por filas (rows) o columnas (cols). Los parmetros rows y cols se acompaan de un grupo de nmeros que indican en puntos o en porcentaje el tamao de cada una de las subventanas. En caso de utilizar rows los tamaos de las subventanas se entienden indicados de arriba a abajo, es decir, el primer valor ser el asignado a la ventana superior, el segundo a la ventana inmediatamente inferior, etc. En el caso de cols los tamaos se aplican de izquierda a derecha.

Ejemplos

Resultado

<FRAMESET rows = "25%,50%,25%">

Crea tres subventanas horizontales, la primera ocupar un 20% de la ventana principal, la segunda un 50% y la tercera un 25%.

<FRAMESET cols = "120,*,100">

Crea tres subventanas verticales, la primera y la tercera tendrn un "ancho" fijo de 120 y 100 puntos respectivamente. La segunda ocupar el resto de la ventana principal (*).

<FRAMESET cols = "15%,*">

<FRAMESET rows = 20%,*">

En este caso "anidamos" dos directivas. La primera divide la ventana principal en dos subventanas verticales, la primera ocupa un 15% de la ventana principal y la segunda el resto. La segunda directiva vuelve a subdividir la primera subventana creada anteriormente, pero esta vez en dos subventanas horizontales, la superior ocupar un 20% de la subventana, y la inferior el resto.

La directiva <FRAME> indica las propiedades de cada subventana. Es necesario indicar una directiva <FRAME> para cada subventana creada. Los parmetros de <FRAME> son:

name = "nombre"

Indica el nombre por el que nos referiremos a esa subventana.

src = "URL"

La ventana mostrar en principio el contenido del documento HTML que se indique.

marginwidth = num.

Indica el margen izquierdo y derecho de la subventana en puntos.

marginheight = num

Indica el margen superior e inferior de la subventana en puntos.

scrolling = "yes / no / auto"

Indica si se aplica una barra de desplazamiento a la subventana en el caso de que la pgina que se cargue en ella no quepa en los lmites de la subventana. el valor "yes" muestra siempre la barra de desplazamiento, "no" no la muestra nunca (la zona de la pgina que no quepa en la subventana no la veremos), y "auto" la muestra solo en caso de que sea necesario para poder ver la pgina.

noresize

Si se indica este parmetro, el usuario no podr "redimensionar" las subventanas con el visor. Un usuario que este viendo una pagina con frames puede redimensionarlas seleccionando un borde de la subventana con el cursor y desplazndolo.

border = num.

Indica el "borde" que separara esta frame de la siguiente. Si se indica cero (0) no se mostrara borde entre las frames, consiguiendo un efecto muy elegante, siempre y cuando el "fondo" de todas las frames sea el mismo, o sean colores solidos.

Los visores que no soportan la caracterstica de subventanas, no mostrarn nada de lo indicado con estas directivas. Es por ello que existe una directiva llamada <NOFRAMES> </NOFRAMES>. Todo los indicado entre esta directiva ser lo que muestren los visores sin capacidad para visualizar Frames. Los visores que soporten Frames obviaran las directivas incluidas entre <NOFRAMES> </NOFRAMES>.

Si su visor puede visualizar Frames tendr en estos momentos la pantalla dividida en dos zonas independientes, en la izquierda ver el ndice de materias de este manual, y en la derecha estar viendo la seccin del manual que haya seleccionado. En otro caso simplemente ver la seccin del manual.

La definicin de las Frames debe ir antes de la definicin del cuerpo de documento (<BODY>).

Veamos un ejemplo completo de Frames:

<HTML>

<HEAD>

<TITLE>Pagina con Frames</TITLE>

</HEAD>

<FRAMESET cols = "15%,*">

<!-- Dos subventanas verticales, la de la izquierda con un 15% de la pantalla, la de la derecha el resto. -->

<FRAMESET rows = "35%,*">

<!-- Dos subventanas horizontales dentro de la subventana izquierda. -->

<FRAME name = "upd" src = "update.htm" scrolling = "auto">

<!-- La subventana horizontal superior izquierda con el nombre "upd" y muestro el documento update.htm -->

<FRAME name = "menu" src = "menu1.htm" scrolling = "auto">

<!-- La subventana horizontal inferior izquierda con el nombre "menu" y muestro el documento menu1.htm -->

</FRAMESET>

<!Se cierra la definicion de las subventanas horizontales de la ventana de la izquierda -->

<FRAME name = "home" src = "home.htm" scrolling = "auto">

<!-- Llamo a la subventana vertical derecha con el nombre "home" y muestro el documento home.htm -->

<NOFRAMES>

<!-- Indico las rdenes para aquellos visores que no soporten Frames -->

<BODY>

SU VISOR NO MUESTRA FRAMES. Pulse <A href= "home.htm"> AQUI </A> para ir a la pgina sin Frames.

</BODY>

</NOFRAMES>

</FRAMESET>

<!-- Cierro la definicin de las subventanas verticales -->

</HTML>

Al usar Frames, nos encontramos con un problema. Cuando queramos mostrar una pgina Web debemos indicarle al visor en que subventana queremos que se muestre. Por defecto se mostrar en la ventana donde se encuentre el enlace. Para poder escoger la subventana de destino del Hyperenlace se aade un nuevo parmetro a la directiva <A href= > </A>. Este parmetro se llama target y puede tener los siguientes valores:

target = "nombre_ventana"

Muestra el Hyperenlace en la ventana cuyo nombre se indica.

target = "_blank"

Abre una nueva copia del visor y muestra el Hyperenlace en ella. (Si usamos Netscape esto provoca que tengamos funcionando dos copias del programa).

target = "_self"

Se muestra el Hyperenlace en la subventana activa.

target = "_parent"

El Hyperenlace se muestra en el <FRAMESET> definido anteriormente al actual. Si no hay ningn <FRAMESET> anterior se muestra a pantalla completa suprimiendo todas las subventanas de la pantalla.

target = "_top"

Suprime todas las subventanas de la pantalla y muestra el Hyperenlace a pantalla completa.

Ejemplos

Resultado

<A href= "http://www.microsoft.com/" target = "_blank">

Muestra la pagina de Microsoft en una nueva copia del visor

<A href= "http://www.ibm.com/" target = "home">

Muestra la pagina de IBM en la subventanna llamada "home"

<A href= "http://www.yahoo.com/" target = "_top">

Muestra la pagina del buscador Yahoo a pantalla completa

 

 

 


<< Tema anterior Tema siguiente >>



Hay 220 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aqu: Imagen anti-spam =

Los ltimos 5 comentarios colocados son:

1. Comentario de SandorinaBaw el 2017-12-11 22:10:43
Всем привет, хочу проинтересоваться и обсудить такой вопрос как \"куда можно продать или же где можно купить наших домашних питомцев\"?

Почему подняла такой вопрос, просто хотелось бы попробовать себя в качестве заводчика, но вот только где продавать непонятно, не на базар же с ними выходить....

Давайте обсуждать, кто где покупает и кто куда продаёт.

2. Comentario de Traceem el 2017-11-20 06:52:55
СЕРВИС ДЛЯ ПРИВЛЕЧЕНИЯ КЛИЕНТОВ ИЗ ИНТЕРНЕТА.
Комплексное интернет-продвижение сайтов без посредников и переплат в одном месте!
Сбор различных баз для продвижения в интернете
Эффективно и недорого. Писать в ICQ 656310373

3. Comentario de Content Spinning el 2017-11-17 13:56:44
Le content spinning permet dautomatiser la génération textuels unique de manière aisée. cette manière de faire consiste à paraphraser des textes déjà existant, ce qui permet davoir un gain de temps efficacement. Il existe plusieurs logiciels et outils de spinning de contenu mais aucun ne permet de réaliser du contenu de bonne qualité sans perdre trop de temps. Avec Content-spinning. fr, vous pouvez enfin automatiser la réalisation de vos master-spins !

4. Comentario de AnthonyMaf el 2017-11-15 16:15:08

You actually mentioned it exceptionally well!
canadianpharmaciesbnt.com
canadapharmacy

5. Comentario de AlexDum el 2017-11-01 09:24:16
Компания выполняет ремонты жилых и нежилых помещений. от фундамента, проекта, дизайна, до реализации конечного результата.


VER TODOS LOS MENSAJES (220)...