Curso de Dreamweaver MX

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

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


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

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

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


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

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 3


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


Crear las páginas

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

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


  2. Guarda todas las páginas.
  3. 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

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


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.