Curso de Dreamweaver MX

Cursos Relacionados:

Instalación.

Dreamweaver se instala desde el CD de programa ejecutando el propio Instalador de Dreamweaver MX 2004.

El programa de instalación inicia un asistente que permite mediante varios pasos realizar la instalación del programa.

En la version Mx 2004 se tendrá que iniciar el programa para insertar el número de serie y completar así la instalación.

Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver MX y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....

Descripción de la Pantalla.

El formato de trabajo de Dreamweaver MX 2004 se basa en el de las versiones MX de los programas de Macromedia. Combina una serie de ventanas, paletas y solapas para conseguir que el proceso sea lo más fluido posible.

Éste es el aspecto de la ventana de Dreamweaver MX 2004 en el proceso de trabajo.

Al iniciarlo por primera vez nos aparecerá la Ventana de bienvenida (pasa por encima de la imagen superior para verla). Ésta es una ventana de ayuda que nos facilitará el acceso rápido a documentos recientes o nuevos. Veremos sus características más adelante.

Éstos son los elementos que componen la pantalla de trabajo común de Dreamweaver MX 2004:

La Barra de título: en la parte superior de la ventana de programa, muestra el nombre del Web abierto actualmente y los botones minimizar, restaurar y cerrar.
La Barra de menús: situada bajo la barra de título, permite acceder a todas las opciones del programa a través de sus menús.
la Ventana del documento: es el área principal de trabajo. Aquí es donde crearemos nuestras páginas Web. Ésta es una ventana que se puede minimizar, maximizar y restaurar.

¡Atención! la ventana de documento tiene sus propios botones de minimizar, restaurar y cerrar (en la esquina superior derecha)

Y son independientes de la ventana general del programa.

Barra de Herramientas Documento:

Justo encima de la ventana de documento. Dreamweaver puede presentar dos barras de herramientas: Documento y Estándar. Ésta que vemos por defecto es la de Documento. Actúa directamente sobre la ventana de documento:
- Para mostrar la vista del código HTML de la página Web
- Para mostrar una vista conjunta del código y el diseño
- Para mostrar la vista del diseño nuestro documento
- Para dar un título a nuestra pagina Web en el cuadro de texto "Título"
Barra de Herramientas Estándar:

Se muestra y oculta seleccionando Ver>Barras de Herramientas>Estándar. Presenta las opciones básicas de gestión de ficheros junto con el uso del portapapeles y las opciones de deshacer y rehacer. En el caso de la imagen esta barra está oculta.
Panel Insertar

Desde este panel y sus opciones, como desde su menú paralelo Insertar, introduciremos los elementos más utilizados para el diseño de los objetos de una página Web.
Inspector de Propiedades

Es la herramienta principal para determinar los detalles de un objeto o texto seleccionado. El contenido de este panel varía dependiendo del objeto seleccionado en la ventana de documento (texto, imagen, tabla, ...), y así modificar sus atributos.
Menú de Paneles

Ocupa la parte derecha de la pantalla y está diseñado para contener los paneles más utilizados por el usuario. Su uso es muy cómodo gracias a que se puede ocultar y visualizar todo el menú con solo pulsar en el botón situado en medio de la barra que lo separa del resto de la pantalla.
Barra de Estado

Situada debajo de la ventana de documento. A la izquierda de la barra tenemos el Selector de etiquetas HTML. Éste es de gran utilidad. Si el documento es una página vacía solo se verá la etiqueta <body>. Pero a medida que la pagina se complique el Selector ampliará la lista de etiquetas según dónde se sitúe el cursor. Muestra las etiquetas que rodean la posición del cursor. Como su nombre indica, hace algo más que indicar la posición en el documento. Mediante él, se puede seleccionar rápidamente cualquier elemento que rodee al cursor en uso, para modificarlo o eliminarlo.

A la derecha de la barra de estado podemos ver información sobre el documento.
- Tamaño de la ventana de diseño del documento, en píxeles.
- Indicador de descarga, que nos informa del tamaño del documento y el tiempo de descarga.

¡Atención! Una de las herramientas estrella de Dreamweaver es el Selector de etiquetas. En la barra de estado siempre aparecen las etiquetas que rodean al cursor. Basta con picar en una de ellas para seleccionar el fragmento de código correspondiente en la ventana de trabajo.

Inscríbete ahora y accede a 3 unidades gratis

< 1.- 1.- Introducción a Dreamweaver MX Volver al curso de Dreamweaver MX 3.- Configuración de la pantalla. >

Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver MX y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.