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

Atributos editables en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1220 cursos !

Prueba gratis Mostrar modalidades de suscripción
También podemos hacer más cosas con las plantillas, por ejemplo, se puede hacer que sólo los atributos de ciertas etiquetas sean modificables, para, por ejemplo hacer que haya imágenes que cambian o que haya clases que se apliquen o no a ciertos elementos,

Transcripción

Tener zonas enteras que se pueden modificar es muy bueno porque me permite hacer que todos los contenidos importantes de las páginas cambien pero, sin embargo, los básicos sean siempre los mismos. Pero este cambiar todo un bloque de contenidos no siempre es buena idea, hay veces que hay que trabajar muchísimo más en detalle, y las plantillas nos van dar herramientas para hacer esto. Un buen ejemplo de ello puede ser estos enlaces. Esta barra de navegación debería de aparecer marcado el enlace correspondiente de cada una de las páginas. Para poder hacer eso, para poder hacer que un enlace de ellos aparezca marcado, estoy utilizando, simplemente, el atributo Class, y dentro del cual estoy añadiendo una clase Selected, que es la que hace que salga de color naranja. Voy a eliminárselo para hacer que ninguna página lo lleve, voy a actualizar todas estas páginas y las voy a guardar... (silencio) Y, ahora, voy a permitir que ese atributo en concreto sea modificable dentro de las otras páginas, de tal manera que se puedan añadir clases. Para ello, tendré que irme a la Vista de Diseño; asegurarme de que tengo seleccionada esa etiqueta A y en Herramientas Plantillas, y, hacer editable el atributo, me va a aparecer un panel con los atributos relacionados. Es relativamente fácil seleccionar una etiqueta que no es, así que hay que estar un poco al tanto de qué etiqueta hemos seleccionado. Aquí vemos que es la etiqueta A. Por defecto, me pone dos que es el HREF y el título, pero yo puedo añadir más. Voy a hacer clic en Añadir, y voy a añadir ese atributo Class. Como etiqueta para ese atributo; osea, digamos que, la descripción de ese atributo que se va a modificar, pues puedo poner Clase Para Hacerlo Seleccionado. En realidad, se pueden hacer muchas cosas distintas. En Tipo, elijo qué tipo de contenido es el que se va a pedir para ese atributo en concreto, en este caso, tiene que ser un texto. Y luego, por último, puedo ponerle un valor predeterminado; voy a hacer que, en principio, no tenga ninguno. Pulso en Aceptar. Cuando guarde, esa plantilla me va a actualizar todas las plantillas, pero en principio no va a haber ninguna modificación sobre ellas, puedo guardarlo tranquilamente que no va a haber ningún cambio. Sí que habría algún cambio, si me paro a mirar el código, y es que veremos que ahora, en realidad, me aparece como Class, ninguna. Pero, sin embargo, si me voy a cualquiera de estos archivos, y, dentro de ellos, me voy a Edición Propiedades de Plantilla. Aquí, en las propiedades de plantilla, me sale este nuevo atributo, y me permite asignarle un valor. Así que, le asigno el valor Selected, y se ve fácilmente cómo, en esta página en concreto, ya aparece seleccionado el enlace Eventos, mientras que en las demás no. (silencio) Ahora tendré que hacer esto mismo que he hecho, para esa primera etiqueta, en las otras. Entonces tendré que irme a Herramientas Plantillas Aquí se ve que me ha seleccionado el Body, en vez de seleccionarme esa etiqueta A. A veces le cuesta un poco refrescar. Bueno, pues, voy a intentar seleccionarlo por aquí o por aquí; Herramientas Plantillas Ahora sí, de nuevo, seleccionaré Class Aceptar. Este sería para Resultado Seleccionado Aceptar. Seleccionaré ahora la siguiente de las etiquetas, Aquí está marcada, y, de nuevo, Herramientas Plantillas Como se puede ver, simplemente repetir. Seleccionado Info y Aceptar. Guardo. Y, ahora se trata, simplemente, de ir entrando en cada una de las páginas; ir a Edición, en este caso, ya está marcado el enlace como debe de ser. En esta, irme a Edición; seleccionar el Resultado Seleccionado, y aquí poner Selected, pulso en Aceptar, ya lo aplica, y por último, en la página de información, repito exactamente el mismo proceso. Selecciono el último, lo pego, acepto y lo guardo, y, de hecho, en la previsualización, ahora, sí que voy a poder navegar y sí que se ve cómo cada uno de ellos está marcándose como seleccionado. Estos atributos editables sirven para muchísimas cosas, en este caso, sólo lo he hecho para hacer que aplique a una Clase, pero podría hacer, por ejemplo, con una imagen que tuviese el atributo SRC, y eso serviría para tener imágenes que, en cada página, cambien. Por ejemplo, podría hacerlo también, igual que con el atributo SRC, con los enlaces, entonces podría tener enlaces que tengan el atributo que cambien al atributo HREF y entonces que con un solo enlace pueda hacer diferentes enlaces a otras páginas. Como se puede imaginar uno, es una herramienta muy potente.

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.