Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

Dreamweaver CC 2017 avanzado: Automatizaciones y trabajo con PHP y CSS

Creación y uso de plantillas en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1287 cursos !

Prueba gratis Mostrar modalidades de suscripción
Vamos a empezar el capítulo con este vídeo en el que se va a enseñar en qué consisten las plantillas y en el que aprenderemos a crearlas. Explicaremos la base de cómo se trabaja con las plantillas de Dreamweaver.

Transcripción

Un sitio bien planteado es un sitio que va a tener todas sus páginas con un aspecto más o menos parecido. Un usuario que está navegando por un sitio web espera que todas las paginas, pues eso tengan una serie de elementos comunes que faciliten la navegación por él porque así el usuario podrá entender mejor cuando entra en una página nueva, que es lo que tiene que hacer y donde están las cosas a parte por supuesto de la tranquilidad de tener la sensación de que no estás saliendo del sitio cada vez que te pasas una página nueva. El hecho de que se repitan elementos en las páginas de nuestros sitios, aquí podemos ver por ejemplo que se repite pues todo el cabecero en todas la paginas o también que se repite el Footer en todas ellas bien pues, como digo el hecho de que en todas ellas se vayan repitiendo ciertos elementos va a hacer que el código de cada una de esas páginas en realidad sea muy similar en buena parte de ellas, quiero decir que ese cabecero, el HTML, va a estar en cada una de las paginas por las que voy navegando. No tiene sentido repetir ese código constantemente una y otra vez, de hecho lo suyo seria que automáticamente pudiese definir que partes del sitio son fijas y cuáles van a ir cambiando dependiendo de la página. Esto se puede hacer mediante lenguajes de servidor como PHP en los que se puede definir que bloques son dinámicos y que se generan gracias al código pero también dentro de Dreamweaver podemos hacerlo utilizando una herramienta que se llaman plantillas. Las plantillas van a servir para establecer zonas que van a ser fijas y zonas que van a ser modificables y lo que voy es a poder crear luego paginas nuevas desde cero basadas en esas plantillas de tal manera que ya tendré buena parte de la página prediseñada eso va a tener muchas utilidades, por ejemplo va a servirme para evitar que haya errores, si yo entro en resultados aparece el apartado "resultados" marcado pero como he copiado y pegado el código dentro de la página resultado aquí se puede ver que también aparece marcado cuando realmente esta es una página que no es la misma que resultados, lo cual no debería de estar seleccionado. También muchas veces ocurren, pues por ejemplo problemas con los enlaces que yo, en páginas he hecho modificaciones de los enlaces y por el motivo que sea los he acabado poniendo mal como en este caso que al hacer clic pues me mandaría donde no es. Para evitar este tipo de problemas, ideal la utilización tambien de las plantillas porque esos enlaces van a ir fijos y no van a dar ningún tipo de problemas. Vamos a ver cómo crear las plantillas, lo primero que necesito es tener una página que sea la que yo considero que es el standard dentro del sitio como es esta de aquí. Para poder trabajar con plantillas vamos a disponer del menú insertar y dentro de él plantilla, pero para que este activado la vista no vale la de en vivo tiene que estar en vista diseño y dentro de esta vista diseño ahora sí puedo irme a insertar y dentro de insertar, en plantilla, puedo pedir que cree una nueva plantilla. Las plantillas se van a crear siempre en relación a un sitio concreto, así que voy a seleccionar mi propio sitio, voy a ponerle de descripción "plantilla base" y le voy a poner un nombre, un nombre que por ejemplo puede ser pues efectivamente "base". Pulso en guardar, me pide si quiero que actualice los vínculos, esos vínculos [luego] si hago cualquier cambio van a ir referidos sobre la plantilla, sobre la ruta de la plantilla y no sobre el archivo que estoy generando pero claro a cambio también cuando guarde la plantilla si esos vínculos no han sido actualizados lo que va a ocurrir va a ser que va a perder la ruta de esas imágenes, las plantillas se van a guardar en una carpeta que se llama "Template" y es por eso que no va a ser la misma ruta que donde luego se vayan generando los siguientes archivos así que voy a pedir que sí que me guarde esos enlaces y veremos que ahora no se llama "index.html" que por cierto sigue existiendo sino que se llama Base.dvtt y de hecho también efectivamente se ve la nueva carpeta Template y dentro de ella se ve esa nueva plantilla. Y más interesante todavía cuando me vaya a archivo nuevo, puedo seleccionar ahora el apartado plantillas de sitio, seleccionar el sitio y aquí vemos que sí que tengo esta plantilla base en la que además me ofrece una previsualización.

Dreamweaver CC 2017 avanzado: Automatizaciones y trabajo con PHP y CSS

Utiliza Dreamwaver CC 2017 para crear y automatizar contenidos dinámicos. Aprende cómo mejorar tu flujo de trabajo y usar el programa como un gran IDE de programación web.

2:33 horas (43 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.