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

Trabajar con fragmentos de código en Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Los fragmentos de código sirven para que los elementos de los lenguajes que más se usan estén almacenados para insertarlos automáticamente, y mediante atajos, dentro de nuestro código. Esta es una herramienta que mejora enormemente la productividad mientras se programa.

Transcripción

Hay tareas que son muy repetitivas y a veces se llevan bastante tiempo, pues hay una herramienta dentro de Dreamweaver que facilita el añadir elementos que utilizamos muy habitualmente. Por ejemplo, yo suelo utilizar mucho etiquetas UL y dentro de ellas series de etiquetas LI que además en principio suelen llevar siempre asociada una determinada clase, aunque no voy a ponerles ninguna clase, y que además, también suelen llevar un HRef metido dentro. En este caso, lo que haré es ponerle una almohadilla para que realmente no vayan a ninguna parte y voy a cerrar esa etiqueta. Voy a duplicar esta línea de código y la voy a formatear un poco. Supongamos que yo utilizo mucho este fragmento de código, puedo utilizar precisamente eso, los fragmentos de código, voy a ir a la vista de programador donde ya tengo esos fragmentos preparados, en realidad este panel se puede encontrar fácilmente desde el menú ventana, y dentro de ese menú ventana tenemos el menú fragmentos en la parte inferior. Bien, pues como decía, de lo que se trata es de añadir los fragmentos en los snippets, en la carpeta que me interese, dentro de HTML, dentro de ella puedo crear una carpeta nueva que voy a llamar Jorge, y dentro de ella voy a almacenar mis propios fragmentos, pues selecciono esa carpeta, ya tengo seleccionado el código, pulso en Nuevo fragmento y esto me abre un panel en el que le puedo poner nombre y entonces pongo "LIsta UL con varios enlaces", descripción: "este conjunto sirve para hacer elementos de navegación", y debajo vemos el código que se va a insertar. Pulso en aceptar, y aquí tenemos ese nuevo fragmento. Para utilizar ese nuevo fragmento hay varias formas de hacerlo, en principio se puede hacer seleccionando y pulsando en el botón de Insertar, eso me lo coloca en el punto donde tengo la inserción, no es una forma muy cómoda de hacerlo, porque mientras estoy programando, pues no tiene mucho sentido el tener que coger el ratón, moverme a donde sea y volver. Pero es que tenemos más opciones, voy a Ampliar, y entonces aquí en Ampliar se puede ver que entre la descripción y el nombre, tengo Tecla de activación, y yo aquí, puedo por ejemplo escribir LU, LI y ahora conseguiré que cuando esté generando código, voy de nuevo a encogerlo si escribo LU Li y pulso la tecla de tabulación, automáticamente me va a sustituir ese atajo de teclado, esa abreviatura por el conjunto de texto, por el conjunto de código que acabo de crear, por este LU, Li y todo lo demás. Puedo seleccionar el atajo y pulsar en el botón de Editar, o también puedo con el botón derecho pedir Edición, eso me vuelve a abrir este objeto, y aquí puedo cambiarlo, puedo hacer que me ponga delante una etiqueta Nav y que al final, tenga también el cierre de esa etiqueta Nav, y así con esto consigo que además este sistema de crear menús de navegación esté metido dentro de la etiqueta en que debería estar. También, cuando no voy a utilizar un atajo de teclado, siempre puedo seleccionarle y pulsar sobre la tecla de quitar, y eso eliminaría ese fragmento.

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.