El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

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

Hacer cambios sobre las plantillas de Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Veremos ahora la verdadera potencia de las plantillas: el que, cuando se hacen cambios sobre una plantilla, automáticamente se refrescarán todas las páginas que dependen de estas, adaptándolas a las nuevas modificaciones.

Transcripción

Las modificaciones que se deben hacer sobre los archivos generados a través de las plantillas va más allá de simplemente modificar las regiones editables. Vamos a tener también que hacer cambios sobre algunas otras partes un poco dependiendo del tipo de página. Por ejemplo, supongamos que yo tengo esta página en la que tengo varios archivos de 'jquery' relacionados y estos son propios de esta página y de ninguna otra. Yo quiero hacer el equivalente a esta página pero basado en plantillas. Selecciono 'Base', 'Crear', elimino todos estos componentes que me sobran, me voy a la vista 'Código'. Me voy a la vista 'Código' de la página que tengo de referencia y me limitaré a copiar y pegar. Copio este código y lo pego dentro de la región editable dentro de este 'main'. En realidad aquí he mantenido que sea editable todo el 'main'. Podría haber hecho que solo el interior del 'main' fuese la región editable. Solo que en este caso me interesa porque yo puedo querer aquí añadir otro tipo de etiqueta por ejemplo una 'aside' o cualquier otro tipo. Bueno pues, a lo que iba. Si yo pulso en 'Guardar' y guardo este archivo como info_pl me voy a encontrar que cuando lo ponga en la vista de 'En vivo' me ha desaparecido el acordeón que debería tener. Aquí lo vemos cómo este tiene y este en cambio no lo tiene. Esto es debido a que cuando yo he copiado y pegado ese código, ese código también tiene una serie de referencias a otros archivos en este caso archivos de 'jquery' que son los que se van a ocupar de dar el aspecto del acordeón. Si me muevo a la vista de 'Código' veremos que en la parte superior en la etiqueta 'head' tenemos varios comentarios. De hecho estamos viendo que se ve parte del código en color y parte del código gris. El código gris sirve para indicar que todos ellos son parte de plantillas. El código en color indica cuál es el que realmente es código editable o sea dónde están las regiones editables. Pero hay alguna parte que también es editable y que no se llega a ver. Por ejemplo, es editable el título, esto es lógico. Aquí en vez de salir 'Estructura_base' debería poder escribir el título 'Info'. Y tenemos otras regiones editables que no se han empezado a crear todavía, quiero decir que no se han añadido contenidos sobre ella, como puede ser esta zona de aquí debajo que sirve precisamente para hacer instancias a otros archivos. O sea en mi caso me va a servir para que yo me mueva al código de esta página, coja los archivos que voy necesitando que van a ser todos estos, los copie y los pegue. Voy a moverme para asegurarme si estos ya son las fuentes. Estaría correcto. Bueno, pues ahora guardaría este archivo y si lo pongo en la vista 'En vivo'. Debería actualizarlo más tarde o más temprano para indicarme que sí, que está correctamente generado. Voy a ponerme otra vez en la vista 'En vivo'. Efectivamente el código está correctamente copiado pero también hay que pensar que a veces hay código fuera del 'head' que también vamos a tener que aplicar y de hecho en este caso hay que hacer que empiece a funcionar ese acordeón. Así que puedo copiar de nuevo este código, venirme al final del código editable y aquí copiar ese script. Y ahora cuando me vuelva a la vista 'En vivo' ahora sí ya está funcionando correctamente. Otro aspecto muy interesante de la modificación de archivos, yo aquí en realidad tengo toda una serie de enlaces pero estos enlaces, si me vuelvo otra vez al código, van a ir a sitios incorrectos porque en realidad están intentando ir a los archivos 'resultados', 'info' y este que debería ir al 'index' y sin embargo realmente los archivos correctos deberían ser todos los que acaban en 'pl'. Bueno, pues puedo cambiarlo dentro de la plantilla. Entonces aquí puedo hacer que este archivo vaya a 'index_pl.html' que este 'resultados' vaya al mismo archivo pero '_pl' y que 'info' vaya al que es 'info_pl'. Otra cosa interesante. Se puede observar que los enlaces se marcan respecto de '../'. Eso es debido a que yo estoy trabajando en este archivo y todos los enlaces realmente trabajan sobre la carpeta raíz. Dreamweaver se va a ocupar de ponerlos correctamente pero siempre y cuando yo los haya generado correctamente desde el propio archivo. Así que tengo que añadirle al 'index' ese '../'. Bueno, pues ahora lo guardo. En el momento en el que lo guarde aparece un panel de actualizar archivos de plantilla. Me dice todos los archivos que dependen de esta plantilla. Y me pregunta si quiero actualizarlos. Le voy a decir que sí, que me actualice todos, puedo mostrar el registro de actividad o no, quiero que sí, que me lo registre y cuando ya está listo pulso en el botón 'Cerrar'. Eso me los ha cambiado. Los archivos que estuviesen cerrados me los ha modificado sin más según el panel de actualizar. Pero los que estaban abiertos me los ha actualizado pero me los ha dejado sin guardar. Aquí de hecho tengo las estrellas, los asteriscos que me indican que todos estos archivos tengo que además guardarlos para que esos cambios sean efectivos. Una vez hecho ya tendré ese sitio preparado y de hecho si lanzo sobre Google Chrome y voy haciendo clic en los diferentes archivos pues vemos que efectivamente me está abriendo los resultados, index y todo los demás pero me los está abriendo en la versión 'pl'. Otra cosa que también es interesante dentro del Chrome, tenemos un servidor virtual generado desde Dreamweaver que me está mostrando estas páginas. De hecho aquí se puede ver que es la previsualización. Y siempre me va a mostrar la ruta 'index.html' independientemente de la página por la que vaya navegando. Bien, pues ya hemos visto que por un lado podemos hacer modificaciones en las plantillas y me cambia todos los archivos dependientes y por otro lado que cuando yo creo archivos dependientes de plantillas luego tengo que tener cuidado con los contenidos y tengo que hacer que si tienen que hacer cargas sobre scripts externos necesitaré también añadirlos dentro de esa página.

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.