Este curso para principiantes está diseñado para ayudarlo a dominar los fundamentos de CSS mientras crea un sitio web básico pero completo y…
Este curso para principiantes está diseñado para ayudarlo a dominar los fundamentos de CSS mientras crea un sitio web básico pero completo y funcional. CSS (hoja de estilo en cascada) es una forma popular de darle formato al diseño de páginas web. CSS se utiliza para definir estilos tecnológicos, tamaños de tablas y cualquier aspecto que se encuentre en las páginas web. El instructor Cliff Brozo le enseñará los conceptos básicos de CSS, cubriendo los temas de fuentes, listas, alineación y codificación, fondos y bordes. Este curso también incluye los aspectos más intrincados de CSS, incluidos los espacios em y en, kerning, padding y decoración de texto. Al final de este curso, podrá crear un sitio web elegante e impactante que podrá modificar fácilmente a su gusto.
Objetivos de aprendizaje
- Explorar la codificación HTML
- Dar formato a fuentes
- Dar formato a listas
- Dar formato al texto
Habilidades
- Dar formato a sitios web
- Creación de sitios web
- Determinar la relación de aspecto
- Controlar el diseño y la presentación de la página web
Habilidades que obtendrás
Hojas de estilo en cascada (CSS)Códigos CSSMarco de trabajo CSSGrilla de CSSCSS Orientado a ObjetosHojas de estilo en cascada Sassy (SCSS)Lo que aprenderás
- Explorar la codificación HTML como la estructura detrás de un sitio web
- Formatear fuentes, incluyendo modificar fuentes y tamaños de fuente
- Formatear listas y aplicar alineación de texto
- Estilizar fondos, bordes e imágenes con CSS
- Aplicar aspectos complejos de CSS tales como espacios em y en, kerning, padding y text-decoration
- Construir un sitio web básico, completo y funcional que puedas modificar a tu gusto
Puntos clave
- CSS (Cascading Style Sheets) es una forma popular de formatear la disposición de páginas web, utilizada para definir estilos, tamaños de tabla y otros aspectos de páginas web.
- Mientras que HTML construye la estructura de un sitio web, CSS permite que esa estructura cobre vida y mejora la experiencia del usuario.
- CSS cubre tanto los conceptos básicos (fuentes, listas, alineación, fondos, bordes) como aspectos más complejos (espacios em y en, kerning, padding, text-decoration).
- CSS es amigable con dispositivos móviles y presenta el aspecto y sensación de páginas web de manera consistente en todos los dispositivos.
- CSS es un punto de partida para nuevos programadores que desean aprender programas más avanzados como Python, MySQL y JavaScript.
Preguntas frecuentes
¿Para quién está diseñado este curso?
Está diseñado como un punto de partida para nuevos programadores, y los datos señalan que CSS es un lenguaje de programación básico que todos los programadores, diseñadores y comerciantes necesitan conocer.
¿Qué seré capaz de hacer después de completar este curso?
Serás capaz de crear un sitio web elegante e impactante que puedas modificar fácilmente a tu gusto, habiendo dominado los fundamentos de CSS.
¿Qué temas cubre el curso?
Cubre los conceptos básicos de CSS incluyendo fuentes, listas, alineación y codificación, fondos y bordes, así como aspectos más complejos tales como espacios em y en, kerning, padding y text-decoration.
¿Para qué se utiliza CSS?
CSS es una forma popular de formatear la disposición de páginas web, utilizada para definir estilos, tamaños de tabla y cualquier aspecto encontrado en páginas web, y también puede crear interfaces de usuario interactivas incluyendo animaciones web.
¿Este curso ayuda a aprender otros lenguajes de programación?
Sí, el curso describe CSS como el punto de partida perfecto para nuevos programadores que desean aprender programas más avanzados como Python, MySQL y JavaScript.
Transcripción
Transcripción
(música optimista) Hola, bienvenido al curso de Knowledge City en hojas de estilo en cascada. Mi nombre es Cliff Brozo, y seré tu profesor para este curso. Vamos a explorar algunos códigos HTML5 que va de la mano con CSS, y aprenderemos qué es el W3C, el Consorcio World Wide Web, lo hace por nosotros. Vamos a formatear algunas fuentes, Te presentaré los tipos de letra y hablaremos sobre el estado de ánimo y la sensación de las fuentes. Discutiremos las familias de fuentes, fuentes que parecen similares. Y decidiremos qué tan audaz es demasiado audaz. Cambiaremos los tamaños de fuente en la página. Hablaremos de las letras y M y N. No, esto no es Barrio Sésamo. Discutiremos las fuentes proporcionales, decidir cuántos puntos hay en la pantalla, y averigüe qué es un punto en la pantalla. Formatearemos una lista y decidiremos usar una viñeta, una forma, un color o tal vez incluso una imagen como nuestra viñeta. Si es una lista numerada, aprenderemos a contar y decidiremos ¿A dónde deberían ir estas balas? Finalmente en esta sección, aprenderemos qué es Unicode y cómo puede usarlo. Alinearemos algo de texto. Lo pondremos a la izquierda, lo pondremos a la derecha lo pondremos en el centro. Lo subrayaremos, lo resaltaremos. Lo pondremos en una posición fija, una posición absoluta, una posición pegajosa. Lo haremos estático, relativo, lo justificaremos. Lo único que no haremos es hacer que parpadee. Decidiremos cuáles son los antecedentes adecuados. Aprenderemos sobre los colores contrastantes. Aprenderemos sobre gradientes lineales. Si colocamos imágenes en el fondo, ¿Qué tamaño deberían tener esas imágenes? Aprenderemos sobre efectos artísticos y opacidad, si podemos ver a través de las cosas o no. Decidiremos si la repetición es algo bueno o algo malo. Exploraremos la rueda de colores y aprenda sobre los números hexadecimales, los números rojo, verde y azul, los números de tono, saturación y luminancia, y todo eso es solo para configurar el color turquesa. Pondremos algunas fronteras alrededor de diferentes cosas. ¿Dónde debemos ponerlos? ¿Deberían ser de color o negro? ¿Qué tipo de efectos especiales deberíamos poner en esas fronteras? ¿Debería ser el borde un patrón? Pondremos algunas líneas en la página una línea delgada, una línea gruesa. ¿Hasta dónde deben llegar las líneas? Finalmente, en este curso, discutiremos las imágenes. Determinaremos un punto focal para su página web. Decidiremos qué buen equilibrio hay en la página, y aprenderemos sobre la relación de aspecto. Decidiremos cuánto espacio en blanco usar alrededor de las imágenes, y pondremos algunas esquinas redondeadas en nuestra imagen. Al final de este curso, vas a aprender y saber hacer todas esas cosas. Espero que me acompañes. Empecemos.
Aprende sobre la marcha
Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.