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

Multicursor en Dreamweaver: inserción o sustitución

¡Prueba gratis durante 10 días

nuestros 1271 cursos !

Prueba gratis Mostrar modalidades de suscripción
Muchas veces es necesario editar de la misma forma varios elementos a la vez. En Dreamweaver ahora podemos realizar la edición de varios elementos de manera que se pueda realizar en todos ellos al mismo tiempo.

Transcripción

Es importante dentro de un editor de código, el que podamos hacer modificaciones sobre varios elementos a la vez. Hay muchos casos en los que viene bien, supongamos por ejemplo, que yo quiero añadir sobre esta etiqueta "li" pero también, sobretodo las que hay debajo una determinada clase. Bueno pues, es lo que se llama multicursor y podemos hacerlo en Dreamweaver utilizando la tecla Ctrl, Comando en Macintosh. Que me permite, teniéndola pulsada, pinchar y arrastrar y hacer selecciones múltiples. En el momento en el que yo tengo una selección, yo puedo empezar a escribir y lo que ocurrirá será que se sustituirá lo que tengo escrito por lo que voy añadiendo. Entonces en este caso, pues puedo ir añadiendo fácilmente sobre todos estos elementos a la vez una clase concreta. Por ejemplo, enlace principal. Aquí vemos como se van añadiendo todos a la vez. Si las líneas que yo tengo son equivalentes, si van todas las líneas cedidas, también tengo la posibilidad de pinchar y arrastrar hacia abajo y entonces con eso, pues puedo conseguir seleccionar varios elementos de una manera más fácil. Osea, por ejemplo, si yo creo aquí varios divs. Voy a seleccionar todo este div y lo duplico varias veces. Puedo utilizar la tecla Alt y teniéndola seleccionada puedo pinchar y arrastrar y así me va seleccionando también como podemos ver toda la columna. Es otra forma distinta de trabajar. Otra posibilidad diferente que también es muy interesante es cuando yo tengo muchos elementos sueltos por toda la página y quiero cambiarlos todos a la vez. Por ejemplo, no es nada raro querer cambiar el nombre de una clase. En eventos, pues yo podría querer que fuese otra clase distinta o mejor todavía, en esta clase descripción Para poder modificar todas las ocurrencias lo que puedo es seleccionar haciendo doble clic esa clase en concreto, irme al menú, "Buscar" y seleccionar ''Buscar todos'' y seleccionar. Esto me marca todas las ocurrencias de ese texto en concreto. Y entonces ahora aquí lo puedo cambiar y hacer que sea descripción y añadir, pues por ejemplo, eventos. Con eso he conseguido cambiar todas esas ocurrencias de una sola vez dentro de este archivo. Voy a deshacerlo para que no pierda las clases asociadas. Otra cosa que también es interesante, es dentro de lo que es la vista de código es la parte inferior. Dentro de esta parte inferior, tenemos un botón en concreto que me permite elegir entre dos modos distintos de añadir programación, el de insertar y haciendo clic me lo sustituye por el OVR que sirve para sustituir. Mejor es verlo funcionando. Por ejemplo, imaginemos que yo no quiero poner aquí una etiqueta artículo, si no una etiqueta sección, pues puedo hacer clic en el, sustituir por el modo de sustitución, por el OVR y entonces ahora, según voy escribiendo lo que ocurre es que me va sustituyendo el texto que había por el texto que voy poniendo. Que es distinto a que cuando lo pongo en el modo de inserción, que lo que ocurre es que se va a añadir el texto que vaya escribiendo a partir del punto donde he hecho clic con el cursor. Y aprovechando que explico estos botones, aquí en la parte inferior, voy a comentar también, el que en esta barra de información tengo un listado con las etiquetas que haya anidadas hasta que se llega en el punto en el que tengo la inserción. Por ejemplo, si selecciono este h2 , nos aparece ese h2 y todas las etiquetas que hay alrededor y además no solamente aparece la etiqueta, si no además, la clase que tiene esa etiqueta en concreto. Esto me va a servir para muy fácilmente recuperar elementos englobados, con lo cual pues bueno, pues bueno, puedo seleccionarlos o podría borrarlos por ejemplo. Y otra herramienta también interesante es la que me devuelve la posición exacta del cursor, en líneas y en columnas y es estos dos números que aparecen aquí. Efectivamente sería la línea 36 y la columna 43, si por ejemplo me pusiese en este punto, pues aparece que es la línea 40 y la columna 1. Esto es muy útil cuando estamos buscando errores en códigos grandes que nos han devuelto las herramientas de depuración de los distintos navegadores.

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.