Dreamweaver CC 2017 esencial

Utilización de la herramienta Extract en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1267 cursos !

Prueba gratis Mostrar modalidades de suscripción
El panel Extract es una nueva herramienta de Adobe que ayuda a los programadores a recuperar la información de formateo de elementos de diseño creados en Photoshop. De este modo se recupera tanto esa información como las imágenes necesarias para poderlas usar en Dreamweaver.

Transcripción

(hombre) Otra herramienta interesante es una que me va a servir para recuperar información de archivos creados en Photoshop. O sea archivos que tengan texto, que tengan formas vectoriales o que tengan imágenes que realmente yo haya compuesto dentro de Photoshop, o sea que yo puedo hacer un diseño, guardarlo en PSD con todas sus capas y luego venirme a Dreamweaver y dentro de Dreamweaver extraer lo que necesite de ese diseño, esa extracción pues me va a devolver textos, me va a devolver assets, o sea me va a devolver imágenes ya re-muestreadas o me va a devolver estilos de CCS. La herramienta en cuestión es el panel Extract, de hecho cuando lo abrimos por primera vez muestra un pequeño tutorial del cual podemos salir desde el menú desplegable, pulsando sobre cargar PSD me cargaría un PSD propio, pero de momento voy a seguir trabajando con el porque está muy bien explicado, el planteamiento es yo tengo diferentes elementos en esta composición PSD, puedo ver las distintas capas, haciendo clic en capas, puedo abrir además las diferentes capas, e ir viendo los diferentes elementos, ya de entrada llama la atención que aparece aquí un botonsillo que sirve para hacer descargas. Hay otra cosa que también puedo ver aquí y es en estilos, puedo ver digamos que los estilos globales que se han utilizado, o sea no estilos de CCS sino las fuentes que se han utilizado, los colores que se han utilizado dentro de este PSD. Pero lo verdaderamente interesante de todo ello es que yo puedo seleccionar un elemento cualquiera y puedo copiar sus CCSs y puedo copiar su texto. Y puedo también extraer los archivos necesarios y entonces con eso yo puedo fácilmente reproducir esto que tengo seleccionado en una página cualquiera. O sea yo trabajaría sobre una página vacía como es esta, y si quiero esta fotografía yo lo que hago es pulsar sobre extraer archivo voy a dejarle la carpeta por defecto, me deja un nombre, y además me deja un PNG, puedo elegir el tipo de PNG, podría aplicar un PNG con alpha por ejemplo, con 8, un 32 que lo prefiero, pulso en guardar, y eso me va a generar todos esos contenidos. Hecho dentro de archivos, aquí se puede ver como me ha creado esa imagen de arrastre. Si selecciono todo el código CCS, pues también puedo copiar este CCS. Y ahora, me vendría a la parte de código, dentro de esta parte de código podría añadir estilos de CCS y pegar ese código que he generado. Tendría que utilizar algún tipo de selector, pues por ejemplo TXT, pero la idea está clara. No es que me descomponga todo el PSD y me lo convierta en un archivo en realidad, más bien en lo que consiste es en que yo tengo una serie de efectos y necesito saber como se han conseguido, pues por ejemplo estos textos, yo quiero reproducir ese mismo texto, bueno pues copio el texto, pego el texto, selecciono todos los CCSs, copio los CCSs, creo una nueva clase, aplico esos CCSs, y luego vengo de nuevo a la etiqueta, y guardo esa clase. Guardaría el archivo y seguiría trabajando con él. Más o menos esta es la idea, claro, hay que tener en cuenta que necesito recuperar los distintos elementos, necesito vincular mi archivo a los tipos de letras necesarios, por eso, no aparece este tipo de letra aquí. En el caso de los textos, pues este texto me lo dejaría igual, las selecciones sobre todo el bloque de texto, no distingue uno del otro, necesitaría aquí venirme a "Esto es un PSD de Dreamweaver" y en esta parte en concreto añadir una etiqueta H2 por ejemplo, y aplicarle los font-weights necesarios para que coincidiese exactamente con lo que tiene que ser. Pero como digo, es una herramienta interesante porque me permite recuperar exactamente, en teoría, lo que yo tengo dentro de Photoshop.

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 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.