Cómo utilizar plantillas de Dreamweaver

La función de plantilla en Macromedia Dreamweaver es una herramienta muy útil programación de páginas web, sobre todo para los sitios grandes. Las plantillas permiten a un programador web para cambiar todo un conjunto de páginas web mediante la edición de un solo archivo. Por ejemplo, suponga que tiene una sección de su sitio web de negocios llamado "Acerca de nuestra empresa" que contiene páginas para cada uno de los miembros de su personal, una versión web de cada uno de sus boletines de la empresa desde el año pasado, una lista de sus afiliaciones empresa, curriculum vitae , referencias, etc. Esa sección solo pueden contener 15 o 20 páginas individuales. Ahora, usted ha decidido añadir un nuevo sub-categoría que requiere la adición de un nuevo enlace a todas las páginas de esa sección. Si todas las páginas "sobre nuestra compañía" se rigen por una plantilla de Dreamweaver entonces usted no tiene que abrir y cambiar el código en 20 páginas. Simplemente puede realizar un cambio en el archivo de plantilla, y se filtra a través del sitio. La función de plantilla también es útil para mantener un aspecto coherente para su sitio cuando se añade o se mantiene el contenido publicado por varios personas.El premisa básica de la función de plantilla es que ciertas áreas de una página se definen como editable, mientras que otras áreas se mantienen consistentes a lo largo del todo el conjunto de páginas a las que se aplica la plantilla. He aquí cómo se puede implementar la función de plantilla en la programación de un sitio mediante Dreamweaver:

Instrucciones

Pasos para usar plantillas de Dreamweaver

1 Lanzar Dreamweaver y crear su nuevo sitio. Entonces, es muy útil para seguir adelante y establecer una estructura de directorio / archivo "simulado". Al mirar la ventana "Archivos", haga clic en el icono en la esquina superior derecha de la parte local de archivos. Resaltar el submenú "Archivos". Puede crear nuevas carpetas y archivos de allí y escribir sus nombres apropiados. Por ejemplo, si desea crear la sección antes mencionada "Acerca de nuestra empresa", es posible que primero cree una carpeta llamada "About_Our_Company," y luego crear archivos dentro de esa carpeta llamada "profile.html", "boletín.html," personal .html "y" affiliations.html ". Una vez que la estructura de archivos está en su lugar, usted será capaz de vincular los elementos de menú como el diseño de su plantilla.

2 Crear un nuevo archivo HTML seleccionando Archivo> Nuevo desde el menú principal de Dreamweaver. Cuando aparezca el cuadro de diálogo, seleccione "Página básica" y "HTML" de los dos submenús. A continuación, haga clic en "Crear". El nuevo archivo se abrirá. Usted puede seguir adelante y guardar el archivo de inmediato como un archivo de plantilla. Elija Archivo> Guardar como plantilla en el menú principal de Dreamweaver y el nombre de su archivo en el cuadro de diálogo siguiente. Elija un nombre intuitivo como "about_company" para nuestro ejemplo de trabajo. Dreamweaver creará automáticamente un directorio llamado "Plantillas" que contienen el nuevo archivo de plantilla.

3 Ahora, es el momento de crear el diseño de la página de plantilla de acuerdo a su esquema general de diseño o idea, insertar imágenes, etc para crear una página terminada. Desde que estableció la estructura de archivos con las páginas "dummy" en el paso 1, puede seguir adelante y vincular los elementos de menú de las páginas apropiadas.

4 Después de su diseño de página se ha completado, puede designar regiones editables de su plantilla. Puede seleccionar tantas regiones editables como sea necesario. Miran su plantilla y determinar qué áreas serán únicos para cada página del sitio. Las áreas de la página de su texto específico, la partida, incluso ubicaciones de las fotos son buenos candidatos. Idealmente, cualquier área de la disposición que se mantendrá constante a través de las páginas del sitio que esta plantilla gobernará debe ser uneditable.To designar una región editable, haga clic dentro del área de la página elegida y seleccione la etiqueta HTML correspondiente en la barra gris en la parte inferior de la ventana de su página. Esto pondrá de relieve la región elegida. Por ejemplo, si le gustaría para una celda de una tabla específica para ser editable, haga clic dentro de la celda y haga clic en la etiqueta <td> en la barra gris. Seleccione Insertar> Objetos de plantilla> Región editable desde el menú principal de Dreamweaver. Un cuadro de diálogo aparecerá donde se puede nombrar la región. Haga clic en Aceptar y su primera región editable ha sido designated.Remember que generalmente atribuye la etiqueta HTML específica, así como sus atributos de página generales se regirán por la plantilla. Así que en nuestro ejemplo celda de la tabla, asegúrese de establecer los atributos de su alineamiento vertical y horizontal en la plantilla como desea que aparezcan a lo largo de sus páginas web. Usted, sin embargo, ser capaz de dar a cada página un título único, independientemente de la plantilla application.When está terminado de insertar todas las regiones editables, guardar el archivo de plantilla y cerrarla.

5 Ahora ya está listo para aplicar la plantilla a las páginas apropiadas. Desde la ventana de "archivos", haga doble clic en la página HTML al que desea aplicar la plantilla. Una página en blanco se abrirá. Elija Modificar> Plantillas> Aplicar plantilla a página desde el menú principal de Dreamweaver. El nombre de la plantilla debe aparecer en el cuadro de diálogo. Resaltarlo y haga clic en "Seleccionar". Dreamweaver luego importar el diseño de la plantilla. Sus regiones editables serán pestañas a lo largo de la página, y el cursor se mostrará un signo "no" cuando se pasa el ratón sobre areas.You no editable puede actualizar sus regiones editables con precisión el contenido de esa página en particular y guardar.

6 Si es necesario cambiar las porciones no editables de su plantilla en todo el sitio - como la adición de un nuevo enlace como en nuestro ejemplo introductorio - iniciar haciendo doble clic en el archivo de plantilla en la ventana "Archivos". Cuando se abra la página, puede realizar los cambios necesarios en el regions.To no editable se aplican los cambios en todo el sitio, guardar la página de plantilla. A continuación, elija Modificar> Plantillas> Actualizar páginas. Seleccione "Todo el Sitio" en el menú desplegable del cuadro de diálogo hacia abajo y asegúrese de que la casilla junto a "plantillas" está marcada. A continuación, haga clic en Inicio. Dreamweaver actualizará los archivos correspondientes y los mostrará en la lista. A continuación, cierre el cuadro de diálogo y finalice los cambios!

Consejos y advertencias

• Es más fácil de configurar sus plantillas antes de cualquiera de sus otras páginas han sido programados. Siempre se puede aplicar una plantilla a las páginas existentes, pero va a requerir algún borrar, copiar y pegar el contenido existente para entrar en las áreas editables correctas.