Tutorial

A.- Planificar los marcos

B.- Insertar marcos predefinidos

a) Situar el punto de inserción en el documento previamente abierto

b) A continuación, llevar a cabo una de estas operaciones:

En la Barra Insertar, hacer clic en categoría Marcos

– Aparece una representación visual de cada conjunto predefinido de marcos

– Hacer clic en el conjunto deseado

– El conjunto seleccionado se aplica automáticamente al documento

Arrastrar directamente el icono del conjunto elegido al documento

Insertar – Marcos – Izquierda, Derecha, Arriba, Abajo…

C.- Diseñar y construir marcos personalizados

a) Situar el punto de inserción en el documento previamente abierto

b) Para hacer visibles los bordes de los marcos: Ver – Ayudas visuales – Bordes de marcos

c) Modificar – Conjunto de marcos – Dividir marco a la izquierda, dividir marco a la derecha…

d) Para crear un conjunto de marcos personalizado anidado

Situar el punto de inserción en el marco en el que se desea insertar el conjunto de marcos anidado

Llevar a cabo una de estas operaciones:

1. Modificar – Conjunto de marcos – Dividir un marco hacia arriba, hacia abajo…

2. En la categoría Marcos de la barra Insertar, seleccionar haciendo clic un icono de conjunto de marcos o arrastrar directamente el conjunto de marcos seleccionado al marco que se quiere dividir

3. Insertar – Marcos – Izquierda, Derecha…

D.- Seleccionar un marco o un conjunto de marcos

1.- En el panel Marcos

a) Mostrar el panel Marcos: Ventana – Otros – Marcos

b) Para seleccionar un marco en el panel Marcos: hacer clic en el marco en el panel Marcos

c) Para seleccionar un conjunto de marcos en el panel Marcos: hacer clic en el borde que rodea a los marcos en el panel Marcos

2.- En la ventana de documento:

a) Hacer clic dentro de un marco mientras se mantiene pulsada la tecla Alt

b) Hacer clic en el borde de un marco de la ventana de documento

E.- Para asignar nombres a los marcos

1.- En el grupo de paneles hacer clic en el panel Disposición avanzada

– Hacer clic en la pestaña de la carpeta Marcos

2.- Hacer clic en el primer marco (por ejemplo, el marco superior)

– En el inspector de propiedades de marcos, en el recuadro Nombre de marco escribir un nombre, por ejemplo superior

– Hacer clic en el marco superior

3.- Hacer los mismos pasos para cada uno de los otros marcos

F.- Guardar marcos

1.- Guardar un conjunto de marcos: Archivo – Guardar todo

– Se irán guardando los marcos en los cuadros Guardar como que aparecen en secuencia: en el primer cuadro se guarda el conjunto de los marcos y en los restantes cuadros cada uno de los marcos en particular. Se pueden poner los nombres de los archivos provisionalmente, pues es difícil precisar, fuera del primero, qué archivo de marco se está guardando. El nombre definitivo habrá que ponerlo en el Explorador de Windows

2.- Guardar un marco: Archivo – Guardar

F.- Modificar la estructura de los marcos

1.- Dividir marcos:

Hacer clic en el marco que se quiere dividir

Modificar – Conjunto de marcos – Dividir marco a la izquierda, dividir marco a la derecha

2.- Eliminar marcos: Arrastrar el borde del marco hacia el extremo del conjunto de marcos, liberar el botón del ratón y el marco ha desaparecido

G.- Vista previa de los marcos en el navegador: Archivo – Vista previa en el navegador – Hacer clic en el nombre del navegador

II.- PROPIEDADES DE MARCOS Y CONJUNTOS DE MARCOS

A.- Para ver las propiedades de un marco: Ventana – Propiedades

B.- Configurar propiedades de marco

1.- Seleccionar un marco

2.- Asignar un nombre al marco

3.- Bordes

4.- Color de borde

5.- Ancho del margen

6.- Alto del margen

C.- Configurar propiedades de conjuntos de marcos

1.- Seleccionar un conjunto de marcos y abrir el inspector de propiedades

2.- Bordes

2.- Ancho del borde

3.- Color de borde

4.- Valor

5.- Unidades

6.- Asignar un nombre a una página de conjunto de marcos:

a) Modificar

– Propiedades de páginas o hacer clic con el botón derecho del ratón

– Propiedades de página

– Aparece cuadro Propiedades de la página

b) En el campo Título, introducir un nombre para el documento

7.- Para especificar el tamaño de los marcos: introducir un número en el campo Valor y elegir una unidad entre las opciones: píxeles (esta es la mejor), porcentaje, relativo

8.- Para cambiar el color de fondo de un documento en un marco:

Colocar el puntero en el marco

– Modificar – Propiedades de la página o hacer clic con el botón derecho del ratón y en el menú contextual elegir Propiedades de la página

Hacer clic en el menú emergente Fondo del cuadro Propiedades de la página para seleccionar un color .

25 diciembre, 2014
dreamweaver

Crear y editar marcos con DreamWeaver

A.- Planificar los marcos B.- Insertar marcos predefinidos a) Situar el punto de inserción en el documento previamente abierto b) A continuación, llevar a cabo una […]
25 diciembre, 2014
dreamweaver

Insertar imágenes, peliculas flash y videos en DreamWeaver

– En los documentos creados con Dreamweaver se pueden insertar: Imágenes con formato de archivo GIF, JPEG y PNG Películas Flash con formato de archivo SWF […]
25 diciembre, 2014
dreamweaver

Crear y Editar Tablas con DreamWeaver

  I.- EDITAR TABLAS EN VISTA ESTÁNDAR (Por defecto la página se abre en vista estándar) A.- CREAR UNA TABLA 1.- Para insertar una tabla en […]
25 diciembre, 2014
dreamweaver

Expresiones Regulares con DreamWeaver

De hecho lo que vamos a mostrar aquí sobre expresiones regulares se puede aplicar en muchos otros entornos (lenguajes de programación, programas, shells, etc) pero vamos […]
25 diciembre, 2014
dreamweaver

Editar código con DreamWeaver

Tarde o temprano tendremos que editar el código de nuestra web para insertar un contador, script, o algún otro código que nos hayan dado. Podemos hacerlo […]
25 diciembre, 2014
dreamweaver

Las Capas en DreamWeaver

Uno de los comportamientos más habitual e interesante es el de Mostrar-Ocultar capas. Resulta obvio que para poder aplicar este comportamiento han de existir capas en […]
25 diciembre, 2014
dreamweaver

Marquesinas en DreamWeaver

Las marquesinas son texto, imágenes, o una mezcla entre texto e imágenes, que pueden desplazarse de un lado a otro de la ventana en forma de […]
25 diciembre, 2014
dreamweaver

Creación de un menu desplegable en Dreamweaver

Creación de un menú desplegable en Dreamweaver   Muchas veces, nuestras páginas tienen tantos contenidos que si quisiéramos que apareciesen todos estos en un determinado lugar […]
25 diciembre, 2014
dreamweaver

Insertar Javascript en DreamWeaver

Llamar JavaScript Otro de los comportamientos que puede aplicarse sobre algún objeto es el de Llamar Javascript. Este comportamiento permite insertar código JavaScript dentro del código […]
25 diciembre, 2014
dreamweaver

Todo sobre Formularios en DreamWeaver

Todo sobre Formularios en DreamWeaver   Esta lección nos enseñará qué es un formulario, para qué se utiliza, cómo insertar uno, qué elementos puede contener y […]
25 diciembre, 2014
dreamweaver

Enlace a email en DreamWeaver

Es posible especificar vínculos a direcciones de correo electrónico. Ésto resulta útil cuando se desea que los visitantes de la web puedan contactar con nosotros. La […]
25 diciembre, 2014
dreamweaver

Crear plantillas en DreamWeaver

Introducción Cada vez que deseamos crear un sitio web, tenemos que tener muy en cuenta que las páginas deben seguir un formato uniforme. La mayoría de […]
25 diciembre, 2014
dreamweaver

Comportamientos en DreamWeaver

Introducción Los comportamientos son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar […]
25 diciembre, 2014
dreamweaver

Crear barra de navegación en DreamWeaver

Antes de comenzar con la creación de la Barra de navegación usted deberá tener preparadas ciertas imágenes. Para el desarrollo de esta lección se han creado […]
25 diciembre, 2014
dreamweaver

Crear un album de fotos con DreamWeaver

En esta lección usted aprenderá a Crear un Album de Fotos Web, para tal efecto, en primera instancia usted necesitará tener una carpeta que contenga las […]
25 diciembre, 2014
dreamweaver

Crear un sitio local nuevo básico

La creación de un sitio Web con Dreamweaver MX implica dos pasos fundamentales: 1º) crear las carpetas en el disco local: disco duro (C) con el […]