You are on page 1of 8

/1

Qué son los "frames"?

Un conjunto de marcos son varios archivos.html simultáneos en pantalla, según configuraciones dadas por otro archivo.html que ordena la carga de cada uno de aquellos con una disposición particular para cada uno. | EJEMPLO 1 Un conjunto de marcos fuera de la web Imaginemos un PORTARRETRATOS múltiple, con capacidad para 3 fotografías. 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 podríamos visualizar las 3 fotos simultáneamente y con cierta disposición. | EJEMPLO 2 Ahora sí, volvamos a la web... Observemos la siguiente captura de web diseñada como conjunto de marcos. A simple vista se distinguen 3 archivos.html - Links (1), a la izquierda - Título (2), superior - Contenido (3) En realidad, son 4 archivos.html en total! Hay un archivo.html más, que parece no distinguirse explícita y visualmente (en la imagen de ejemplo se indica con líneas de color) y es... El archivo padre ("frameset" = conjunto de marcos) que en definitiva, es el que permite la existencia y visualización de los otros tres archivos ("frames"= marcos).

/2 Ventajas / Desventajas en el uso de Conjunto de Marcos Hay quienes defienden su uso y quienes no. Recomendado para desarrolladores avanzados. etc. FRAMES = MARCOS Son archivos. En el diseño web hay que tener en cuenta que el óptimo potencial de los frames sólo se consigue con un dedicado desarrollo de edición y un constante trabajo de pruebas finales.). Estos factores de relatividad. + No recomedado para desarrolladores que no suelen verificar debidamente la visualización de páginas y a partir de allí realizar optimizaciones en general del diseño web.html componentes del conjunto y son tantos según la estructura (filas o columnas) que defina el "frameset" Finalmente.. En el diseño web..| CONCLUSIÓN FRAMESET = CONJUNTO DE MARCOS Es un archivo.. existen muchas relatividades de visualización final en la pantalla del navegador de una página web (resolución de pantalla.. o bien principiantes que si planifican la verificación y optimización del diseño web. tipo y versión de navegador del usuario. Lo que queda fuera de toda discusión es que. El uso de framesets en un sitio web deber ser una decisión "estratégica". | NAVEGABILIDAD Muchos sitios web utilizan el recurso de framesets con el objetivo de presentar al usuario una ordenada y siempre visible navegación general del sitio. Todos los componentes son archivos. . generalmente es más utilizado en el caso de grandes desarrollos web (muchas secciones y sub-secciones lo que implica obviamente gran cantidad de páginas). Es decir. Por lo tanto. etc..html en la misma pantalla.. también competen a los frames y algunas situaciones pueden resultar incontrolables. la decisión de acudir al recurso de Framesets debe ser PREVIA a la puesta en marcha de la edición o diseño del sitio web y cada una de sus páginas.html independientes y todos por igual son importantes en la visualización integral exitosa del conjunto.. Si bien este recurso es adoptado por pequeños sitios (pocas secciones o poca cantidad de páginas).html integrador. que según una ESTRUCTURA de disposición simultánea ordena la carga de otros archivos. obviamente.

y el usuario al ingresar a nuestro sitio desde sus "Favoritos" no contará con la identificación ni navegación del sitio) . más etcéteras. - El recurso de Framesets debe tenerse en cuenta al evaluar (o preveer) un óptimo tiempo de bajada del sitio y/o una óptima visualización de la propuesta de diseño. quedando muchas veces marcos conformados por "about blank". el que estuvimos analizando anteriormente). se deben descargar "simultáneamente" 4 páginas... En este sentido. se descarguen sólo algunos de los componentes. no contando con la identificación ni navegación 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. no reconocen al "frameset".. según el gráfico de sitio que estuvimos analizando anteriormente. donde a modo de encabezado superior (por ejemplo) continuamos con la identificación de nuestro sitio (y generalmente aquí se configura un link de "retorno"). Lo que sucede en este caso es que. en realidad. + El uso de Frameset resulta de ciertas ventajas si el sitio constará de gran cantidad de secciones.. detectan información contenida en páginas a pesar de ser éstas componentes de un conjunto de marcos. Suele ocurrir que ante una mala conexión. + Presenta ventajas para seguir captando al usuario. en cuestión de "descargas óptimas".. actualmente son pocos los usuarios con versiones de navegadores inferiores a 3. de alguna manera. formando así una compleja estructura web y también un complejo diseño de navegación. - Los navegadores detectan generalmente la URL de alguna de las páginas componentes y no el conjunto. lo que significa. Desde los motores de búsquedas. ya que podemos habilitar la apertura de links a otros sitios como una instancia de conjunto de marcos. No obstante.Entonces. los usuarios acceden al sitio web diseñado a partir de un conjunto de marcos. requerido.. Esta situación significa que. tan sólo abriendo una de las páginas componentes (marco) según la información que se haya (Por ejemplo. más sus respectivas imágenes. | VERSIONES DE NAVEGADORES Las versiones viejas de navegadores (muy viejas!) no permiten la visualización de frames. | MOTORES DE BÚSQUEDA Las avanzadas tecnologías actuales de lo motores de búsqueda. | TIEMPO DE DESCARGA Para descargar un frameset básico (por ejemplo. Entonces... los usuarios abrirían el sector "contenidos". - El uso de Frameset resulta no recomendado ante una posible audiencia (establecida en la planificación estratégica del proyecto web) con versiones muy desactualizadas de navegadores. (Notar que este caso presenta prácticamente la misma característica que los motores de búsqueda: según el ejemplo anterior. Pero. se detecta la URL específica del sector "contenidos". Esta situación se resuelve únicamente con órdenes JavaScript.. | IDENTIFICACIÓN El recurso de frameset para algunos sitios es útil al establecer links a otros sitios externos. sino que detectan en particular la página o marco. la imposibilidad del usuario de recorrer el sitio..

htm".. • Realizar nuevamente una comprobación del conjunto de marcos en en el navegador.. 1º 2º 3º 4º 5º 6º • Tomar la decisión estratégica de utilizar el recurso de Frameset en el desarrollo web del sitio. ORDEN DE TAREAS PARA EL TRABAJO CON FRAMESET 1º ETAPA: Creación y definición de propiedades" del conjunto de marcos y cada uno de los marcos. para una mejor referencia en la práctica .| MODA /3 Trabajar con Conjunto de Marcos en MDW4 INTERFACE la interface de MDW nos ofrece las siguientes herramientas. Hay distintas opciones..htm En los pasos citaremos a este archivo como "conjunto. optmizar el conjunto con la tarea 5º = "definir propiedades". /C | PANEL PROPIEDADES = Definición de propiedades de marcos Trabajaremos desde el Panel de Propiedades. 2º ETAPA: Implica tareas relacionadas con la edición o diseño de los marcos. • Crear y definir el tipo de estructura del conjunto de marcos • Guardar el archivo "padre" (frameset) • Guardar los demás archivos componentes (marcos) Las tareas de "guardar" 3º y 4º pueden invertir su orden. 1. Finalmente y a modo recomendación. Sugerimos que ustedes lo nombren de la misma manera.. crear un nuevo archivo. . Este Panel es una visualización esquemática de la estructura que resulta útil para seleccionar marcos. Como es típico en MDW. Si fuera necesario. en la edición (tarea 7º). • Definir propiedades para el conjunto y para cada uno de los marcos componentes • Realizar una primera comprobación del conjunto de marcos en el navegador Si fuera necesario. 7º 8º • Diseñar y diagramar cada archivo. trabajeremos con un panel exclusivo: el Panel Marcos. Desde este Panel se definen los parámetros de configuración = propiedades de cada marco y del conjunto.. Etapa SIEMPRE Comprobar el conjunto de marcos en en el navegador ante cada avance importante en la edición de cada marco componente.. repetir la tarea 5º = "definir propiedades".. o bien. pero jamás omitir realizar el guardado apenas creada la estructura del conjunto. /A | PANEL OBJETOS/MARCOS /B | PANEL MARCOS = Creación de la estructura del conjunto = Esquema de selección de marcos. Desde la ventana de sitio local de prácticas MI_SITIO.htm componente del conjunto (marcos).

Observar que los bordes de división son de color gris.Trabajaremos en un conjunto de marcos de estructura básica: estará compuesto por 2 marcos. la interface de la ventana será . En nuestro caso... La subdivisión 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. Activar la Paleta Objetos » MENÚ » Ventana » Objetos 2º PASO Desde la Paleta de Objetos.... Para nuestro caso . /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 interface de la sub-categoría Objetos/Marcos » desplegar la flechita negra a la derecha superior » 1 CLIC en MARCOS 3º PASO En la Paleta de Objetos/Marcos. según la referencia de este gráfico.. se divide en 2 columnas. LEFT FRAME] Automáticamente la ventana de trabajo del documento se subdivide según el tipo de estructura seleccionada. » 1 CLIC en el icono del tipo de marco elegido (en nuestro caso "insertar marco izquierdo") [en inglés: .

....4º PASO | GUARDAR!!!! A | CADA MARCO componente » 1 CLIC sobre el sector correspondiente al marco a guardar » Archivo » "Guardar marco como.htm" » seleccionar "conjunto. B | GUARDAR CONJUNTO DE MARCOS Utilizaremos el PANEL MARCOS. » 1 CLIC sobre el borde perimetral que abarca todas las subdivisiones." Sugerimos. » localizar "conjunto... » escribir el nombre de "izquierda..." Se abre el cuadro de diálogo típico de "guardar" un archivo en el sitio local.. vamos a personalizar cada marco para ayudar a comprobar la correcta visualización del conjunto.htm" Guardar así cada marco.. En la ventana de trabajo. » Archivo » "Guardar conjunto de marcos como....htm" » indicar Guardar! Ante la adveretencia que "sobreescribir o reemplazar" » indicar OK! /5 El 1º testeo en el navegador. es decir vamos a EDITAR CADA PÁGINA-MARCO .. Antes de testear en el navegador... 3º Desde la ventana de trabajo. 1º Activar el Panel de Marcos: MENÚ » Ventana » Marcos El perímetro deberá quedar marcado en línea negra! Ésto indica que ha quedado seleccionado el Frameset (archivo padre) 2º Desde el Panel de Marcos.

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 .(1) LINKS Es el marco izquierdo (a modo de columna) que contiene el menú de navegación y no debe presentar barra de desplazamiento o scroll. EDITAR PÁGINA-MARCO = Diseñar y diagramar un archivo. Es el único marco no fijo... etc. es decir.html que lo determina.htm" Es el conjunto de marcos que hemos creado en la clase 07. etc. En el ejemplo 2 de sitio web. Este marco es fijo. Es un marco es fijo: estará siempre presente.. Exclusivamente de una adecuada definición de propiedades de todos los integrantes de la estructura del conjunto. barras de desplazamiento. la ruta del archivo. . deriva la óptima visualización (previendo las relatividades que presenta la resolución de pantalla) y óptimo funcionamiento del conjunto (nos referimos principalmente al accionar de links). es existoso. en todos los aspectos.. las propiedades de marco especifican un nombre para el marco. y sólo competen a cada marco en particular. propiedades de página. se ha pensado el funcionamiento de las múltiples páginas simultáneas en pantalla (conjunto de marcos) de la siguiente manera.(2) TÍTULO Es el marco superior (a modo de fila) que presenta el logotipo o título del sitio. insertar tablas. no debe presentar barras de desplazamiento y también debe estar siempre presente a medida que el usuario recorra el sitio haciendo clicks desde el marco "links". etc. imágenes. textos.(3) CONTENIDO este marco deberá presentar barras de desplazamiento para casos donde el contenido a mostrar exceda el espacio vertical disponible según la resolución de pantalla de consulta local. guardar marco o guardar todos los marcos. Editar "conjunto. etcéteras » 1 CLIC en en el sector de la página a editar Menú » Modificar » Propiedades de la Página » definir un color de fondo Para guardar tenemos dos opciones. El recurso de conjunto de marcos en muchos perfiles de sitios web. .htm componente del conjunto (marco). Pero la utilidad o ventajas en el uso de un conjunto de marcos se hace efectiva con un desarrollo óptimo a nivel edición y sólo así el resultado final. 1. puede resultar una herramienta apropiada. sino sólo una edición de páginas-marco que conforman el conjunto. En líneas generales. Es decir.Tengan en cuenta que lo que realizaremos a continuación no implica "definición de propiedades de marco" (clase 07/1). .

Hacia la izquierda del panel. Ésto significa que MDW ha reconocido la selección de un conjunto de marcos y por lo tanto. se encuentran activadas las propiedades específicas para un conjunto de marcos. se identifica un icono a modo de estructura de marcos SIN sectores coloreados. .