Unidad 11. Ejercicio paso a paso: Crear una plantilla

Objetivo

Practicar las operaciones a realizar para crear una plantilla a partir de un documento existente.

Ejercicio

  1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
  2. Si no aparece el panel Sitio, ábrelo a través del menú Ventana, opción Sitio.
  3. Selecciona el sitio Cocina en el panel Sitio.
  4. Haz doble clic sobre el documento paraplantilla.htm, que aparece en el panel Sitio.
  5. Se abrirá el documento en Dreamweaver.
  6. Haz clic sobre la opción Guardar como plantilla, del menú Archivo. Se abrirá una nueva ventana.
  7. En Sitio: selecciona Cocina.
  8. En Guardar como: escribe plantillacocina.
  9. Haz clic sobre el botón Guardar. El documento abierto en Dreamweaver pasará a ser la plantilla.
  10. Selecciona el texto Título haciendo doble clic sobre él.
  11. Haz clic sobre el menú Insertar.
  12. Elige la opción Objetos de plantilla.
  13. Elige la opción Región editable.
  14. En Nombre: escribe Título.
  15. Haz clic sobre el botón Aceptar.
  16. Sitúa el punto de inserción a la derecha de la región editable recién creada y pulsa Intro.
  17. Haz clic sobre el menú Insertar.
  18. Elige la opción Objetos de plantilla.
  19. Elige la opción Región editable.
  20. En Nombre: escribe Región Documento .
  21. Haz clic sobre el botón Aceptar.
  22. Haz clic sobre el botón Guardar de la barra de herramientas. Ya tenemos nuestra plantilla creada. Observa que no se ven ni las imágenes ni el estilo, ya que la plantilla ha cambiado de carpeta. Se verá correctamente siempre que las páginas que creemos estén en la carpeta raíz.

    Ahora vamos a crear dos documentos basados en esta plantilla.
  23. Abre un documento en blanco.
  24. Haz clic en el menú Modificar, Plantillas, opción Aplicar plantilla a página.
  25. Selecciona la plantilla plantillacocina.
  26. Activa la casilla Actualizar página cuando cambie plantilla.
  27. Pulsa el botón Seleccionar.
  28. Escribe en la zona editable titulo Página 1.
  29. Escribe en la zona editable Región Documento Esta es la primera página.
  30. Guarda el documento como pag1.htm.
  31. Ve al menú ArchivoNuevo....
  32. Elige Pagina de plantilla, en sitio Cocina y en plantilla plantillacocina.
  33. Edita la región del título, escribiendo Página 2 y escribe en la Región de documento Esta es la segunda página.
  34. Guarda el documento como pag2.htm.
  35. Visualiza en tu navegador las páginas pag1.htm y pag2.htm.
  36. Ahora vamos a cambiar la plantilla.
  37. Haz clic sobre el menú Ventana.
  38. Elige la opción Activos.
  39. Si no aparece la lista de plantillas haz clic en el icono .
  40. Selecciona la plantilla plantillacocina.
  41. Haz clic en el icono .
  42. Selecciona el texto Página 1 y crea un enlace a pag1.htm.
  43. Selecciona el texto Página 2 y crea un enlace a pag2.htm.
  44. Haz clic sobre el botón Guardar de la barra de herramientas.
  45. Nos preguntará si queremos actualizar los archivos basados en la plantilla. Pulsamos Aceptar y en la siguiente ventana Cerrar.
  46. Visualiza en tu navegador las páginas Pag1.htm y Pag2.htm. Observa que sin cambiar nada de las páginas ahora tienen los enlaces que permiten navegar entre ellas.

Puedes ver el resultado aquí.

 

   Inicio    





Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.