Sitios y Plantillas de Dreamweaver

Para descargar la última versión de Dreamweaver

En Dreamweaver, el término “sitio” se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio. Mas información Aqui!

Sitios-plantillas-dw-01

Cada vez que deseamos crear un sitio web, tenemos que tener muy en cuenta que las páginas deben seguir un formato uniforme.

La mayoría de nosotros solemos hacer copias de los documentos ya creados, y trabajar sobre estas copias, modificando simplemente su contenido. Esta es la forma más sencilla de tener páginas con una estructura basada en la estructura de otras ya creadas previamente.

Las plantillas son una especie de copia de la página en la que van a estar basadas el resto de páginas del sitio web, pero que incluyen la posibilidad de establecer unas zonas editables y otras zonas que serán fijas, que no podrán ser modificadas.

Creando un sitio de Dreamweaver

La forma mas sencilla es abrir el Dreamweaver y en la ventana de inicio presionar la opción de “Sitio”.

Sitios-plantillas-dw-02

Una vez hecho esto aparecerá una ventana donde podremos configurar la ruta de nuestro sitio y el nombre de referencia. También podremos modificar un sitio remoto pero esto lo publicare en otra ocasión.

Sitios-plantillas-dw-03

Una vez hemos configurado el nombre y la carpeta del sitio podremos apreciar todo lo que tengamos en nuestra carpeta por ejemplo acá un sitio sencillo:

Sitios-plantillas-dw-04

Pasaremos ahora a crear el documento de plantilla el del cual cargaran la estructura todos los archivos HTML de nuestro sitio.

Sitios-plantillas-dw-05

Sitios-plantillas-dw-06

Una vez creemos nuestra plantilla nos daremos cuenta que es un documento HTML pero como mencione antes tendrá una diferencia muy especial y significativa la cual es las REGIONES EDITABLES

1
2
3
4
5
6
7
<!-- TemplateBeginEditable name="doctitle" -->
          <title>Documento sin título</title>
<!-- TemplateEndEditable -->
 
<!-- TemplateBeginEditable name="head" -->
	ACA SE PUEDEN COLOCAR NUEVOS ELEMENTOS
<!-- TemplateEndEditable -->

Las REGIONES EDITABLES como la mayoría de las etiquetas HTML tienen un inicio y un fin, en este caso hay que fijarse en la palabra BEGIN Y END

TemplateBeginEditable

TemplateEndEditable

Todo elemento HTML que este entre el inicio y fin de una región editable, podrá ser modificado o eliminado en las páginas que descienden de la plantilla. Así mismo el diseñador podrá agregar nuevos elementos en este espacio.

Una plantilla puede tener las regiones editables que uno desee colocar pero debe tener amenos una región en el body y su atributo NAME no puede repetirse.

Sitios-plantillas-dw-06

Sitios-plantillas-dw-07

En la plantilla podremos agregar toda la estructura HTML: Menús, banner, barras de navegación, pies de páginas, logotipos, panel, ect. En fin todo lo que es el diseño; y este diseño será copiado a cada página que descienda de la plantilla es decir que sea creada a partir de ese documento dwt sería como sacar una foto copia de la página.

Una vez creada la plantilla procedemos a guardar

Sitios-plantillas-dw-08

Aparecerá una ventana como la que sigue

Sitios-plantillas-dw-09

En donde configuramos el nombre una descripción y seleccionamos el sitio donde queremos guardar dicha plantilla.

Una vez guardada se nos creara en nuestros archivos una nueva carpeta titulada TEMPLEATES en donde estarán guardadas todas las plantillas de nuestro sitio.

Sitios-plantillas-dw-10

Para crear una página basada en la plantilla

Sitios-plantillas-dw-05

Sitios-plantillas-dw-11

Una vez se cree el documento HTML basado en la plantilla podremos ver que el documento estará en gris y que no podremos modificar nada a exacción de las partes en donde están las regiones editables.

Sitios-plantillas-dw-12

Guardamos ahora la página y empezamos a agregar nuestro contenido.

Bueno eso ha sido todo por el momento, si tienen alguna duda dejenla en los comentarios y si no tienen igual comenten, me gustaria me ayuden dando like y compartiendo en sus redes sociales.

Suscribir
Notificar a
guest
0 Comentarios
Comentarios en línea
Ver todos los comentarios