En la tercera entrega del curso de CSS, vamos a modificar el CSS de La Vanguardia, de El País y del INE, en directo, para ver cómo está hecho y aprenderemos a copiar estilos de una página a otra.
Para poder ver los vídeos podéis suscribiros a través de este enlace, y tendréis acceso tanto a este curso como al resto de cursos de marketing online y desarrollo web.
3.1 - Modificando el CSS de una web en directo
Empezaremos con La Vanguardia. Veremos el CSS que utiliza para diseñar su web, y lo modificaremos a voluntad, pintando el menú de color rosa u otras barbaridades, y luego aplicaremos esos estilos a la web de El País con un simple "copiar / pegar". Luego iremos a la web del Instituto Nacional de Estadística y haremos lo mismo.
La idea que está detrás de todo esto es doble. Por una parte podemos ver cómo se consigue un estilo en particular y así aprender. Y por otra parte, podemos aprovechar ese código para aplicarlo a nuestra web.
¿Divertido, verdad? Evidentemente, no hay ni que decir que todos estos cambios sólo los vemos nosotros, y que en ningún momento estamos modificando la web para el resto de personas. Esto es simplemente una copia en local que vemos nosotros y ya está.
Bien, pues si esto os ha parecido interesante, el siguiente vídeo aún lo será más. Veamos como hacer todo esto sin tener que lidiar con código.
3.2 - Modificando el CSS de una web sin tocar código
En este vídeo vamos a seguir trasteando con la web del INE, pero en lugar de hacerlo picando código, como hemos hecho hasta ahora, lo haremos con un asistente.
Un pequeño panel de control que nos permitirá modificar texto, colores, fondos, márgenes, bordes, visibilidad y en definitiva, la mayoría de propiedades CSS más utilizadas. Y todo sin escribir ni una sola línea de código.
Como podéis ver, ahora modificar el CSS de cualquier página es tan fácil y simple como hacer unos cuantos clics. Y si queremos aplicarlo a nuestra web, con un "copiar / pegar" nos vale. ¡Esto es muy práctico incluso para modificar vuestra propia página!
Una lección muy práctica en la que os dejo muchos deberes. O sea que os recomiendo que hagáis clic en el enlace que os dejo debajo del vídeo y empecéis a trastear y a investigar el CSS de todas aquellas páginas que queráis. Práctica, práctica y más práctica. Porque en la siguiente clase... ¡más CSS! :)
Todos los capítulos de este curso:
- Curso CSS #1. Introducción
- Curso CSS #2. Practica
- Curso CSS #3. Modificar el CSS de una web
- Curso CSS #4. Crear una landing page sólo con CSS
- Curso CSS #5. Modificar nuestro CSS correctamente
- Curso CSS #6. Media queries
- Curso CSS #7. Las 10 modificaciones de CSS que más me piden
- Curso CSS #8. Extensiones de CSS para Chrome
- Curso CSS #9. Modificar y guardar CSS visualmente
- Curso CSS #10. Herramientas online CSS