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

Configuración del entorno de programación en Dreamweaver

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
En este vídeo vamos a hacer un repaso de las preferencias relacionadas con el entorno de programación para descubrir las opciones de personalización que hacen que la aplicación se pueda adaptar a diferentes tipos de desarrollo y gustos de usuario.

Transcripción

Esta versión de Dreamweaver no admite tantas opciones de configuración como las anteriores. Pero sin embargo sí que tenemos varias características sobre las que podemos trabajar dentro del editor de código. En "Edición" "Preferencias", va a haber varios aspectos distintos sobre los que hacer modificaciones. Por un lado, el "Formato de código". Esto es interesante sobre todo para programadores experimentados o programadores que tengan que hacer tareas ya más o menos avanzadas. Pero tiene cierta utilidad. Por ejemplo: la forma de crear las sangrías de los distintos elementos, está configurado como "Espacios" por defecto, pero si nosotros vamos a trabajar con, por poner un ejemplo, con archivos de configuración YML, en ese caso necesitaremos utilizar "Tabulaciones", porque si no nos generaría errores. Así que para trabajar con este tipo de archivos de configuración, es preferible venirse al menú de "Preferencias" y cambiar esos "Espacios" por "Tabulaciones". Por otro lado, bueno pues en el caso de que estemos trabajando con "Espacios", podemos elegir el tamaño de esas "Tabulaciones" y así elegir como se va a maquetar, más abierto o menos. Otra cosa que también es interesante, es que dentro de Dreamweaver podemos programar con "Emmet". "Emmet" va más allá de lo que es un programa, o de lo que es una serie de buenas prácticas. "Emmet" ofrece herramientas que son atajos de teclado y que me van a facilitar muchísimo la programación. Y podemos activarlo o desactivarlo. Entonces, gracias a eso, pues podemos escribir simplemente la abreviatura de las etiquetas, y pulsando la tecla de "Tabulación", inmediatamente ya me escribiría la etiqueta completa. Otra cosa que también es interesante es la forma de añadir los saltos de línea. Y es que dependiendo de cómo los utilicemos puede haber algunos formatos, algunos tipos de archivo, sobre todo los que sirven para pasar texto, que pueden generar luego problemas de compatibilidad con los servidores. Por ejemplo, pues cuando estamos intentando pasar retornos de carro con el formato de la \r\n por ejemplo. Otra cosa que también es interesante es el formato avanzado, las bibliotecas de etiquetas. Y es que aparte de lo que son las opciones que nos ofrece el propio Dreamweaver, las que vienen por defecto, yo puedo ampliar esas opciones manualmente. Y así, si por ejemplo empezamos a trabajar con un framework concreto, o si nos creamos nuestro propio framework, pues tenemos la posibilidad de añadir las etiquetas y los atributos necesarios para él. De hecho, podemos crear, bueno aquí tenemos las bibliotecas de distintos lenguajes, pero podemos añadir nuevas bibliotecas. Podemos añadir "Nuevos atributos" o "Nuevas etiquetas". Aparte de eso también tenemos opciones de importación de archivos, en los que me vienen, pues eso, diferentes bibliotecas de etiquetas de lenguajes, como por ejemplo, JSP. En cualquiera de estos casos, si me pongo a navegar un poco por las etiquetas propias de HTML, voy a coger la más habitual, el "div", cuando la seleccione pues vemos que tenemos diferentes opciones con ellas. Por ejemplo, hay etiquetas como el "div" que nos interesa que cada vez que la añadimos me añada además un retorno de carro. Bueno, pues me permite efectivamente la opción de añadir un salto de línea, en este caso antes y después de la etiqueta, pero puedo elegir cuándo quiero que lo añada. Por otro lado, también me permite elegir cómo se va a formatear el contenido que voy a añadir. Y también si las etiquetas van a venir en mayúsculas o en minúsculas. Puedo ver además un ejemplo de cómo quedaría, según lo tengo configurado en un momento dado. Aquí podemos verlo cómo efectivamente me añade un espacio antes y después. Y si hago cualquier modificación, pues también vería cómo queda formateado en ese caso. Y trabajando con los atributos es la misma idea. Yo puedo seleccionar una etiqueta cualquiera y puedo ir viendo los distintos atributos. Puedo añadir nuevos atributos, como decía, o puedo también seleccionar un atributo y puedo modificar los valores posibles para esos atributos. Y así, por ejemplo, cabe la posibilidad también de que en atributos concretos me dé valores por defecto, independientemente de que yo luego pueda escribir el atributo que quiera. Como se puede imaginar, todas estas configuraciones, bueno, pues son muy potentes a la hora de cambiar la forma en la que Dreamweaver va a modificar su relación con el programador. También podemos elegir cómo se van a ver las fuentes. No vamos a poder jugar con los distintos colores del código, pero, sin embargo, sí que voy a poder modificar el tamaño por defecto de las fuentes y los tipos de letras utilizados. Otra cosa que también puedo hacer relacionado con el código es modificar dentro del apartado de CSS, la forma en la que los CSS se van a ir creando. Por ejemplo, si se van a utilizar formas abreviadas o no, o si por ejemplo, quiero que me añada prefijos para determinados navegadores, en el caso de ciertas propiedades concretas. Y aparte de eso hay algunas herramientas que ya son más específicas. Por ejemplo, las herramientas de "Reescritura de código". Y es que yo puedo hacer que el código de una página se modifique automáticamente dependiendo de ciertas reglas. Que yo cuando abra un documento en concreto, pues busque, por ejemplo, las etiquetas no cerradas y mal alineadas. Bueno, pues puedo marcarlo. En el caso de que ocurra alguno de estos problemas, además puedo elegir que lo elimine directamente o que avise antes de hacer ningún cambio. Bueno, pues lo podemos marcar como "Advertir", y eso va a hacer que cuando cierre los archivos, cuando los vuelva a abrir, me detecte los errores, me permita elegir qué quiero hacer con esos errores y los pueda modificar. Una vez que he cambiado las opciones a mi gusto, hay todavía algunas más que veremos más adelante, simplemente necesito pulsar en "Aplicar". Cerraré. Y ya tengo acceso a los cambios que acabo de realizar.

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.