Dreamweaver - CS3

Lección 53: Marcos (1)

53/58 Lecciones 

 ¿Qué son los Marcos?

Un marco es una página HTML que está compuesta de varias páginas HTML, las cuales son desplegadas en una simple ventana del Navegador.
Cuano vemos una ventana del navegador que tiene marcos y si esos está bien estructurados, nunca te darás cuenta que estás viendo una página HTML diferente.

Los beneficios o las ventajas, al menos una, el uso de los marcos es beneficioso cuando te desplazas hacia abajo en una página (por ejemplo contenidos de una página) y otra página (página del menú) se encuentre en el mismo lugar.

Las dos principales inconvenientes, que son realmente inconvenientes usando marcos, son:
1. el visitante de tu sitio, no puede añadir una página específica, que pueda interesarle, a sus favoritos.
2. Motores de Búsqueda como Google encontrarán esas páginas, pero el problema aquí otra vez es que esas páginas están indexadas como páginas separadas y no como marcos de página. Las cuales lideran a la página sin un menu.
Y 3. Hay muchas más, pero muchas más para hacer mención.

A mi juicio es, nunca usas marcos para diseñar tu sitio.
Los marcos son viejos y con las técnicas que existen desde 2009, tales como CSS y DIVs, no necesitarás más modificar todas tus páginas rápidamente, o también tu menu.
Pero ésto es un curso de Dreamweaver, entonces voy a incluirlo en éste curso.

Ajustes de Marcos

Dreamweaver viene con varios ajustes de marcos. Un ajuste de marco es una página que consiste en varios marcos. Para abrirlo, haz click en el botón “Archivo” en la barra de menu y selecciona “Nuevo”. De la columna de la izquierda “Página de Ejemplo”, escoge la sección “Ejemplo” de “Ajustes de Marcos”, después la sección “Página de Ejemplo”, escoge de una clasificación de diferentes marcos.
Un ejemplo del ajuste seleccionado está desplegado en el lado derecho del diálogo.
Como un ejemplo voy a escoger un ajuste de marco que consiste en tres marcos y hago click en el botón Aceptar.

Esto abre una página de ajuste de marcos y un diálogo.
En ésta ventana de diálogo, introducimos un título para cada marco, no es obligatorio, pero deberías.
Cuando lo hagas, haz click en el botón Aceptar.
Esto cierra el diálogo.

En la página de ajuste de marcos, vemos tres diferentes marcos, cada uno de ellos contiene una página HTML.
En el panel “marcos”, puedes ver qué marco es seleccionado en ese momento, el nombre del Marco es desplegado más oscuro. Si éste panel no es visible, después haz click en la barra de menu “Ventana” y escoge “marcos” en el menu desplegable.

Antes de que cambies algo, es mejor que guardes tus páginas primero.
Cuando digo TODAS tus páginas, me refiero a todas.
Para hacerlo haz click en el botón “Archivo” en la barra de menu y selecciona “Guardar Todo” en el menu desplegable.
Esto será uno de todas las tres páginas + el ajuste del marco de la página para guardar bajo el nombre que tu determinaste.

Como te das cuenta en la imagen de abajo, tenemos cuatro diferentes páginas en el panel “Archivos”.

Para formatear esas páginas, excepto las páginas del ajuste del marco, puedes hacer click en el mismo modo como una página “normal”. Más aún, son páginas “normales”.
El formato, o la clasificación de la página de ajuste de marcos sucede primero abriendola, después seleccionando el ajuste del marco en el panel “marco” (haz click en el filo del lado de afuera) y ajusta las diferentes opciones para ésta.

Mucho más que los límites, no puedes ver los límites entre los distintos marcos. Puedes hacer ésto colocando el cursor en el borde entre los dos marcos y haciendo click y arrastrandolá hasta que se alcanza el tamaño deseado, o sólo introduce un valor en la “Columna”.

En “Bordes” tenemos que escoger entre bordes y no bordes.

Si has escogido bordes, puedes ajustar el ancho en “Ancho de Borde”.

 

Para añadir un marco, haz click en el botón “Marcos” en la pestaña de “Diseño” de la barra de herramientas “Insertar”.
Para eliminar un marco del ajuste de marcos, primero abre el panel de “marcos”.
Coloca el cursor en el borde entre los dos marcos y arrástralo al límite de tu página de ajustes de marcos. Una ventana de diálogo aparecerá preguntandote si quieres guardar los cambios para éste marco. Responde no y el marco será eliminado.

En la siguiente lección voy a explicar como hacer vínculos a ajustes de marco, pero creo que gaste mucho tiempo en algo que no voy a usar.

Increíble! Has completado Lección 53 INICIAR EL PROXIMO LECCIÓN