Tu portal de
formación online
United States

Infórmate

Curso de Dreamweaver MX 2004

Ejercicios



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:



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



Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver MX 2004 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.
aaa