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

Configuración de SASS

¡Prueba gratis durante 10 días

nuestros 1272 cursos !

Prueba gratis Mostrar modalidades de suscripción
Para empezar, vamos a ir a la administración de sitios y veremos las opciones generales y de salida del apartado de preprocesadores CSS. Con estas configuraciones definiremos dónde se generarán los archivos y la forma en que se creen y detecten sus errores.

Transcripción

Dreamweaver soporta el trabajo con preprocesadores, es más, una de las tareas que exigen los preprocesadores, es el poder compilar los archivos de una manera cómoda y esto Dreamwever lo hace y de manera automática. Para poder trabajar con preprocesadores CCS, vamos a tener que ir a "Sitio", "Administrar sitio" y dentro de nuestro sitio vamos a pulsar en "Editar" e irnos al apartado de preprocesadores de CCS. En el apartado general, vamos a tener la posibilidad de activar la compilación automáticamente al guardar archivos. Esto va a hacer que cada vez que yo genere un archivo y que luego lo guarde, cada vez que lo guarde, cada vez que haga una modificación, inmediatamente se van a generar los archivos CCS relacionados. En el apartado de fuente y salida, puedo determinar en qué carpeta se van a crear esos archivos CCS. Puedo crearlos el la misma carpeta donde está el archivo con el formato SAS, LES o CFS o puedo hacer que los guarde dentro de una segunda carpeta, de hecho, yo voy a configurar mi sitio para que se guarden los archivos generados dentro de la carpeta CCS. También podemos seleccionar una carpeta de origen y de hecho voy a seleccionar una nueva carpeta a la que voy a llamar "SASS". Dentro de esta carpeta pulsaré "Seleccionar Carpeta" y es donde voy a crear los archivos "SAS" con los que voy a trabajar dentro de este sitio. Como configuraciones básicas es suficiente. En realidad tenemos algunas configuraciones más, voy a tener que esperar que termine de hacer la actualización de los archivos, ya está y aquí vemos como tengo esa carpeta SAS. Hay algunas propiedades más que puedo configurar, dentro del apartado general, por ejemplo, puedo elegir como se van a controlar las matemáticas y las unidades dentro de por ejemplo, "LES" y es que esto va a servir para hacer un control de errores acerca de, si por ejemplo estoy multiplicando un tipo de unidades con otros me dé unidades cuadradas por ejemplo o que esté relacionando píxels con por ejemplo, medidas basadas en porcentaje, todo ese tipo de mezclas, diferentes medidas pueden provocar errores y yo puedo controlar que estos errores estén controlados. Por otro lado también puedo definir, que se reescriban las direcciones como URL relativas al sitio y aparte de eso también, puedo hacer que se generen los mapa de fuente, de hecho, en el caso de "SAS" y de "SCS" también puedo hacerlo. Esto de generar mapas de fuente consiste en que yo puedo trabajar con los archivos minimizados, o sea con los archivos con la versión más compacta posible para poder hacer depuraciones dentro de mi entorno de pruebas, puedo utilizar estos archivos .map que el navegador va a buscar y en el caso de encontrarlos, van a servirme para hacer precisamente esa depuración, voy a marcarlos también. Y también voy a poder elegir la forma en la que se van a crear los archivos "CCS" pueden ser archivos compactados con lo cual tiene sentido generar ese mapa de fuente, aunque de momento para el curso y para hacer demostraciones, voy a mantener la opción "Nested" que básicamente me va a dejar un CCS normal, estructurado y comprensible. Y por último también, si yo añado comentarios dentro de "SAS" bueno pues, eh, si tengo marcada la opción de crear comentarios de fuente, esto me va a generar los archivos CCS con esos comentarios, cosa que puede resultar interesante siempre que trabaje con "Nested", pero que, en caso de que me pase a la versión "Compact", no tendría sentido y debería de deseleccionarlo. Pulsaríamos en "Guardar", pulsaría en "Listo". Ahora, para poder crear archivos de preprocesador CCS es muy fácil. Dentro ya de la misma ventana de inicio, voy a tener los tipos de documento "SAS" documento "LES" o también documento "SCSS". Bueno pues, pulsaría en "Crear documento SAS" y lo voy a guardar dentro de la carpeta "SASS" y lo voy a llamar por ejemplo, de momento, "Variales". Lo guardo y si ahora abro la carpeta "Sitio", se ve que ha generado este archivo "Variables CCS" y es más, también ha generado el archivo "Varialesccs.map". Otra cuestión interesante, si yo tengo activada la opción dentro del servidor, de "Ocultar Archivos" en "Ocultación" "Activar Ocultación", con eso voy a conseguir que estos archivos que no forman parte digamos del sitio remoto, que no van a ser necesarios en él, que son solo archivos para el desarrollo, van a aparecer marcados con la barra cruzada y podemos ver que efectivamente, el archivo "Map" no hay que subirlo al servidor y que no me aparece así marcado, y también podemos ver cómo el archivo "SAS" que he creado también, aparece como archivo oculto. De esa manera en el servidor no se van a crear más que los archivos necesarios que en este caso van a ser los archivos de salida, que son los archivos CCS.

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.