Curso de Dreamweaver MX

Cursos Relacionados:

Ejercicios

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....

Ejercicio 1

Inscríbete ahora y accede a 3 unidades gratis

Configuración de pantalla

Realizaremos un pequeño ejercicio para configurar la pantalla de la forma más practica para el resto del curso.

Configuramos el espacio de trabajo como el de Dreamweaver MX (que ocupe toda la pantalla).
Transforma la visualización del Panel Insertar de menú a solapas.
Hacemos visibles las barras de herramientas Documento y Estándar, y el panel Insertar. La disposición será la siguiente:
Configuramos el menú de paneles de forma que solo tengamos en él estos paneles:
- Inspector de etiquetas
- Diseño
- Archivos
Mantenemos el panel Archivos Abierto y minimizamos los paneles Diseño e Inspector de etiquetas.

Inscríbete ahora y accede a 3 unidades gratis

Ejercicio 2

Desde este momento vamos a empezar un proyecto de diseño. A través de los ejercicios de cada lección iremos trabajando en este sitio como hilo conductor del curso. El proyecto se va a basar en un trabajo que puede ser real.
Una empresa de energías renovables, de nombre Grenai, ha contratado el diseño de su página Web con nuestra empresa de publicidad. Tú te encargaras del diseño. Tranquilo, nosotros te ayudaremos. No has de preocuparte por los contenidos. El desarrollador de contenidos te pasará todos los textos y el diseñador gráfico te enviará las imágenes necesarias. ¡Con todo ello sacaremos este proyecto adelante!

¡Atención! Es aconsejable que a lo largo de las lecciones se desarrollen los ejercicios relacionados con el proyecto Grenai, aunque no sean obligatorios. Ya que al llegar a los ejercicios obligatorios éstos requerirán el sitio web del proyecto en el estado del proceso, incluidas las aportaciones de las lecciones anteriores.

Inscríbete ahora y accede a 3 unidades gratis

Configurar el sitio de trabajo

Pero lo primero es lo primero, hemos de configurar el sitio Web.

Definimos el sitio "GRENAI" de una forma básica, como hemos aprendido en la lección.
Definimos otro sitio "Pruebas" como campo de pruebas del proyecto.

Inscríbete ahora y accede a 3 unidades gratis

Ejercicio 3

Inscríbete ahora y accede a 3 unidades gratis

Crear las páginas

El desarrollador nos ha dado la lista de páginas de que consta el sitio Web.

Toma nota y crea cada una de ellas en el sitio GRENAI. No te olvides de dar un título a cada página una vez la hayas creado
(Nota. Utiliza alternativamente los métodos que hemos visto en la lección, podrás darte cuenta de cual te es más cómodo:

A través del Menú Abrir/Nuevo.
Por medio de la solapa Archivos.

archivos	descripción del contenido
qsomos.htm	Quiénes somos. Descripción de la empresa
productos.htm	Exposición de los productos que comercializa
pedidos.htm	Realización de pedidos de productos
contacto.htm	Direcciones postales y correo electrónico
esolar.htm	Información sobre energía solar
eeolica.htm	Información sobre energía eólica
parqueseolicos.htm	Información sobre parques eólicos de la empresa
conexion.htm	Información sobre la conexión de paneles solares
paneles.htm	Información del producto: paneles solares
aero.htm	Información del producto: aerogeneradores

Guarda todas las páginas.
Elige una de las páginas y visualízala en el código HTML
1. Localiza <head> y su cierre </head>.
2. ¿Dónde está el título de la página en el código HTML? Búscalo.
3. Cambia el título de la página desde la vista HTML .
4. Vuelve a la vista de diseño. Vuelve a cambiar el título en su casillero de la barra de herramientas de documento.
5. Guarda los cambios desde la solapa inferior de la ventana de documento.

Inscríbete ahora y accede a 3 unidades gratis

< 6.- Eliminar y Duplicar una Página. Volver al curso de Dreamweaver MX

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.