Plantilla web dinámica
Una plantilla web dinámica es una copia maestra basada en HTML de una página web que puede crear para contener configuraciones, formato y elementos de página, como texto, gráficos, diseño de página, estilos y regiones de una página web que se pueden modificar.
Cuando adjunta una plantilla web dinámica a las páginas de un sitio web, esa plantilla define el diseño de esas páginas. Puede utilizar cualquier número de Plantillas web dinámicas en un sitio web y puede adjuntar una Plantilla web dinámica a tantas páginas como desee.
Mediante el uso de plantillas web dinámicas, puede crear páginas HTML que comparten el mismo diseño. Además de proporcionar un diseño compartido, puede hacer que algunas regiones de una plantilla estén disponibles para editar y, al mismo tiempo, evitar cambios en otras regiones de esa plantilla.
Esto significa que puede permitir que otros agreguen y editen contenido, y aún así conservar el diseño de las páginas y la plantilla en sí.
La necesidad de plantillas web dinámicas
El concepto más importante del diseño de sitios web es mantener una apariencia coherente para su sitio y con Dynamic Web Template puede lograrlo. La plantilla web dinámica proporciona:
Páginas básicas como mapa del sitio, contacto, información y páginas de búsqueda. Un visitante debe poder acceder a su página de inicio desde cualquier página del sitio.
Navegación consistente en todo su sitio.
Mirada consistente en todo el sitio.
Crear una plantilla web dinámica
Para crear una plantilla web dinámica (DWT), comience con una página HTML vacía y guárdela como *.dwt file. Vayamos paso a paso y aprendamos más al respecto.
Step 1 - Abra el archivo index.html y seleccione File → Save As… opción de menú, que abrirá el cuadro de diálogo Guardar como.
Seleccione la plantilla web dinámica (* .dwt) del menú desplegable Guardar como tipo y cambie el nombre del archivo del índice al master.dwt y haga clic en el botón Guardar.
Step 2- Ahora, verá que se crea un nuevo archivo master.dwt en la lista de carpetas. Creemos un nuevo archivo HTML y llamémoslo index_2.html. Abramos el archivo master.dwt y en la Vista de diseño o la Vista de código, haga clic derecho dentro de las etiquetas <div> del contenido principal.
Step 3 - En el menú, seleccione Administrar regiones editables ... que abrirá el cuadro de diálogo Regiones editables.
Step 4- En el nombre de la región, escriba un nombre para la región editable y luego haga clic en Agregar. Repita para agregar regiones editables adicionales si lo desea.
Step 5- Una vez que haya agregado todas las regiones editables, haga clic en Cerrar. Ahora vaya al archivo index_2.html y selecciónelo también en la lista de Carpetas.
Step 6 - Vaya al menú Formato y seleccione Dynamic Web Template → Attach Dynamic Web Template… que abrirá el cuadro de diálogo Adjuntar plantilla web dinámica.
Step 7 - Seleccione el Dynamic Web Templateque aquí es el archivo master.dwt y haga clic en el botón Abrir. Recibirá un mensaje de advertencia. Haga clic en Sí.
Step 8- Puede ver que se aplica la misma plantilla al archivo index_2.html. Del mismo modo, puede agregar la misma plantilla a tantas páginas HTML como desee en el sitio web.
Step 9- En esta página, puede editar solo la sección de contenido principal. Si mueve el mouse a la otra sección, verá que no es editable y el cursor del mouse también cambia al círculo de la cruz roja.
Step 10 - Para ver cómo se ve, vaya al menú Archivo y seleccione Vista previa en su navegador.
