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

  1. Crearemos una nueva página en el sitio "Prueba", la llamaremos texto1.htm.
  2. Escribimos directamente en ella este texto. Puedes copiarlo de esta página y pegarlo en la vista de diseño de Dreamweaver: (ayuda)

    Sabias que...párrafo

    ... el refrán " en las manos de un idiota ni la pólvora arde " viene de las guerras napoleónicas. párrafo


    Al parecer el mismo Napoleón Bonaparte profirió esta frase a propósito del general Hardrick Von Jaun, comandante del ejercito austrohúngaro, tras arrasar al ejercito aliado en la batalla de Jena. salto de línea
    Lo curioso es que Bonaparte, en sus años de academia militar en Lyon, era conocido como el cadete "Oblique" (oblicuo) por sus sucesivos errores en las prácticas de artillería.

     

  3. Aplicamos a la primera línea un Encabezado 1 y a la segunda un Encabezado2.
  4. Hacemos clic en la vista de código HTML.
    • Localizamos las etiquetas de los encabezados ( h1, h2 ) y sus cierres.
    • Localizamos la etiqueta del salto de línea (<br>) y párrafo.
    • Sustituimos la etiqueta <br> por una de párrafo.
    • Volvemos a la vista de diseño para ver el resultado.
  5. Seleccionamos el último párrafo.
  6. Lo Cortamos  y lo  pegamos por encima del anterior.
  7. Convertimos los dos últimos párrafos en una lista ordenada.
  8. Cambiamos la lista ordenada a desordenada.
  9. Cambiamos los signos de la lista desordenada de viñetas a cuadrados.
  10. Aplicamos fuente Arial a los elementos de la lista.
  11. Aplicamos color azul oscuro a los encabezados.
  12. Convertimos en párrafos normales los elementos de la lista, y los sangramos una vez.
  13. Aplicamos un color de gris al fondo de la página.
  14. Pon nombres a los dos estilos creados para los párrafos (fuente Arial) y los encabezados (color Azul).
  15. Finalmente pasa a la vista HTML y comprueba la colocación de los estilos en la cabecera de la página.

El aspecto debería parecerse a este:


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

Guardamos los cambios de la página anterior y creamos dos páginas más (texto2 y texto3) con el mismo texto pero con estos diferentes estilos de texto y propiedades de página:

Procura eliminar los estilos que no utilices en cada una de las páginas.

texto2.htm

texto3.htm


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.