Los Frames
 |
| http://bit.ly/1ilw6ii |
Los frames son marcos o cuadros permiten dividir la ventana en varias
más pequeñas, de modo que en cada una de ellas se carga una página HTML
distinta.
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 qué
sirven los marcos?
 |
| http://bit.ly/1aTY1WK |
La mejor forma de trabajar con ellos es editar los documentos contenidos
en los marcos desde la página que contiene el grupo de marcos, ya que esto nos
facilita el trabajo a la hora de ver cómo quedaría la página final en
dreamweaver.
Cada uno de los marcos de una página, contiene un documento HTML .Por
ejemplo, en la imagen tenemos dos. El marco izquierdo contiene el documento
menú.htm, mientras que el derecho tiene el documento principal.html.
Como se crean?
 |
| http://bit.ly/1k1hEip |
Abriremos un documento en dreamweaver. Puede ser uno nuevo o uno ya
existente. Nos dirigimos al panel Insertar/diseño del dreamweaver, a la
opción Marcos. Aquí elegiremos el tipo de marco que deseamos.
Por ejemplo, elegiremos el marco a la Izquierda, ahora se creará un nuevo
marco a la izquierda del documento actual. Como podrás observar aparecerá una
línea que divide el documento en dos.
Ahora tendremos tres documentos: el de la izquierda, el de la
derecha, y el que contiene los marcos. (El de la derecha es el que teníamos
inicialmente, que está en el marco conocido como marco padre “MainFrame” ).
Para poder seleccionar el documento que contiene el grupo de marcos
pincharemos sobre la línea que los separa. Esto solo es posible si el documento
no se ha guardado.
El marco padre siempre es el marco en el que se encuentra el documento
inicial, sobre el que se han insertado los de marcos
Como
seleccionarlos?
 |
| http://bit.ly/1bSr3kl |
Para seleccionarlos en dreamweaver presionaremos Mayús+F2.
En el panel Marcos aparecen los marcos que tiene el documento, se puede
pasar de uno a otro pulsando sobre ellos en el panel. También puedes
seleccionar la página de marcos pulsando en sobre el borde que los rodea.
Como
Vincularlos en dreamweaver
|
| http://bit.ly/1aTY1WK |
La única diferencia que existe entre los vínculos típicos de HTML y los
de marcos es que cuando estamos trabajando en un conjunto de marcos y queremos
hacer un vínculo, tenemos que precisar cuál va a ser el marco de destino.
Para ello le damos a Dest.(destino) en la ventana de "propiedades" en
nuestro dreamweaver y desplegamos el menú (target) en el que seleccionaremos el
marco en que se mostrará la página.
Configuración del
Frame
Haz doble clic sobre
el documento quienes.htm,
que aparece en el panel Archivos.
Se abrirá el
documento en Dreamweaver.
Si no aparece el
inspector de propiedades, ábrelo a través del menú Ventana,
opción Propiedades.
Si el inspector de
propiedades no se muestra en su totalidad, pulsa sobre el botón para
desplegar sus propiedades más avanzadas.
Haz clic sobre el
menú Insertar.
Elige la
opción HTML y luego Marcos.
Elige la
opción Izquierda.
Deberás darle los
nombres leftFrame y mainFrame que te vendrán por
defecto, para ello tendrás que pulsar
únicamente el botón Aceptar dos veces.
Si no aparece el
panel Marcos, ábrelo a través del menú Ventana, opción Marcos.
Selecciona el
documento de marcos. Puedes hacerlo pulsando sobre el borde exterior de los
marcos, en el panel Marcos.
En Título:, que
aparece en la barra de documento, escribe Cocina.
En Bordes, del
inspector de propiedades, selecciona No.
En Ancho escribe 0.
En Selección
Fila Col. pulsa sobre la columna de la izquierda.
En Columna selecciona Píxeles y
escribe 270.
En Selección
Fila Col. pulsa sobre la columna de la derecha.
En Columna selecciona Relativo y
escribe 1.
Pulsa sobre el marco
izquierdo en el panel Marcos.
En Origen escribe menu.htm.
En Desplaz selecciona No.
En Bordes selecciona No.
Activa la
casilla Mismo tamaño.
Pulsa sobre el marco
derecho en el panel Marcos.
En Desplaz selecciona No.
En Bordes selecciona No.
Desactiva la
casilla Mismo tamaño.
Selecciona el
documento de marcos. Puedes hacerlo pulsando sobre el borde exterior de los
marcos, en el panel Marcos.
Haz clic sobre el
botón Guardar de la barra de herramientas. Guarda el documento
con el nombre marcos.htm,
dentro de la carpeta cocina.
En el caso de haber
insertado mapas de imagen en la imagen del logotipo, selecciona cada uno de
ellos y elige mainFrame en Destino, que aparece en el inspector
de propiedades.
Selecciona el primer
botón Flash, y pulsa sobre el botón Editar, del inspector de propiedades.
En Destino: selecciona mainFrame.
Pulsa sobre el
botón Aceptar.
Haz lo mismo para el
resto de botones Flash.
Haz clic sobre el
botón Guardar todo de la barra de herramientas.
Bibliografía
No hay comentarios:
Publicar un comentario