Hacer de WebProgreso tu página de inicio Agregar a favoritos Contáctenos Acerca de WebProgreso
Creación de frames (marcos) en Dreamweaver
         
Los marcos -o frames- permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar.
Los marcos podemos decir que son paginas web dentro de otra página que las organiza de una determinada manera.
Cada uno de los marcos de una página, contiene un documento HTML individual.
Es posible editar los documentos contenidos en los marcos desde la página que contiene el grupo de marcos. Con esto es más fácil hacerse una idea de cómo quedará la página al final.

Procedimiento:
Abrir una página ya creada o crear una nueva / Abrir la paleta de objetos y elegir el submenú: Marcos / Oprimir sobre el tipo de marco que deseemos. El cuadro marcado en celeste será el que irá cambiando y los otros serán los que se mantendrán inmóviles.
En este caso (marco izquierdo), tendremos tres documentos: el de la izquierda, el de la derecha, y el que contiene los marcos. El de la derecha es el documento que teníamos inicialmente, el cual está contenido en un frame llamado: MainFrame (esta es la página que irá cambiando). El frame que contiene todos los marcos recibe el nombre de Frameset.

   
 
   
Seleccionar marcos: Para seleccionarlos, se debe acceder al panel marcos (ventana / marcos, o shift + F2). Con este panel se pueden seleccionar los diferentes frames o seleccionar la página de marcos (el conjunto) para ello oprimir donde aparece el borde negro. (aunque también se pueden editar las páginas oprimiendo en el marco en el que se desea trabajar).
 
   


Una vez creados los marcos, hacer clic en archivo / guardar todos los marcos.
Lo primero que se va a guardar es el conjunto de marcos o Frameset, al cual se le puede dar el nombre de index.html ya que será la página principal. A continuación se deberá guardar otro frame (fíjense que ahora Dreamweaver le da el nombre de frame y no Frameset), para saber cual es este frame, ver en el documento de Dreamweaver cual frame es el que esta señalando con la línea: , ya que es este el que se guardará. De este modo guardar todos los frames.

Se puede trabajar ahora desde el archivo index.html, ya que ahí veremos el diseño de la página con todos los marcos para ver como está quedando y para ir guardando los cambios solo se deberá hacer archivo / guardar todos los marcos.
En el marco que no cambiará, se puede colocar por ejemplo una botonera con botones hacia las diferentes páginas del sitio las cuales se cargarán en el MainFrame (frame que contiene la página que cambiará), a estos botones, en la barra de propiedades se les debe dar el destino mainFrame.

Nota: El título que se verá será solamente el del Frameset.
Nota2: si se desea que haya un borde que separe los frames esto se puede lograr desde el inspector de propiedades seleccionando el Frameset.

         
 
WebProgreso | Acerca de | Contáctanos | Sitio por Sebastián Largo
df