Dreamweaver CC 2017 esencial

Modificar estilos CSS con la vista código de Dreamweaver

¡Prueba gratis durante 10 días

nuestros 1218 cursos !

Prueba gratis Mostrar modalidades de suscripción
No hay que cerrarse a la utilización del entorno de programación de Dreamweaver porque es muy cómodo, muy potente y mucho más simple de lo que se pueda creer, y mediante su uso es mucho más fácil aprender HTML.

Transcripción

Hay más herramientas que simplemente el diseñador CSS dentro de Dreamweaver para trabajar con los estilos. Supongamos que yo, en realidad, soy un programador y quiero trabajar desde la vista de programación para hacer modificaciones sobre los CSS. Lo puedo hacer de una manera muy fácil y muy cómoda. Puedo, por supuesto, utilizar el panel DOM para seleccionar una etiqueta concreta. Por ejemplo, para seleccionar este "header". Una vez que yo sé donde está ese "header" puedo hacer clic sobre él y puedo utilizar el "Quick Edit", la edición rápida. Esto me va a abrir el código CSS relacionado con este "header" justo debajo de donde tengo la inserción. y eso lo va a hacer utilizando las teclas "control+E" o "comando+E". Y aquí vemos que efectivamente me abre un pequeño paréntesis dentro donde me muestra los estilos aplicables. Puedo añadir nuevas reglas o puedo también hacer modificaciones sobre la regla concreta en la que estoy trabajando. Por ejemplo, en este caso ahora aquí, puedo seguir añadiendo código y entonces, por ejemplo puedo decirle que tenga un máximo de ancho de 905 píxeles. Puedo seguir añadiendo más código, por ejemplo, quiero que aparezca centrado entonces le voy a pedir que tenga un ancho determinado. Es interesante ver que según voy añadiendo el código, las ayudas a la programación, me pone también información sobre exactamente para qué sirve cada una de estas propiedades y no solo para que sirve, sino que tiene un enlace que me pasa a Mozilla donde puedo ver un montón de información sobre la utilización de esa clase en concreto. Volviendo de nuevo atrás, para volver otra vez a sacar la ayuda visual puedo seguir escribiendo o puedo pulsar "control+barra espaciadora" "comando+barra espaciadora" en Mac. Selecciono "width" entonces y ahora, pues le pongo un valor del 80 %. Las medidas de los CSS no son solamente en píxeles también puedo utilizar un % sobre el ancho de la página. Para hacer que aparezca centrado en la pantalla le pongo un margen que sea de "0 auto" y esto me habrá dado un aspecto distinto. Aquí vemos que aparece centrado el "header" dentro de la pantalla y con un tamaño determinado. Como podemos ver se trabaja muy fácilmente con él. Pero podemos también hacer todavía más cosas. Voy a ponerme en la vista de código y, por ejemplo, si yo tengo dudas sobre este margen puedo utilizar "control+K" "comando+K" en Mac, que va a servir para, sobre la propiedad en la que había hecho clic, recuperar información directamente sobre esa propiedad en concreto. Volviendo a pulsar "control+K" o haciendo clic en la "x", vuelve de nuevo a desaparecer. No hay que tener miedo a utilizar el código, porque, como vemos, según voy empezando a escribir él, inmediatamente, me va dando posibilidades. Es más, si yo pulso "control+barra espaciadora" él, inmediatamente, me saca un listado con absolutamente todas las posibles propiedades que podría utilizar, y entonces sobre ellas, ahora ya puedo ir eligiendo, y si, por ejemplo, quiero añadir que no tenga "padding" puedo poner una "p", ya me va dando la información de nuevo y sigo aplicando las características que me interese, en este caso, por ejemplo, 0 píxeles.

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.
 
Fecha de publicación:18/11/2016
Duración:6:11 horas (78 Videos)

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.