MultiVentanas


MultiVentanas


Significa crear varias ventanas independientes en un solo documento, también se les conoce como FRAMES, es decir cada ventana es un frame. Esto se hace con las siguientes etiquetas (estas etiquetas reemplazaran a las etiquetas <BODY> y </BODY> de un documento normal.).
<FRAMESET COLS=“Columnas” ROWS=“Filas”> y <FRAMESET COLS=“Columnas” ROWS=“Filas”>
Crea los frames, donde “Columnas” da las dimensiones de los frames verticales y “Filas” da las dimensiones de los frames horizontales. COLS y ROWS no pueden ser usados al mismo tiempo en la misma etiqueta FRAMESET.
<FRAME SRC=“Página” NAME=“Nombre” MARGINWIDTH=“Márgenes horizontal” MARGINHEIGHT= “Márgenes vertical” SCROLLING= “Desplazamiento” NORESIZE FRAMEBORDER=“Borde”>
Coloca las páginas Web en los frames creados con FRAMESET.
“Página”es la dirección de la página que se colocará en el frame.
“Nombre” es un nombre que se usará para hacer referencia al frame.
“Márgenes horizontal”es el margen izquierdo y derecho del frame en píxeles.
“Márgenes vertical”es el margen superior e inferior del frame en píxeles.
“Desplazamiento” permite colocar o no barras de desplazamiento puede ser YES, NO o AUTO, por defecto es auto o sea que las colocará si es necesario. NORESIZE no permite cambiar el tamaño del frame.
“Borde” permite eliminar el borde del frame cuando toma el valor de NO.


Ejemplo 17:Crearemos 3 frames horizontales donde colocaremos algunas de las páginas que hemos creado en esta súper separata.


El asterisco (*) en la cadena 28%,*,40% significa que dejamos que HTML coloque el porcentaje que falta para completar el 100%.


El resultado se muestra a continuación.

Ejemplo 18:Continuando con este curso magnifico de HTML crearemos unos frames muy bonitos desde donde podremos apreciar todas nuestras páginas creadas.

Primero: Cree la página título.htm


Segundo: Cree la página lista.htm


TARGET permite enviar la página al frame que llamaremos PRINCIPAL, vea el siguiente paso.
Tercero: Crearemos los frames en un documento que guardaremos como inicial.htm. Esta será la página que iniciará toda nuestra presentación:



El resultado se muestra a continuación.



Colocar tu página en Internet


Si deseas subir o colocar tu página en Internet puedes conectarte con www.geocities.com
Por ejemplo la página del Profe Díaz esta alojada en www.geocities.com, lo malo es que la dirección que te dan es demasiada larga, por ejemplo mi página tiene la dirección www.geocities.com/separataselprofe diaz/Elprofediaz.htm


Ahora, si deseas una dirección más corta puedes conectarte a www.lanzadera.com Esta página es un redireccionador, es decir te dan una dirección más corta que se conecta con la dirección más larga. Por ejemplo mi dirección más corta es www.lanzadera.com/elprofediaz


Además de GEOCITIES, en Internet existen muchos lugares donde puedes alojar gratuitamente tu página, también además de LANZADERA existen muchas páginas redireccionadoras.


Enlace dentro de la misma página


Cuando nuestra página es muy extensa a veces nos conviene saltar de una posición a otra para no perder tiempo usando las barras de desplazamiento o la ruedita.
Este enlace tiene la siguiente forma:
<A HREF=“#Marca”>HiperTexto o HiperImagen></A>
“Marca”indica el sitio donde queremos saltar y el HiperTexto o HiperImagen es cualquier texto o imagen a la que se deberá hacer clic para saltar a la posición deseada.

Para que esto funcione es necesario colocar la Marca en el lugar exacto donde se saltará, de la siguiente forma:
<A NAME= “Marca”></A>

Ejemplo 19:Crearemos una página con un índice que salte al tema indicado dentro de la misma página.



El resultado se muestra a continuación.


Al hacer clic en el enlace de Microsoft Word, la página salta, tal como se ve en la figura.




Enlace con un punto específico dentro de otra página


En este caso queremos enlazarnos con otra página, pero queremos ir directamente a un sitio concreto de dicha página.
Este enlace tiene la siguiente forma:
<A HREF=“Página#Marca”>HiperTexto o HiperImagen></A>

Donde“Página”es el nombre de la página a la que queremos ir y “Marca” indica el sitio donde queremos saltar. HiperTexto o HiperImagen es cualquier texto o imagen a la que se deberá hacer clic para saltar a la posición deseada.
Para que esto funcione es necesario colocar la Marca en el lugar exacto donde se saltará, de la siguiente forma:
<A NAME= “Marca”></A>


Ejemplo 20:Crearemos una página con un índice que salte directamente la descripción de Windows XP y PowerPoint XP del ejemplo19.htm.



El resultado se muestra a continuación.


Pagina elaborada por:

Hasly Sofia Zarate Hernandez

Para:

CECyTEM