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

Plantillas anidadas dentro de Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Además de crear páginas basadas en plantillas, también se pueden generar otras plantillas que tengan sus propias regiones editables. Con ello podemos tener páginas con diseños más específicos que, además, cuando se hacen cambios en las plantillas de cualquier nivel, automáticamente también se modifiquen.

Transcripción

Muchas veces tenemos que cambiar todo el contenido de una página, pero hay otras veces que las páginas se repetirán prácticamente iguales. Por ejemplo, cuando haga clic en "Ver más" en los "10 Km", en la media maratón o en cualquiera de los otros eventos, lo suyo sería que apareciese la página de detalle de ese evento en concreto. Y cada una de esas páginas de detalle deberían de ser exactamente iguales pero cambiando solamente el rótulo, la fotografía y el texto. De hecho, he creado dentro de Dreamweaver una página HTML independiente, "Evento", donde tengo un poco el código que voy a utilizar. Bueno, pues voy a hacer esto mismo, pero lo voy a hacer basado en plantillas. Para ello se utilizan las plantillas anidadas. Lo que necesito es, primero, crear un nuevo documento, basado en esta plantilla. Cuando ya tengo este documento, me voy a Insertar Plantilla Crear plantilla anidada. Me pide un nombre, que voy a llamar "evento", o sea me pide un nombre para esta plantilla, voy a poner "evento". Y ahora ya tengo aquí una plantilla nueva. Y sobre esta plantilla nueva vemos que no puedo hacer modificaciones sobre las zonas que dependen de la plantilla principal, pero sí puedo hacer modificaciones sobre el resto de zonas. Entonces, aquí dentro de estos contenidos lo que haré será seleccionar toda esta sección y eliminarla. Mejor me voy a ir a la vista de código, que va a ser más fácil. Y aquí dentro pues voy a pegar el código que necesito para añadir todos estos contenidos. Los copiaré con Ctrl+C, Comando+C en Mac. Los pegaré. Y me volveré a la vista de diseño. Y ahora quiero que sea editable la fotografía, el nombre del evento y este texto. Bueno, pues selecciono primero este "Nombre del evento", me voy a "Insertar" "Plantilla" "Región editable", y voy a escribir el nombre para esta región editable, que va a ser "Rótulo". Por otro lado, haciendo doble clic, puedo seleccionar una línea, haciendo triple clic, puedo seleccionar todo un bloque. Entonces, me voy a "Insertar" "Plantilla" "Región editable". Aquí le voy a poner "Descripción". Por cierto, que es interesante. Yo he seleccionado en realidad el interior de este apartado. Si hubiera seleccionado solamente la etiqueta p, sería editable solamente el texto, no podría cambiar nada más. Pero bueno, de momento me va a valer así. Y luego, por último puedo cambiar también la fotografía y en este caso puedo ir a "Herramientas", y hacer editable el atributo, ya me pone por defecto SRC. Pulso que sea editable, que la etiqueta sea SRC, que sea de tipo URL. Y voy a dejar que me cargue por defecto la imagen básica. Guardaré este documento. Aquí efectivamente me dice lo que comentaba antes del rótulo. Vale, voy a decir que esta bien así. Y ahora puedo crear nuevos eventos. Selecciono la plantilla de "evento". En "Edición" "Propiedades de la plantilla" selecciono por ejemplo el segundo evento. Pulso en "Aceptar". Aquí lo tenemos. En "Nombre del evento" pongo "10 Km urbanos", y luego pues aquí modificaría ese texto. Guardo ese documento y lo puedo llamar "evento_2" por ejemplo. Para hacer el "evento_1", no hay ningún problema. Creo de nuevo a través de esa plantilla, me vuelvo de nuevo a las propiedades dentro de "Edición", selecciono esta imagen 1, que en realidad ya estaba seleccionada por defecto. Le llamo "Media maratón de la costa". Cambiaría también su texto, lo guardaré. Y en este caso lo voy a llamar "evento_1". Como se puede observar es rápido, cómodo, y encima, si ahora hago cualquier modificación sobre esta plantilla, si por ejemplo hiciese que aquí hubiese un break entre el main y el banner, bueno, pues inmediatamente me lo va a guardar. Y esto me debería de actualizar todas las páginas que dependen de esta plantilla. No solamente la primera plantilla, sino aquí se puede ver también la plantilla "evento.dwt". Y debido a eso se van también a editar los archivos que dependen de esa segunda plantilla. De hecho, ahora cuando guarde este DWT, me va a avisar de que efectivamente se actualizarán esta y esta plantilla. Si hubieran estado cerradas las hubiera actualizado automáticamente. En cualquier caso, así hemos conseguido que, por un lado, pueda modificar toda la página, y por otro lado, que pueda modificar todos los eventos también de un solo tiró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.