Está en la página 1de 8

/1

Qu son los "frames"?

Un conjunto de marcos son varios archivos.html simultneos en pantalla, segn configuraciones dadas por otro archivo.html que ordena la carga de cada uno de aquellos con una disposicin particular para cada uno. | EJEMPLO 1 Un conjunto de marcos fuera de la web Imaginemos un PORTARRETRATOS mltiple, con capacidad para 3 fotografas. A simple vista se cuentan 3 elementos (3 fotos). Pero son 4 elementos en total Y el 4 elemento es el portarretratos!. De hecho, sin el portarretratos no podramos visualizar las 3 fotos simultneamente y con cierta disposicin. | EJEMPLO 2 Ahora s, volvamos a la web... Observemos la siguiente captura de web diseada como conjunto de marcos. A simple vista se distinguen 3 archivos.html - Links (1), a la izquierda - Ttulo (2), superior - Contenido (3) En realidad, son 4 archivos.html en total! Hay un archivo.html ms, que parece no distinguirse explcita y visualmente (en la imagen de ejemplo se indica con lneas de color) y es... El archivo padre ("frameset" = conjunto de marcos) que en definitiva, es el que permite la existencia y visualizacin de los otros tres archivos ("frames"= marcos).

| CONCLUSIN FRAMESET = CONJUNTO DE MARCOS Es un archivo.html integrador, que segn una ESTRUCTURA de disposicin simultnea ordena la carga de otros archivos.html en la misma pantalla. FRAMES = MARCOS Son archivos.html componentes del conjunto y son tantos segn la estructura (filas o columnas) que defina el "frameset" Finalmente... Todos los componentes son archivos.html independientes y todos por igual son importantes en la visualizacin integral exitosa del conjunto. /2 Ventajas / Desventajas en el uso de Conjunto de Marcos Hay quienes defienden su uso y quienes no. Lo que queda fuera de toda discusin es que... El uso de framesets en un sitio web deber ser una decisin "estratgica". Es decir, la decisin de acudir al recurso de Framesets debe ser PREVIA a la puesta en marcha de la edicin o diseo del sitio web y cada una de sus pginas. En el diseo web, existen muchas relatividades de visualizacin final en la pantalla del navegador de una pgina web (resolucin de pantalla, tipo y versin de navegador del usuario, etc., etc.). Estos factores de relatividad, obviamente, tambin competen a los frames y algunas situaciones pueden resultar incontrolables. En el diseo web hay que tener en cuenta que el ptimo potencial de los frames slo se consigue con un dedicado desarrollo de edicin y un constante trabajo de pruebas finales. Por lo tanto...

No recomedado para desarrolladores que no suelen verificar debidamente la visualizacin de pginas y a

partir de all realizar optimizaciones en general del diseo web. Recomendado para desarrolladores avanzados, o bien principiantes que si planifican la

verificacin y optimizacin del diseo web. | NAVEGABILIDAD Muchos sitios web utilizan el recurso de framesets con el objetivo de presentar al usuario una ordenada y siempre visible navegacin general del sitio. Si bien este recurso es adoptado por pequeos sitios (pocas secciones o poca cantidad de pginas), generalmente es ms utilizado en el caso de grandes desarrollos web (muchas secciones y sub-secciones lo que implica obviamente gran cantidad de pginas).

Entonces...

El uso de Frameset resulta de ciertas ventajas si el sitio constar de gran cantidad de secciones,

formando as una compleja estructura web y tambin un complejo diseo de navegacin. | VERSIONES DE NAVEGADORES Las versiones viejas de navegadores (muy viejas!) no permiten la visualizacin de frames, lo que significa, de alguna manera, la imposibilidad del usuario de recorrer el sitio. No obstante, actualmente son pocos los usuarios con versiones de navegadores inferiores a 3.

El uso de Frameset resulta no recomendado ante una posible audiencia (establecida en la planificacin

estratgica del proyecto web) con versiones muy desactualizadas de navegadores. | TIEMPO DE DESCARGA Para descargar un frameset bsico (por ejemplo, el que estuvimos analizando anteriormente), en realidad, se deben descargar "simultneamente" 4 pginas, ms sus respectivas imgenes, ms etcteras. Suele ocurrir que ante una mala conexin, se descarguen slo algunos de los componentes, quedando muchas veces marcos conformados por "about blank". Entonces, en cuestin de "descargas ptimas"...

El recurso de Framesets debe tenerse en cuenta al evaluar (o preveer) un ptimo tiempo de bajada del sitio

y/o una ptima visualizacin de la propuesta de diseo. | IDENTIFICACIN El recurso de frameset para algunos sitios es til al establecer links a otros sitios externos. En este sentido...

Presenta ventajas para seguir captando al usuario, ya que podemos habilitar la apertura de links a otros

sitios como una instancia de conjunto de marcos, donde a modo de encabezado superior (por ejemplo) continuamos con la identificacin de nuestro sitio (y generalmente aqu se configura un link de "retorno"). | MOTORES DE BSQUEDA Las avanzadas tecnologas actuales de lo motores de bsqueda, detectan informacin contenida en pginas a pesar de ser stas componentes de un conjunto de marcos. Pero, no reconocen al "frameset", sino que detectan en particular la pgina o marco. Esta situacin significa que...

requerido.

Desde los motores de bsquedas, los usuarios acceden al sitio web diseado a partir de un

conjunto de marcos, tan slo abriendo una de las pginas componentes (marco) segn la informacin que se haya (Por ejemplo, segn el grfico de sitio que estuvimos analizando anteriormente, los usuarios abriran el sector "contenidos", no contando con la identificacin ni navegacin del sitio) | FAVORITOS Se presentan dificultades en la orden de "Agregar a Favoritos" desde el navegador cuando un sitio web est definido como un conjunto de marcos. Lo que sucede en este caso es que...

Los navegadores detectan generalmente la URL de alguna de las pginas componentes y no el conjunto.

Esta situacin se resuelve nicamente con rdenes JavaScript. (Notar que este caso presenta prcticamente la misma caracterstica que los motores de bsqueda: segn el ejemplo anterior, se detecta la URL especfica del sector "contenidos", y el usuario al ingresar a nuestro sitio desde sus "Favoritos" no contar con la identificacin ni navegacin del sitio)

| MODA /3 Trabajar con Conjunto de Marcos en MDW4 INTERFACE la interface de MDW nos ofrece las siguientes herramientas.... /A | PANEL OBJETOS/MARCOS /B | PANEL MARCOS = Creacin de la estructura del conjunto = Esquema de seleccin de marcos.

Como es tpico en MDW, trabajeremos con un panel exclusivo: el Panel Marcos. Este Panel es una visualizacin esquemtica de la estructura que resulta til para seleccionar marcos. /C | PANEL PROPIEDADES = Definicin de propiedades de marcos Trabajaremos desde el Panel de Propiedades. Desde este Panel se definen los parmetros de configuracin = propiedades de cada marco y del conjunto.

ORDEN DE TAREAS PARA EL TRABAJO CON FRAMESET 1 ETAPA: Creacin y definicin de propiedades" del conjunto de marcos y cada uno de los marcos. 1 2 3 4 5 6 Tomar la decisin estratgica de utilizar el recurso de Frameset en el desarrollo web del sitio. Crear y definir el tipo de estructura del conjunto de marcos Guardar el archivo "padre" (frameset) Guardar los dems archivos componentes (marcos) Las tareas de "guardar" 3 y 4 pueden

invertir su orden, pero jams omitir realizar el guardado apenas creada la estructura del conjunto. Definir propiedades para el conjunto y para cada uno de los marcos componentes Realizar una primera comprobacin del conjunto de marcos en el navegador Si fuera necesario, repetir la tarea 5 = "definir propiedades". 2 ETAPA: Implica tareas relacionadas con la edicin o diseo de los marcos... 7 8 Disear y diagramar cada archivo.htm componente del conjunto (marcos). Hay distintas opciones. Realizar nuevamente una comprobacin del conjunto de marcos en en el navegador.

Si fuera necesario, optmizar el conjunto con la tarea 5 = "definir propiedades", o bien, en la edicin (tarea 7). Finalmente y a modo recomendacin... Etapa SIEMPRE Comprobar el conjunto de marcos en en el navegador ante cada avance importante en la edicin de cada marco componente.

1. Desde la ventana de sitio local de prcticas MI_SITIO, crear un nuevo archivo.htm En los pasos citaremos a este archivo como "conjunto.htm". Sugerimos que ustedes lo nombren de la misma manera, para una mejor referencia en la prctica .

Trabajaremos en un conjunto de marcos de estructura bsica: estar compuesto por 2 marcos, segn la referencia de este grfico.

/4 CREAR UN CONJUNTO DE MARCOS = frameset 1 PASO | CREAR + DEFINIR ESTRUCTURA del conjunto de marcos En la ventana de trabajo de "conjunto.htm"... Activar la Paleta Objetos MEN Ventana Objetos 2 PASO Desde la Paleta de Objetos... Activar la interface de la sub-categora Objetos/Marcos desplegar la flechita negra a la derecha superior 1 CLIC en MARCOS

3 PASO En la Paleta de Objetos/Marcos...

1 CLIC en el icono del tipo de marco elegido (en nuestro

caso "insertar marco izquierdo") [en ingls: ... LEFT FRAME] Automticamente la ventana de trabajo del documento se subdivide segn el tipo de estructura seleccionada. Para nuestro caso , se divide en 2 columnas. Observar que los bordes de divisin son de color gris. La subdivisin de la ventana de trabajo del documento significa que el archivo actual de trabajo est configurado como el archivo "padre" = frameset = conjunto de marcos. similiar a... En nuestro caso, la interface de la ventana ser

4 PASO | GUARDAR!!!!

A | CADA MARCO componente

1 CLIC sobre el sector correspondiente al marco a guardar Archivo "Guardar marco como..." Sugerimos... escribir el nombre de "izquierda.htm"
Guardar as cada marco. B | GUARDAR CONJUNTO DE MARCOS Utilizaremos el PANEL MARCOS... En la ventana de trabajo... 1 Activar el Panel de Marcos: MEN Ventana Marcos El permetro deber quedar marcado en lnea negra!

sto indica que ha quedado seleccionado el Frameset (archivo padre) 2 Desde el Panel de Marcos...

1 CLIC sobre el borde perimetral que abarca todas las subdivisiones.


3 Desde la ventana de trabajo...

Archivo "Guardar conjunto de marcos como..."


Se abre el cuadro de dilogo tpico de "guardar" un archivo en el sitio local.

localizar "conjunto.htm" seleccionar "conjunto.htm" indicar Guardar!


Ante la adveretencia que "sobreescribir o reemplazar" indicar OK!

/5 El 1 testeo en el navegador... Antes de testear en el navegador, vamos a personalizar cada marco para ayudar a comprobar la correcta visualizacin del conjunto, es decir vamos a EDITAR CADA PGINA-MARCO

Tengan en cuenta que lo que realizaremos a continuacin no implica "definicin de propiedades de marco" (clase 07/1), sino slo una edicin de pginas-marco que conforman el conjunto. EDITAR PGINA-MARCO = Disear y diagramar un archivo.htm componente del conjunto (marco). Es decir, propiedades de pgina, insertar tablas, textos, imgenes, etc., etc., etcteras

1 CLIC en en el sector de la pgina a editar Men Modificar Propiedades de la Pgina definir un color de fondo
Para guardar tenemos dos opciones; guardar marco o guardar todos los marcos.

Exclusivamente de una adecuada definicin de propiedades de todos los integrantes de la estructura del conjunto, deriva la ptima visualizacin (previendo las relatividades que presenta la resolucin de pantalla) y ptimo funcionamiento del conjunto (nos referimos principalmente al accionar de links). El recurso de conjunto de marcos en muchos perfiles de sitios web, puede resultar una herramienta apropiada. Pero la utilidad o ventajas en el uso de un conjunto de marcos se hace efectiva con un desarrollo ptimo a nivel edicin y slo as el resultado final, en todos los aspectos, es existoso. En lneas generales, las propiedades de marco especifican un nombre para el marco, la ruta del archivo.html que lo determina, barras de desplazamiento, etc. y slo competen a cada marco en particular. En el ejemplo 2 de sitio web, se ha pensado el funcionamiento de las mltiples pginas simultneas en pantalla (conjunto de marcos) de la siguiente manera... - (1) LINKS Es el marco izquierdo (a modo de columna) que contiene el men de navegacin y no debe presentar barra de desplazamiento o scroll. Es un marco es fijo: estar siempre presente. - (2) TTULO Es el marco superior (a modo de fila) que presenta el logotipo o ttulo del sitio. Este marco es fijo, es decir, no debe presentar barras de desplazamiento y tambin debe estar siempre presente a medida que el usuario recorra el sitio haciendo clicks desde el marco "links". - (3) CONTENIDO este marco deber presentar barras de desplazamiento para casos donde el contenido a mostrar exceda el espacio vertical disponible segn la resolucin de pantalla de consulta local. Es el nico marco no fijo.

1. Editar "conjunto.htm" Es el conjunto de marcos que hemos creado en la clase 07. 01 | SELECCIONAR CONJUNTO DE MARCOS 02 | PROPIEDADES DEL CONJUNTO DE MARCOS 1 PASO Desde el Panel Marcos seleccionar el conjunto 2 PASO Desde la Paleta de Propiedades definir propiedades del conjunto

Hacia la izquierda del panel, se identifica un icono a modo de estructura de marcos SIN sectores coloreados. sto significa que MDW ha reconocido la seleccin de un conjunto de marcos y por lo tanto, se encuentran activadas las propiedades especficas para un conjunto de marcos.