Plantillas de Dreamweaver

Name: Plantillas de Dreamweaver
Author: Patti Scully-Lane

La función Plantilla es útil en Dreamweaver porque le permite crear un "shell" o diseño coherente en todas las páginas. A continuación, puede crear áreas…

Preview the first lesson free — get full access to all 4 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

En esta lección, vas a aprender a hacer una plantilla de un diseño en Adobe Dreamweaver. Antes de comenzar, tenemos que configurar un sitio porque la función de plantilla solo funcionará si está trabajando dentro de un sitio. Vamos al menú del sitio, al nuevo sitio, y vamos a llamar a este "módulo cinco plantillas", y vamos a hacer clic en este icono de carpeta. Ahora he guardado los archivos de cinco lecciones del módulo. a mi escritorio. Vas a navegar a donde sea que esté guardaste la carpeta de plantillas del módulo cinco de la carpeta de archivos de la lección en el módulo cinco. Ahora, si no estás familiarizado con trabajar con sitios en Dreamweaver, puedes volver al módulo uno de este curso intermedio de Dreamweaver y ver la gestión de sitios en Dreamweaver para más información. Vamos a hacer clic en el botón Guardar. Y aquí en nuestro panel de archivos Tenemos toda la información para nuestro sitio web. Y tenemos algunas páginas individuales aquí. Y si hago clic en mi página de índice, Puedo ver que tengo un diseño para mis páginas. Si hacemos clic en nuestra página de caminatas, Puedo ver que tengo un diseño similar aquí también. Ahora, la forma en que se creó este sitio estaba usando páginas individuales. Y entonces, lo que eso significa es, digamos que necesito cambiar el nombre de un enlace, o tal vez alguna información en la parte inferior de mi página. Bueno, si hago eso, la forma en que lo configuré con páginas individuales significa que tengo que hacer ese cambio en cada una de las páginas individuales de mi sitio. Y ahí es donde aparece la función de plantilla en Dreamweaver. entra en juego, porque la función de plantilla le permite crear un caparazón. Y ese caparazón contiene la información. que sea consistente en todas sus páginas. Y luego haces áreas editables de tu página, y solo esas áreas pueden ser actualizadas por el usuario. Y de esa manera, si necesita hacer un cambio en el shell, cuando lo haga, actualizará el shell de todas las páginas que se construyeron en base a esa plantilla. Por lo tanto, es una excelente función para ayudarlo a realizar cambios. al contenido a nivel mundial. Voy a cerrar estos dos archivos, y vamos a ir al panel de archivos, para diseñar.HTML. Así que aquí está esa concha. Y no tenemos ningún contenido de texto. y tenemos un gráfico aquí, pero vamos a usar esto ahora mismo como gráfico de marcador de posición. Lo primero que debes hacer con una plantilla es guardar esa plantilla. Así que vamos a ir al menú de archivo. Ahora, hay dos formas de guardar una plantilla en Dreamweaver. La primera forma es bajar al menú Guardar como plantilla. Esta es la forma preferible de hacerlo. Y la razón de esto es que tenemos este cuadro de diálogo, guardar como plantilla, y nos pregunta qué sitio nos gustaría asociar esta plantilla con. Así que voy a llamar a esto "plantilla_de_diseño" y vamos a ahorrar. Ahora, esta es la parte crucial. Nos pregunta si queremos actualizar nuestros enlaces. Siempre queremos decir que sí cuando trabajamos con plantillas. Entonces, si miramos aquí en nuestro panel de archivos, ahora tenemos una nueva carpeta en la carpeta de nuestro sitio, y esa es la carpeta de plantillas. Entonces, Dreamweaver creó automáticamente una carpeta de plantillas y guardó nuestra plantilla de diseño allí. Ahora notarás que esto tiene una extensión diferente, esto ya no tiene la extensión HTML. Tiene un DWT, que significa plantilla de Dreamweaver. Esta es una función que solo funcionará dentro de Dreamweaver. Si tienes personas que están dentro de tu flujo de trabajo que no trabajan en Dreamweaver, esto podría causar problemas con la edición de sus páginas. Así que esto tiene que hacerse estrictamente dentro de Dreamweaver. Si volvemos por aquí y abrimos ese diseño.HTML de nuevo, la segunda forma de guardar algo como plantilla es ir al menú archivo, para guardar como, y elija entre guardar como tipo, archivo de plantilla. Ahora, lo que pasa con esto es que si hacemos clic en ese botón de guardar, no nos pregunta acerca de los enlaces. No lo pone por defecto en la carpeta de esa plantilla tampoco. Entonces, realmente no asocia esta plantilla con el sitio. Lo guarda en el sitio, pero no lo asocia como un archivo de plantilla. Así que para que no nos confundamos, vamos a hacer clic derecho en ese diseño.DWT, edítalo y bórralo. Y sí, realmente queremos eliminar esa carpeta, y podemos cerrarlo aquí y simplemente hacer clic en Aceptar. Entonces, cuando trabaje con plantillas de Dreamweaver, lo primero que tienes que hacer es guardar una plantilla y asociar esa plantilla con el sitio haciendo que Dreamweaver lo coloque automáticamente en la carpeta de plantillas y la plantilla de subrayado de diseño como un archivo DWT. Entonces, en esta lección, aprendiste cómo guardar un documento HTML como plantilla en Adobe Dreamweaver.

Intermedio Proveedor : Patti Scully-Lane 4 lecciones · 26m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Urdu, Chinese

Descripción del curso

La función Plantilla es útil en Dreamweaver porque le permite crear un "shell" o diseño coherente en todas las páginas. A continuación, puede crear áreas editables en sus páginas para que los usuarios solo puedan actualizar esas áreas. Las plantillas permiten hacer cambios fáciles en el contenido a nivel mundial. Si necesita realizar cambios en el "shell", realizará actualizaciones en todas las páginas basadas en esa plantilla.

Objetivos de aprendizaje

Lo que aprenderás

Reconocer los beneficios de usar una Plantilla en Dreamweaver
Guardar un documento HTML como una Plantilla
Agregar áreas editables a una Plantilla
Crear una nueva página basada en una Plantilla
Hacer cambios a una Plantilla y actualizar todas las páginas construidas a partir de ella

Puntos clave

La característica Plantilla de Dreamweaver te permite crear un shell o diseño consistente en todas tus páginas.
Las áreas editables se pueden definir en una Plantilla para que los usuarios solo puedan actualizar esas áreas específicas.
Las plantillas permiten hacer cambios de contenido fácilmente en todas las páginas de forma global.
Los cambios realizados al shell de la Plantilla se aplican a todas las páginas basadas en esa Plantilla.

Preguntas frecuentes

¿Qué cubre este curso de Plantillas de Dreamweaver?

Cubre reconocer los beneficios de usar una Plantilla, guardar un documento HTML como una Plantilla, agregar áreas editables, crear una nueva página basada en una Plantilla y hacer cambios a y actualizar una Plantilla.

¿Qué es una Plantilla en Dreamweaver?

Una Plantilla es un shell o diseño que se mantiene consistente en todas tus páginas, con áreas editables que permiten que solo esas áreas sean actualizadas por los usuarios.

¿Cómo ayudan las Plantillas a hacer cambios en muchas páginas?

Las plantillas permiten hacer cambios de contenido fácilmente en todas las páginas de forma global; si cambias el shell, se actualizan todas las páginas basadas en esa Plantilla.

¿Qué lecciones están incluidas en este curso?

Las lecciones son: Hacer una Plantilla a Partir de un Diseño, Agregar Áreas Editables en una Plantilla, Crear una Nueva Página a Partir de una Plantilla y Hacer Cambios a una Plantilla y Actualizar Páginas.

¿A qué habilidades se relaciona este curso?

Se relaciona con Adobe Dreamweaver, Motor de Plantillas, Kits de Herramientas de Plantillas, Plantillas, Sistemas de Plantillas Web y Bibliotecas de Plantillas de Windows.