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

Regiones repetidas en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1267 cursos !

Prueba gratis Mostrar modalidades de suscripción
Otra herramienta interesante es la posibilidad de tener bloques de elementos HTML que se puedan repetir desde las plantillas. Con eso simplificamos aún más la creación de las páginas y, además, la creación de elementos dentro de ellas.

Transcripción

En los sitios web generalmente suele ser buena idea hacer que haya bloques que se repiten con el mismo aspecto. Esto suele dar una consistencia al diseño de la página. Es más, este tipo de bloques podemos incluso querer que aparezcan en diferentes páginas. En el index, por ejemplo, pues tengo una serie de bloques que se repiten, que es la fotografía, rótulo, texto y enlace, que sirven para cada uno de los eventos. Puedo hacer muchos tipos distintos de bloque. Vamos a ver un poco cómo crearlos. Yo tengo una página de resultados que en realidad no tiene prácticamente nada. Voy a crear desde la plantilla, desde la plantilla base, de hecho, una nueva página y esta página es la que voy a utilizar para esos resultados. Voy a eliminar la fotografía porque los resultados no llevan a fotografía. Voy a mantener lo que es el rótulo y el texto pero voy a eliminar también ese pequeño enlace. Así que seleccionaré la etiqueta de enlace y pediré que la elimine. Por otro lado voy a quitar también este segundo artículo porque no lo quiero para nada. Para poder hacer que esto se pueda repetir una y otra vez y que aquí, en realidad, como texto aparezca el del evento que corresponda, voy a, primero, seleccionar el contenedor, el elemento que tiene que repetirse, que va a ser este artículo. En segundo lugar, para poder convertirlo en cualquier parte de plantilla, voy a tener que, antes que nada, decirle que sea una plantilla, así que me iré al MenúInsertar plantilla. Para poder hacerlo tendré que pasarme a la vista de diseño. Insertar plantilla, y voy a crear una plantilla anidada, basada en este base. La he llamado "Repetida". Ahora, ahora ya realmente puedo trabajar sobre ella. Selecciono, como decía, este artículo y voy de nuevo a pedirle que me inserte Región repetida. Le voy a poner de nombre por ejemplo, "Bloque" o podría ser "Resultado", cualquiera. Me ha añadido ya ese texto en color azul claro. Ahora necesito decir qué es lo que quiero modificar dentro de esta región. De momento, ya voy a poder repetirla. Ahora, además, quiero que sea configurable. Así que tendré que seleccionar el rótulo y pedirle que haga PlantillaRegión editable. Voy a llamarlo "Rótulo" y luego también voy a seleccionar el texto este de aquí, ese contenedor, y voy a, de nuevo, generar Región editable y le voy a llamar "Texto". Guardo la plantilla. Ahora voy a crear un documento nuevo basado en estas regiones repetidas, voy a guardar ese documento y lo voy a llamar "Resultados_pl" y vamos a ver lo que puedo hacer con él. De hecho, voy a ponerlo en la vista en vivo y estamos viendo que queda bastante bonito. Voy a devolverlo a la vista de diseño, y me muestra una segunda etiqueta en la que puedo hacer clic con el "+" y me añade nuevos eventos, en este caso, mejor dicho, nuevos resultados. Entonces aquí, por ejemplo, podría ser "Carrera 12 junio" y este, pues, podría ser Resultados, por ejemplo, "Media maratón montaña". Podría cambiar los textos, podría hacer lo que quisiese con ella. Si quiero eliminar una nueva entrada por ejemplo, voy a volver otra vez a hacer clic en el "+". También puedo eliminarla. Entonces si hago clic en "-", lo que va a hacer va a ser quitarme la última que he añadido. También puedo modificar la posición con las flechas. Puedo hacer que aparezca una que tengo seleccionada más arriba o más abajo. Voy a guardar este documento y vamos a ver que si lo pongo en la vista en vivo pues efectivamente aparecen aquí esos dos eventos perfectamente dibujados, editables y todo funcionando correctamente.

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.
 
Fecha de publicación:29/12/2016
Duración:2:33 horas (43 Videos)

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.