¿Qué son los Frames?
Cuando definimos una página
que usará frames, dividimos la ventana actual en un conjunto de subpantallas
que contienen cada una diversas páginas de HTML (inclusive provenientes de
distintos sitios de Internet), cuyo tamaño está dado como un porcentaje de la
ventana total o como una distancia en pixeles (algo muy semejante a la
definición de tablas). Al realizar esto, el desarrollador puede buscar dos
cosas: la primera es presentar de forma concisa y compacta una gran cantidad de
información; la segunda, es la posibilidad de interactuar y obtener resultados
(en una sola ventana) utilizando diferententes páginas HTML al mismo tiempo.
Esto significa que los frames pueden intercambiar información el uno con el
otro. Seguramente usted ya habrá visto páginas que usan frames debido a que una
de sus aplicaciones más comunes son las relacionadas al establecimiento de una
página de "resultados" y junto a ella (en alguno de los
ejemplos por lo regular) existe otra página con botones o ligas que actúan como
menú principal. De esta forma, usted puede seguir "navegando"
mientras que conserva una serie de recursos disponbles todo el tiempo.
Como ustde debe saber, no
todas las versiones de los navegadores pueden usar frames (tal y como ocurre
con JavaScript), tiene que tener Netscape Navigator 2.0 o al uno otro browser
superior o compatible.
Como usted debe comprender, no
es el prooósito de este manual el describir detalladamente la estructura
y funcionamiento de la etiqueta FRAMES; sin embargo, es necesario repasar sus
características para comprender mejor la foma en que JavaScript puede
interactuar con él.
Para utilizar los frames de
HTML, necesitamos de dos etiquetas importantes:
a) <FRAMESET>
Esta etiqueta sustituye a la etiqueta <body> y tiene tres
funciones importantes:
1) Indicar al browser que la página cargada contiene frames.
2) Definir el número de columnas y renglones en los que deberá ser dividida la pantalla.
3) Estalecer el tamaño o proporción de cada frame para su correcta visulaización.
2) Definir el número de columnas y renglones en los que deberá ser dividida la pantalla.
3) Estalecer el tamaño o proporción de cada frame para su correcta visulaización.
b) <FRAME>
Por su parte, esta etiqueta sirve para definir las propiedades de cada frame,
las cuales son:
i) Scrolling
= " yes | no | auto "
Con esta opción, definimos si la ventana tendrá barra de desplazamiento (por omisión esta en "auto").
Con esta opción, definimos si la ventana tendrá barra de desplazamiento (por omisión esta en "auto").
ii) Noresize
Indica si el usuario podrá o no modificar el tamaño del frame.
Indica si el usuario podrá o no modificar el tamaño del frame.
iii) Name
Como todos los objetos, puede hacerse referencia a un frame por su nombre.
Como todos los objetos, puede hacerse referencia a un frame por su nombre.
iv) Marginwidth
= " # | % "
Especifica el ancho del frame, puede ser en pixeles o en porcentaje.
Especifica el ancho del frame, puede ser en pixeles o en porcentaje.
v) Marginheight
= " # | % "
Especifica el alto del frame, puede ser en pixeles o en porcentaje.
Especifica el alto del frame, puede ser en pixeles o en porcentaje.
Elementos tales como las
formas, los botones, las hiperligas, etc. tienen definida la propiedad Target
= "<frame>"; con la cual, podemos definir en que frame o
ventana deberán ser arrojados los resultados de hacer click en cualquiera de
ellos.
Para entender esto, considere
dos casos radicalmente expremos. Por una parte, imagine que en esta misma
página aparece una hiperliga y que usted desea observar el contenido de esta.
Dado que en la página actual existen frames, la página será desplegada en el
frame en el que se encuentre la hiperliga ( bien en otro frame si usted
redirecciona la salida tal y como ocurre en el menú de la izquierda). Ahora
bien, puede darse el caso de que usted ya no necesite visualizar la barra de
menú; en ese caso, usted deseará ir a la página pero desplegandola completa en
la ventana de su browser. Esto puede realizarse mediante la expresión TARGET="_top"
Funcionamiento de los marcos y los conjuntos de marcos
Un marco es
una zona de una ventana de navegador que puede mostrar un documento HTML
independiente de lo que se muestra en el resto de la ventana. Los marcos
permiten dividir la ventana de un navegador en varias regiones, cada una las
cuales puede mostrar un documento HTML diferente. Por lo general, un marco
muestra un documento que contiene controles de navegación, mientras que otro
muestra un documento con contenido
Un conjunto
de marcos es un archivo HTML que define el diseño y las propiedades de un
grupo de marcos, que incluyen el número, el tamaño, la ubicación de los marcos
y el URL de la página que aparece inicialmente en cada marco. El archivo de
conjunto de marcos no incluye el contenido HTML que se muestra en el navegador,
excepto en la sección noframes. El archivo únicamente ofrece al navegador
información sobre cómo debe mostrarse un conjunto de marcos y los documentos
que deben incluirse en los marcos.
Para ver un
conjunto de marcos en un navegador, introduzca el URL del archivo de conjunto
de marcos; el navegador abre entonces los documentos que deben mostrarse en los
marcos. El archivo de conjunto de marcos de un sitio suele llamarse index.html.
Así, cuando el visitante no especifica ningún nombre de archivo, este archivo
se muestra de forma predeterminada.
Cuándo utilizar marcos
Adobe
desaconseja el uso de marcos para el diseño de páginas Web. Estas son algunas
de las desventajas que presenta el uso de marcos:
·
Lograr una alineación gráfica precisa de los elementos en
distintos marcos puede resultar difícil.
·
Comprobar las opciones de navegación puede llevar mucho tiempo.
·
Los URL de las páginas con marcos no aparecen en el navegador, por
lo que puede resultar complicado para un visitante marcar una página concreta
(salvo que incluya código de servidor que le permita cargar la versión con
marcos de una determinada página).
El uso más
habitual de los marcos, en el caso de que decida utilizarlos, es para
navegación. Un conjunto de marcos suele incluir un marco con una barra de
navegación y otro que muestra las páginas de contenido principal. El uso de
marcos de esta forma ofrece estas ventajas:
El navegador
de un visitante no tendrá que volver a cargar los gráficos de navegación para
cada página.
Cada marco
dispone de su propia barra de desplazamiento (si el contenido es demasiado
grande para una ventana), permitiendo al visitante desplazarse por los marcos
de forma independiente. Por ejemplo, si la barra de navegación se encuentra en
otro marco, cuando el visitante se desplaza al final de una página de contenido
muy grande en un marco no es necesario que vuelva al principio de la página
para acceder a la barra de navegación.
En muchos
casos, puede crear una página Web sin marcos que logre los mismos objetivos que
un conjunto de marcos. Por ejemplo, si desea que la barra de navegación
aparezca a la izquierda, puede reemplazar la página por un conjunto de marcos
o, simplemente, incluir la barra de navegación en todas las páginas del sitio.
(Dreamweaver le ayuda a crear varias páginas con el mismo diseño.) Aunque no
utiliza marcos, el siguiente ejemplo muestra un diseño de página que los imita.
BIBLIOGRAFIA
No hay comentarios:
Publicar un comentario