Nota:

la interfaz de usuario se ha simplificado en Dreamweaver CC y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver CC y versiones posteriores. Para obtener más información, consulte este artículo.

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.

En el ejemplo siguiente se muestra un diseño de marcos formado por tres marcos: un marco estrecho a un lado que contiene una barra de navegación, un marco que se extiende por la parte superior y contiene el logotipo y el título del sitio Web, y un marco grande que ocupa el resto de la página y presenta el contenido principal. Cada uno de estos marcos muestra un documento HTML diferente.

Diseño del marco
Diseño del marco

En este ejemplo, el documento mostrado en el marco superior nunca cambia cuando el visitante explora el sitio. El marco lateral de barra de navegación contiene vínculos; al hacer clic en uno de ellos, cambia el contenido del marco de contenido principal, aunque el del marco lateral permanecerá estático. El marco de contenido principal de la derecha mostrará el documento correspondiente al vínculo de la izquierda seleccionado por el visitante.

Un marco no es un archivo. Podría pensarse que el documento mostrado en un marco forma parte integral del mismo, pero en realidad esto no es así. El marco es el contenedor que alberga el documento.

Nota:

La palabra página puede utilizarse para hacer referencia a un único documento HTML o a todo el contenido de una ventana del navegador en un momento determinado, aunque se estén mostrando varios documentos HTML al mismo tiempo. Por ejemplo, la frase “una página que utiliza marcos” suele hacer referencia a un conjunto de marcos y a los documentos que aparecen en ellos inicialmente.

Un sitio que aparece en un navegador como una sola página compuesta de tres marcos consta realmente de al menos cuatro documentos HTML: el archivo de conjunto de marcos y los tres documentos que albergan el contenido que aparece inicialmente en los marcos. Al diseñar una página utilizando conjuntos de marcos en Dreamweaver, deberá guardar cada uno de estos cuatro archivos para que la página funcione correctamente en el navegador.

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).

Para ver información completa de por qué no debe utilizar marcos, consulte la explicación al respecto de Gary White en http://apptools.com/rants/framesevil.php.

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.

Diseño sin marcos que imita el uso de marcos
Diseño sin marcos que imita el uso de marcos

Los sitios mal diseñados utilizan los marcos de forma innecesaria, por ejemplo, un conjunto de marcos que vuelve a cargar el contenido de los marcos de navegación cada vez que el visitante hace clic en un botón de navegación. Cuando se utilizan bien los marcos (por ejemplo, para mantener controles de navegación estáticos en un marco y permitir que cambie el contenido de otro marco), pueden resultar muy útiles para el sitio.

No todos los navegadores son compatibles con el uso de marcos, por lo que algunos visitantes con discapacidades pueden experimentar dificultades para navegar. Si utiliza marcos, incluya siempre una sección noframes en su conjunto de marcos para los visitantes que no pueden verlos. También puede incluir un vínculo explícito con una versión sin marcos del sitio.

Conjuntos de marcos anidados

Un conjunto de marcos situado dentro de otro conjunto recibe el nombre de conjunto de marcos anidado. Un archivo de conjunto de marcos puede contener varios conjuntos de marcos anidados. La mayoría de las páginas web con marcos utilizan en realidad marcos anidados y la mayoría de los conjuntos de marcos predefinidos en Dreamweaver también utilizan la anidación. Cualquier conjunto de marcos que contenga números de marcos diferentes en distintas filas o columnas requiere un conjunto de marcos anidado.

Por ejemplo, el diseño de marcos más habitual emplea un marco en la primera fila (donde aparece el logotipo de la empresa) y dos marcos en la última fila (uno de navegación y otro de contenido). Este diseño requiere un conjunto de marcos anidado: un conjunto de marcos de dos filas con un conjunto de marcos anidado de dos columnas en la segunda fila.

Conjunto de marcos anidado
Conjunto de marcos anidado

A. Conjunto de marcos principal B. El marco de menú y el marco de contenido se anidan en el conjunto de marcos principal. 

Dreamweaver se ocupa de todos los conjuntos de marcos anidados que sean necesarios; si utiliza las herramientas de división de marcos de Dreamweaver, no tendrá que preocuparse de qué marcos son anidados y cuáles no.

Hay dos formas de anidar conjuntos de marcos en HTML: el conjunto de marcos interior puede definirse en el mismo archivo que el exterior o un archivo independiente. Los conjuntos de marcos predefinidos en Dreamweaver definen todos sus conjuntos de marcos en el mismo archivo.

Ambos tipos de anidación producen los mismos resultados visuales; sin ver el código, no resulta sencillo distinguir cuál se está utilizando. En Dreamweaver suele recurrirse a un archivo de conjunto de marcos externo cuando se utiliza el comando Abrir en marco para abrir un archivo de conjunto de marcos dentro de un marco, lo cual puede dificultar la tarea de establecer los destinos de los vínculos. Suele resultar más sencillo definir todos los conjuntos de marcos en un mismo archivo.

Utilización de conjuntos de marcos en la ventana de documento

Dreamweaver permite ver y editar todos los documentos asociados a un conjunto de marcos en una sola ventana de documento. Este enfoque permite obtener una visión aproximada de cómo se mostrarán las páginas con marcos en un navegador a medida que las edita. Sin embargo, algunos aspectos de este enfoque pueden resultar confusos hasta que se acostumbre a ellos. En especial, recuerde que cada marco muestra un documento HTML distinto. Aunque los documentos estén vacíos, deberá guardarlos antes de obtener una vista previa de los mismos (ya que sólo puede obtenerse una vista previa del conjunto de marcos si éste contiene el URL del documento que se muestra en cada marco).

Para comprobar si un conjunto de marcos aparece correctamente en los navegadores, siga estos pasos generales:

  1. Cree el conjunto de marcos y especifique el documento que debe aparecer en cada marco.
  2. Guarde todos los archivos que se van a mostrar en un marco. Recuerde que cada marco muestra un documento HTML distinto y que debe guardar cada documento junto con el archivo de conjunto de marcos.
  3. Establezca las propiedades de los marcos y del conjunto de marcos (incluido asignar un nombre a cada marco y establecer las opciones de desplazamiento).
  4. Establezca la propiedad Dest. del inspector de propiedades para todos los vínculos de forma que el contenido vinculado se muestre en el área correspondiente.

Creación de marcos y conjuntos de marcos

Hay dos formas de crear un conjunto de marcos en Dreamweaver: puede seleccionar entre varios conjuntos de marcos predefinidos o puede diseñar uno propio.

Al elegir un conjunto de marcos predefinido, se configuran todos los marcos y conjuntos de marcos necesarios para crear el diseño. Ésta es la forma más sencilla de crear rápidamente un diseño basado en marcos. Sólo se puede insertar un conjunto de marcos predefinido en la vista de Diseño de la ventana de documento.

También puede diseñar un conjunto de marcos propio en Dreamweaver añadiendo barras divisorias a la ventana de documento.

Nota:

Antes de crear un conjunto de marcos o utilizar marcos, haga visibles los bordes de los marcos en la Vista de diseño de la ventana de documento seleccionando Ver > Ayudas visuales > Bordes de marco.

Creación de un conjunto de marcos predefinido y visualización de un documento en un marco

  1. Coloque el punto de inserción en un documento y siga uno de estos procedimientos:
    • Elija Insertar > HTML > Marcos y seleccione un conjunto de marcos predefinido.

    • En la categoría Diseño del panel Insertar, haga clic en la flecha abajo del botón Marcos y seleccione un conjunto de marcos predefinido.

      Los iconos de conjunto de marcos proporcionan una representación visual del conjunto de marcos aplicado al documento actual. El área azul de un icono de conjunto de marcos representa el documento actual y las áreas blancas representan marcos que mostrarán otros documentos.

  2. Si ha configurado Dreamweaver para que le solicite los atributos de accesibilidad de los marcos, seleccione un marco del menú emergente, introduzca un nombre para el marco y haga clic en Aceptar. (Para los visitantes del sitio que utilicen lectores de pantallas, el lector de pantalla leerá este nombre cuando encuentre el marco en una página).

    Nota:

    Si hace clic en Aceptar sin haber introducido un nombre nuevo, Dreamweaver asigna al marco un nombre que corresponde a su posición (marco izquierdo, marco derecho, etc.) en el conjunto de marcos.

    Nota:

    Si presiona Cancelar, el conjunto de marcos aparece en el documento, pero Dreamweaver no le asocia etiquetas ni atributos de accesibilidad.

    Nota:

    Seleccione Ventana > Marcos para visualizar un diagrama de los marcos a los que está asignando un nombre.

Creación de un conjunto de marcos predefinido vacío

  1. Seleccione Archivo > Nuevo.
  2. En el cuadro de diálogo Nuevo documento, seleccione la categoría Página de muestra.
  3. Seleccione la carpeta Frameset de la columna Carpeta de muestra.
  4. Seleccione un conjunto de marcos de la columna Página de muestra y haga clic en Crear.
  5. Si ha activado los atributos de accesibilidad de los marcos en Preferencias, aparecerá el cuadro de diálogo Atributos de accesibilidad de la etiqueta de marco; rellene la información para cada marco en el cuadro de diálogo y haga clic en Aceptar.

    Nota:

    Si presiona Cancelar, el conjunto de marcos aparece en el documento, pero Dreamweaver no le asocia etiquetas ni atributos de accesibilidad.

Creación de un conjunto de marcos

  1. Seleccione Modificar > Conjunto de marcos y seleccione en el submenú un elemento divisor, como por ejemplo Dividir marco a la izquierda o Dividir marco a la derecha.

    Dreamweaver divide la ventana en marcos. Si hay un documento abierto, éste aparecerá en uno de los marcos.

División de un marco en marcos más pequeños

  • Para dividir el marco donde se encuentra el punto de inserción, elija un elemento divisor del submenú Modificar > Conjunto de marcos.
    • Para dividir un marco o conjunto de marcos vertical u horizontalmente, arrastre el borde del marco desde el extremo hasta el centro de la vista de Diseño.

    • Para dividir un marco utilizando un borde de marco que no se encuentra en el extremo de la vista de Diseño, arrastre el borde del marco mientras mantiene presionada la tecla Alt (Windows) u Opción (Macintosh).

    • Para dividir un marco en cuatro, arrastre el borde del marco desde una esquina de la vista de Diseño al centro de un marco.

Nota:

Para crear tres marcos, empiece con dos marcos y, a continuación, divida uno de ellos. No resulta fácil combinar dos marcos contiguos sin editar el código del conjunto de marcos, por lo que convertir cuatro marcos en tres es más difícil que convertir dos marcos en tres.

Eliminación de un marco

  1. Arrastre el borde del marco fuera de la página o hasta el borde del marco padre.

    Cuando un documento de un marco que va a eliminar incluye contenido no guardado, Dreamweaver le pedirá que guarde el documento.

    Nota:

    No se puede eliminar totalmente un conjunto de marcos arrastrando los bordes. Para eliminar un conjunto de marcos, cierre la ventana de documento que lo muestra. Si se ha guardado el archivo de conjunto de marcos, elimine el archivo.

Cambio del tamaño de un marco

  • Para establecer el tamaño aproximado de los marcos, arrastre los bordes del marco en la vista de Diseño de la ventana de documento.
  • Para especificar los tamaños exactos y el espacio que el navegador debe asignar a una fila o columna de marcos cuando el tamaño de la ventana del navegador no permita mostrar todo el marco, utilice el inspector de propiedades.

Selección de marcos y conjuntos de marcos

Para realizar cambios en las propiedades de un marco o conjunto de marcos, comience seleccionando el marco o conjunto de marcos que desea modificar. Puede seleccionar un marco o un conjunto de marcos en la ventana de documento o utilizando el panel Marcos.

El panel Marcos proporciona una representación gráfica de los marcos de un conjunto de marcos. Muestra la jerarquía de la estructura del conjunto de marcos de una forma quizá difícil de percibir en la ventana de documento. En dicho panel, puede observar que mientras los conjuntos de marcos están rodeados por un borde grueso, los marcos están rodeados por una línea delgada gris y aparecen identificados por sus nombres.

Panel Marcos
Panel Marcos

Al seleccionar un marco en la ventana de documento de la vista de Diseño, sus bordes muestran un contorno de línea de puntos; al seleccionar un conjunto de marcos, todos los bordes de los marcos contenidos en el conjunto de marcos muestran un contorno de línea de puntos fina.

Nota:

No es lo mismo situar el punto de inserción en un documento mostrado en un marco que seleccionar un marco. Para algunas operaciones (por ejemplo, establecer las propiedades del marco) es necesario seleccionar un marco.

Selección de un marco o un conjunto de marcos en el panel Marcos

  1. Seleccione Ventana > Marcos.
  2. En el panel Marcos:
    • Para seleccionar un marco, haga clic en él. (Aparecerá un contorno de selección alrededor del marco en el panel Marcos y en la vista de Diseño de la ventana de documento).

    • Para seleccionar un conjunto de marcos, haga clic en el borde que rodea al conjunto de marcos.

Selección de un marco o un conjunto de marcos en la ventana de documento

  • Para seleccionar un marco, haga clic dentro de un marco en la vista de Diseño mientras mantiene presionada la tecla Mayús-Alt (Windows) o las teclas Mayús-Opción (Macintosh).
  • Para seleccionar un conjunto de marcos, haga clic en uno de los bordes del marco interior del conjunto de marcos en la vista de Diseño. (Para ello, los bordes de los marcos deben estar visibles; si no lo están, seleccione Ver > Ayudas visuales > Bordes de marco).

Nota:

Suele ser más fácil seleccionar conjuntos de marcos en el panel Marcos que en la ventana de documento. Para más información, consulte los temas anteriores.

Selección de un marco o un conjunto de marcos diferente

  • Para seleccionar el marco o conjunto de marcos siguiente o anterior en el mismo nivel jerárquico que la selección actual, presione Alt+flecha izquierda o Alt+flecha derecha (Windows), o Comando+flecha izquierda o Comando+flecha derecha (Macintosh). El uso de estas teclas le permite pasar por los distintos marcos y conjuntos de marcos en el orden en que están definidos en el archivo de conjunto de marcos.
  • Para seleccionar el conjunto de marcos padre (el que contiene la selección actual), presione Alt+flecha arriba (Windows) o Comando+flecha arriba (Macintosh).
  • Para seleccionar el primer marco o conjunto de marcos hijo del conjunto de marcos seleccionado actualmente (es decir, el primero en el orden en que están definidos en el archivo de conjunto de marcos), presione Alt+flecha abajo (Windows) o Comando+flecha abajo (Macintosh).

Apertura de un documento en un marco

Puede especificar el contenido inicial de un marco insertando contenido nuevo en un documento vacío en un marco o abriendo un documento existente en un marco.

  1. Sitúe el punto de inserción en un marco.
  2. Elija Archivo> Abrir en marco.
  3. Seleccione el documento que desea abrir en el marco y haga clic en Aceptar (Windows) o Escoger (Macintosh).
  4. (Opcional) Para convertir este documento en el documento predeterminado que se mostrará en el marco al abrir el conjunto de marcos en un navegador, guarde el conjunto de marcos.

Almacenamiento de archivos de marcos y conjuntos de marcos

Para obtener una vista previa de un conjunto de marcos en un navegador, deberá guardar antes el archivo de conjunto de marcos y todos los documentos que se mostrarán en los marcos. Puede guardar cada archivo de conjunto de marcos y documento con marcos individualmente, o guardar al mismo tiempo el archivo de conjunto de marcos y todos los documentos que aparecen en los marcos.

Nota:

Cuando utiliza herramientas visuales de Dreamweaver para crear un conjunto de marcos, a cada nuevo documento que aparece en un marco se le asigna un nombre de archivo predeterminado. Por ejemplo, el primer archivo de conjunto de marcos se llamará UntitledFrameset-1, mientras que el primer documento en un marco se llamará UntitledFrame-1.

Almacenamiento de un archivo de conjunto de marcos

  1. Seleccione el conjunto de marcos en el panel Marcos o en la ventana de documento.
    • Para guardar el archivo de conjunto de marcos, elija Archivo > Guardar conjunto de marcos.

    • Para guardar el archivo de conjunto de marcos como un archivo nuevo, elija Archivo > Guardar conjunto de marcos como.

    Nota:

    Si el archivo de conjunto de marcos no se ha guardado anteriormente, estos dos comandos serán iguales.

Almacenamiento de un documento que aparece en un marco

  1. Haga clic en el marco y seleccione Archivo > Guardar marco o Archivo > Guardar marco como.

Almacenamiento de todos los archivos asociados a un conjunto de marcos

  1. Elija Archivo> Guardar todo.

    Se guardarán todos los documentos abiertos en el conjunto de marcos, incluidos el archivo de conjunto de marcos y todos los documentos con marco. Si el archivo de conjunto de marcos no se ha guardado todavía, en la vista de Diseño aparecerá un borde grueso alrededor del conjunto de marcos (o del marco que no se ha guardado) y podrá seleccionar un nombre de archivo.

    Nota:

    Si ha utilizado Archivo > Abrir en marco para abrir un documento en un marco, cuando guarde el conjunto de marcos, este documento se convertirá en el predeterminado para mostrarse en dicho marco. Si no desea que este documento sea el predeterminado, no guarde el archivo de conjunto de marcos.

Visualización y definición de las propiedades y los atributos de los marcos

Utilice el inspector de propiedades para ver y establecer la mayoría de las propiedades de un marco, incluidos los bordes, los márgenes y si deben aparecer barras de desplazamiento en los marcos. Al establecer una propiedad de marco, se anula la configuración de dicha propiedad correspondiente a un conjunto de marcos.

Si lo desea, también puede definir algunos atributos de marco, como el atributo de título (que no es lo mismo que el atributo de nombre), para mejorar la accesibilidad. Puede activar la opción de creación de accesibilidad para los marcos para definir los atributos cuando se crean los marcos, o bien puede definir los atributos después de insertar un marco. Para editar los atributos de accesibilidad de un marco, utilice el inspector de etiquetas para editar el código HTML directamente.

Visualización o establecimiento de las propiedades de un marco

  1. Seleccione un marco siguiendo uno de estos procedimientos:
    • Haga clic en un marco en la ventana de documento mientras presiona la tecla Alt (Windows) o las teclas Mayús-Opción (Macintosh).

    • Haga clic en un marco en el panel Marcos (Ventana > Marcos).

  2. En el inspector de propiedades (Ventana > Propiedades), haga clic en la flecha de ampliación situada en la esquina inferior derecha para ver todas las propiedades del marco.
  3. Establezca las opciones del inspector de propiedades del marco.

    Nombre de marco

    Nombre utilizado por el atributo target de un vínculo o por un script para referirse al marco. El nombre de un marco debe constar de una sola palabra; se admite el carácter de subrayado o guión bajo (_), aunque no los guiones (–), los puntos (.) ni los espacios. Los nombres de marcos deben comenzar con una letra (no con un número). Además, se distingue entre mayúsculas y minúsculas. No utilice términos que sean palabras reservadas de JavaScript (como top o navigator) para los nombres de los marcos.

    Nota:

    Para que un vínculo cambie el contenido de otro marco, deberá asignar un nombre al marco de destino. Para facilitar posteriormente la creación de vínculos entre marcos, asigne un nombre a los marcos al crearlos.

    Origen

    Especifica el documento de origen que debe mostrarse en el marco. Haga clic en el icono de carpeta para localizar y seleccionar un archivo.

    Desplaz.

    Especifica si aparecerán barras de desplazamiento en el marco. Al definir esta opción como Predet. no se establecerá ningún valor para el atributo correspondiente, permitiendo que cada navegador utilice sus valores predeterminados. El valor predeterminado para la mayoría de los navegadores es Automático, que significa que las barras de desplazamiento aparecerán sólo cuando no hay espacio suficiente en la ventana del navegador para mostrar todo el contenido del marco actual.

    Mismo tamaño

    Impide al visitante arrastrar los bordes del marco para cambiar el tamaño del mismo en un navegador.

    Nota:

    Dreamweaver le permite cambiar el tamaño de los marcos siempre; esta opción solo afecta a los visitantes que ven los marcos en un navegador.

    Bordes

    Muestra u oculta los bordes del marco actual al visualizarlo en un navegador. Si selecciona la opción Bordes para un marco, se anulará la configuración de bordes del conjunto de marcos.

    Las opciones de borde son Sí (mostrar bordes), No (ocultar bordes) y Predet.; de forma predeterminada, la mayoría de los navegadores muestran los bordes, salvo que la opción especificada para el conjunto de marcos padre sea No. Un borde está oculto únicamente cuando la opción de Borde especificada para todos los marcos que comparten el borde es No o cuando la propiedad Borde del conjunto de marcos padre está definida como No y la opción para los marcos que comparten el borde es Predet.

    Color de borde

    Establece un color de borde para todos los bordes del marco. Este color se aplica a todos los bordes que están en contacto con el marco y anula el color de borde especificado para el conjunto de marcos.

    Ancho de márgenes

    Establece el ancho de los márgenes izquierdo y derecho en píxeles (es decir, el espacio que hay entre los bordes del marco y su contenido).

    Alto de márgenes

    Establece el alto de los márgenes superior e inferior en píxeles (es decir, el espacio que hay entre el borde del marco y su contenido).

    Nota:

    Establecer el ancho y el alto de los márgenes de un marco no es lo mismo que establecer los márgenes en el cuadro de diálogo Modificar > Propiedades de la página.

    Nota:

    Para cambiar el color de fondo de un marco, establezca el color de fondo del documento en el marco en las propiedades de la página.

Establecimiento de los valores de accesibilidad de un marco

  1. En el panel Marcos (Ventana > Marcos), seleccione un marco colocando el punto de inserción en uno de los marcos.
  2. Seleccione Modificar > Editar etiqueta <frameset>.
  3. Seleccione Hoja de estilos/Accesibilidad en la lista de categorías de la izquierda, introduzca valores y haga clic en Aceptar.

Edición de los valores de accesibilidad de un marco

  1. Abra la vista de Código o bien las vistas Código y Diseño de su documento en el caso de que actualmente esté en modo Diseño.
  2. En el panel Marcos (Ventana > Marcos), seleccione un marco colocando el punto de inserción en uno de los marcos. Dreamweaver resalta la etiqueta de marco en el código.
  3. Haga clic con el botón derecho del ratón (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) en el código y seleccione Editar etiqueta.
  4. En el editor de etiquetas, realice los cambios que desee y haga clic en Aceptar.

Cambio del color de fondo de un documento en un marco

  1. Sitúe el punto de inserción en el marco.
  2. Seleccione Modificar > Propiedades de la página.
  3. En el cuadro de diálogo Propiedades de la página, haga clic en el menú de Color de fondo y seleccione un color.

Visualización y establecimiento de las propiedades de un conjunto de marcos

Utilice el inspector de propiedades para ver y establecer la mayoría de las propiedades de un conjunto de marcos, incluido el título del conjunto de marcos, los bordes y los tamaños de los marcos.

Establecimiento del título de un documento de conjunto de marcos

  1. Seleccione un conjunto de marcos siguiendo uno de estos procedimientos:
    • Haga clic en uno de los bordes que se encuentran entre dos marcos en el conjunto de marcos de la vista de Diseño de la ventana de documento.

    • Haga clic en el borde que rodea a un conjunto de marcos en el panel Marcos (Ventana > Marcos).

  2. En el cuadro Título de la barra de herramientas de documento, introduzca un nombre para el documento del conjunto de marcos.

    Cuando un visitante vea el conjunto de marcos en un navegador, el título aparecerá en la barra de título del navegador.

Visualización o establecimiento de las propiedades de un conjunto de marcos

  1. Seleccione un conjunto de marcos siguiendo uno de estos procedimientos:
    • Haga clic en uno de los bordes que se encuentran entre dos marcos en el conjunto de marcos de la vista de Diseño de la ventana de documento.

    • Haga clic en el borde que rodea a un conjunto de marcos en el panel Marcos (Ventana > Marcos).

  2. En el inspector de propiedades (Ventana > Propiedades), haga clic en la flecha de ampliación situada en la esquina inferior derecha y establezca las opciones del conjunto de marcos.

    Bordes

    Determina si los marcos deben aparecer rodeados por bordes cuando se muestra el documento en un navegador. Para mostrar los bordes, seleccione Sí; para impedir que el navegador muestre los bordes, seleccione No. Para permitir al navegador determinar cómo se mostrarán los bordes, seleccione Predet.

    Ancho del borde

    Especifica el ancho de los bordes en el conjunto de marcos.

    Color de borde

    Establece el color de los bordes. Utilice el selector de color para seleccionar un color o especifique el valor hexadecimal del mismo.

    Selección Fila Col.

    Define los tamaños de los marcos para las filas y las columnas del conjunto de marcos seleccionado; haga clic en una ficha de la parte izquierda o superior del área Selección Fila Col. y, a continuación, introduzca un alto y un ancho en el cuadro de texto Valor.

    Selección Fila Col.
    Selección Fila Col.

  3. Para especificar cuánto espacio debe asignar el navegador a cada marco, elija una de las siguientes opciones del menú Unidades:

    Píxeles

    Establece el tamaño de la columna o la fila seleccionada en un valor absoluto. Elija esta opción si el marco debe tener siempre el mismo tamaño, por ejemplo en una barra de navegación. A los marcos con tamaños especificados en píxeles se les asigna espacio antes que a los especificados en porcentajes o valores relativos. La práctica más habitual para el tamaño de los marcos es establecer un marco izquierdo con un ancho fijo en píxeles y un valor relativo para el tamaño del marco derecho, lo que permite al marco derecho adaptarse al espacio restante una vez asignado el ancho en píxeles.

    Nota:

    Si el ancho se especifica en píxeles y un visitante visualiza el conjunto de marcos en una ventana de navegador demasiado ancha o estrecha para el valor asignado, los marcos se adaptarán al espacio disponible. Esto se puede aplicar también a los altos especificados en píxeles. Por tanto, se recomienda utilizar un valor relativo para especificar al menos un ancho y un alto.

    Porcentaje

    Especifica que la columna o fila seleccionada debe ser un porcentaje del ancho o el alto total de su conjunto de marcos. A los marcos que tienen especificada la unidad Porcentaje se les asigna espacio después que a los marcos que tienen especificada la unidad Píxeles, pero antes que a los marcos que tienen como unidad la opción Relativo.

    Relativo

    Especifica que, una vez asignado espacio a los marcos en píxeles y en porcentaje, debe asignarse a la columna o fila seleccionada el espacio restante; el espacio libre se divide proporcionalmente entre los marcos que tengan el valor Relativo establecido como unidad.

    Nota:

    Al elegir Relativo en el menú Unidades, desaparecerán todos los valores especificados en el campo Valor; si desea especificar un número, deberá volver a introducirlo. Si sólo hay una fila o columna que tenga establecida la unidad Relativo, no será necesario introducir un número, ya que dicha fila o columna ocupará todo el espacio restante cuando se les haya asignado espacio a las demás filas y columnas. Para comprobar que la compatibilidad entre navegadores es total, introduzca 1 en el campo Valor, lo que equivale a no introducir ningún valor.

Para incluir un vínculo en un marco que abra un documento en otro marco, deberá establecer el destino del vínculo. El atributo target de un vínculo especifica el marco o ventana en la que se abrirá el contenido vinculado.

Por ejemplo, si la barra de navegación está en el marco de la izquierda y desea que el material vinculado aparezca en el marco de contenido principal de la derecha, deberá especificar el nombre del marco de contenido principal como destino de todos los vínculos de la barra de navegación. Cuando un visitante haga clic en un vínculo de navegación, el contenido especificado se abrirá en el marco principal.

  1. En la vista de Diseño, seleccione texto o un objeto.
  2. En el cuadro Vínculo del inspector de propiedades (Ventana > Propiedades), siga uno de estos procedimientos:
    • Haga clic en el icono de carpeta y seleccione el archivo con el que debe establecerse el vínculo.

    • Arrastre el icono Señalar archivo al panel Archivos y seleccione el archivo con el que debe establecerse el vínculo.

  3. En el menú Dest. del inspector de propiedades, seleccione el marco o ventana donde debe aparecer el documento vinculado:
    • _blank abre el documento vinculado en una nueva ventana del navegador, sin modificar la ventana actual.

    • _parent abre el documento vinculado en el conjunto de marcos padre del marco en el que aparece el vínculo, sustituyendo todo el conjunto de marcos.

    • _self abre el vínculo en el marco actual y sustituye el contenido de dicho marco.

    • _top abre el documento vinculado en la ventana actual del navegador, eliminando de esta forma todos los marcos.

      En este menú también aparecen los nombres de los marcos. Seleccione un marco con nombre para abrir el documento vinculado en el marco seleccionado.

    Nota:

    Los nombres de marcos sólo aparecen al editar un documento dentro de un conjunto de marcos. Cuando edita un documento en su propia ventana de documento, los nombres de marcos no aparecerán en el menú emergente Dest. Si edita un documento fuera del conjunto de marcos, puede introducir el nombre del marco de destino en el cuadro de diálogo Dest.

    Nota:

    Si desea establecer un vínculo con una página que no se encuentra en su sitio web, utilice siempre target="_top" o target="_blank" para que la página no parezca formar parte del mismo.

Creación de contenido para navegadores que no admiten marcos

Dreamweaver le permite especificar el contenido que se visualizará en navegadores basados en texto y en navegadores gráficos antiguos que no admiten marcos. Este contenido se almacena en el archivo de conjunto de marcos, entre etiquetas noframes. Cuando un navegador que no admite marcos carga un archivo de conjunto de marcos, solamente mostrará el contenido que aparece entre etiquetas noframes.

Nota:

El contenido del área noframes no debería limitarse a un mensaje que diga “Debe actualizar a un navegador que admita marcos”. Algunos visitantes utilizan sistemas que no les permiten ver marcos.

  1. Seleccione Modificar > Conjunto de marcos > Editar contenido sin marcos.

    Dreamweaver borra la Vista de diseño, al tiempo que aparecen las palabras “Contenido sin marcos” en la parte superior de la misma.

  2. Siga uno de estos procedimientos:
    • En la ventana de documento, escriba o inserte el contenido como lo haría en cualquier documento normal.

    • Seleccione Ventana > Inspector de código, sitúe el punto de inserción entre las etiquetas body que aparecen dentro de las etiquetas noframes y escriba el código HTML para el contenido.

  3. Seleccione de nuevo Modificar > Conjunto de marcos > Editar contenido sin marcos para volver a la vista normal del documento de conjunto de marcos.

Uso de comportamientos JavaScript con marcos

Existen varios comportamientos JavaScript y comandos de navegación especialmente apropiados para su uso con marcos:

Definir texto de marco

Sustituye el contenido y el formato de un marco por el contenido que usted especifique. Dicho contenido puede incluir cualquier código HTML. Utilice esta acción para mostrar información de forma dinámica en un marco.

Ir a URL

Abre una nueva página en la ventana actual o en el marco especificado. Esta acción resulta especialmente útil para cambiar el contenido de dos o más marcos con un solo clic.

Insertar menú de salto

Configura una lista de menú con vínculos que abren archivos en una ventana del navegador al hacer clic en ellos. También puede definir como destino una ventana o un marco concreto para que se abra en el mismo el documento.

Para más información, consulte Adición de comportamientos JavaScript.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea