Curso
Diseño web con CSS
Aprenderás a estilizar sitios web: texto, tablas, fondos, multimedia y animaciones. Conocerás cómo aplicar estilos CSS y trabajar con elementos clave como videos, audios e imágenes.
Ideal para principiantes en desarrollo web con conocimientos básicos de HTML y CSS.
- 17 lecciones
- 17 ejercicios prácticos
Más de 5000 estudiantes ya se formaron con nosotros
Formamos desarrolladores desde 2012
Programa del curso
- IntroducciónEn esta lección, exploraremos la importancia del contenido en la creación de proyectos web, y daremos una visión general de los temas que cubriremos a lo largo del curso.
- Modelo de caja y CSS 📦En esta lección, veremos cómo margin, padding y border afectan el tamaño de los elementos, y estudiaremos box-sizing para ajustar cómo se calcula el tamaño en el modelo de caja.
- Estilos de textoEn esta lección, aprenderemos a estilizar texto, cubriendo propiedades básicas para asegurar que la información sea clara y legible.
- Fuentes y cómo trabajar con ellasEn esta lección, aprenderemos a conectar fuentes con CSS, ajustar el tamaño, formato y espaciado del texto, y exploraremos la propiedad font para aplicar seis estilos diferentes.
- Listas 📋En esta lección, aprenderemos sobre los tipos de listas en HTML, cómo anidarlas y estilizar sus marcadores.
- ColumnasEn esta lección, exploraremos el módulo CSS Multi-column Layout de CSS3, que facilita la creación de diseños en varias columnas con ajuste automático del contenido. Veremos cómo usar CSS Columns y discutiremos sus capacidades y limitaciones..
- Unidades de medida 📏En esta lección, exploraremos las unidades de medida en diseño web, incluyendo unidades básicas, relativas y absolutas, y la diferencia entre em y rem para ajustar el tamaño de elementos y texto.
- Elementos multimedia 🎵En esta lección, descubrirás cómo incorporar imágenes, videos y audios en tu sitio web, manejar las variaciones entre navegadores y entender por qué las imágenes tienen un pequeño margen inferior.
- TablasEn esta lección, aprenderemos a crear tablas en HTML, desde las más simples hasta las más complejas, y cómo evitar errores comunes para manejarlas con confianza.
- Formularios 📝En esta lección, aprenderemos a crear formularios interactivos en una página web, incluyendo campos de texto, selección, listas y botones, y abordaremos cómo hacerlos accesibles para personas con discapacidades.
- Selectores 🔍En esta lección, además de los selectores simples por clase, identificador o etiqueta, exploraremos cómo seleccionar elementos usando selectores relacionados y de atributos.
- PseudoclasesEn esta lección, exploraremos las pseudoclases en CSS, aprendiendo a seleccionar elementos pares e impares, aplicar estilos al pasar el mouse, y entender los estados de los elementos y las pseudoclases estructurales.
- Pseudo-elementos¿Faltan elementos en la página? En esta lección, descubriremos los pseudo-elementos en CSS, cómo se crean y utilizan para agregar contenido adicional, y aprenderemos a estilizar los marcadores de lista.
- DesbordamientoEn esta lección, aprenderemos a manejar el desbordamiento de contenido usando la propiedad overflow para ocultar contenido, y a utilizar text-overflow para mostrar puntos suspensivos cuando el texto no cabe en su contenedor.
- Variables CSSEn esta lección, descubrirás cómo simplificar el cambio de colores en tu sitio web utilizando variables en CSS. Aprenderás a crear y aplicar variables, explorarás su alcance y entenderás por qué las variables globales son clave para una gestión más eficiente del diseño.
- Fondo 🖼️En esta lección, aprenderemos a estilizar bloques de contenido usando la propiedad background, que permite establecer color, imagen, posición y dimensiones del fondo.
- Gradientes 🌈En esta lección, aprenderemos a crear gradientes lineales y radiales para fondos, explorando cómo hacer transiciones suaves entre colores y usando la rueda de colores para encontrar combinaciones adecuadas.
-
Práctica en el simulador
Trabaja en el editor de código en tu navegador, y recibe una evaluación inmediata de tus soluciones.
-
Cursos flexibles
Elige los cursos que realmente te interesen y estudia a tu ritmo, sin horarios.
-
Materiales de calidad
Aprende con cursos creados por programadores en activo y actualizados de forma constante.
Este curso forma parte de estas carreras
Si prefieres aprender con la guía de un mentor, te recomendamos explorar nuestras carreras.
-
Carrera · 10 meses
Desarrollador Front-end
Diseña y desarrolla interfaces web modernas, interactivas y atractivas utilizando HTML, CSS y JavaScript.
- HTML y CSS
- JavaScript
- React
- TypeScript
-
Carrera · 8+ meses
Desarrollador Full Stack con IA
Aprende a crear aplicaciones web completas desde cero con HTML, CSS, JavaScript y React, dirigiendo agentes de IA.
- JavaScript
- React
- SQL
- TypeScript
-
Carrera · 10 meses
Desarrollador Python
Domina Python, el lenguaje más popular para backend, y aprende a crear sitios y aplicaciones web completas con Django.
- Python
- Django
- SQL
- Git
Cursos de HTML/CSS
Todos los cursos de HTML/CSS (5)Curso 4 de 5
-
Curso anterior
CSS: Fundamentos de Flex
-
Curso siguiente
CSS: Diseño con Grid
Preguntas y respuestas
La programación me resulta difícil e incomprensible, ¿podré dominarla?
Seamos sinceros: aprender algo nuevo es difícil. Para lograr tus objetivos no basta con tener ganas: necesitas constancia. Sé honesto contigo mismo: ¿estás dispuesto a esforzarte y no rendirte cuando se complique? Si es así, vas a ver resultados.
Nuestros programas son aptos para principiantes, y nuestros egresados demuestran que se puede empezar desde cero, conseguir trabajo y crecer como profesional. Y no estarás solo: te acompañamos durante todo el proceso.
¿Tienes dudas? Envía tu solicitud y empieza con nuestros cursos gratuitos para evaluar tu interés y conocer la calidad de los materiales.
¿Será posible compaginar los estudios en Códica con trabajo?
Muchos de nuestros estudiantes estudian y trabajan al mismo tiempo. Por eso, el formato es asincrónico: tienes acceso a la plataforma 24/7, avanzas a tu ritmo y no dependes del grupo.
Con 15–20 horas por semana terminas en el menor tiempo. Si estudias menos, avanzas más despacio y terminas igual.
¿Qué pasa si necesito tomar un descanso?
Si necesitas un descanso o pasas por circunstancias que no te permiten continuar con los estudios, puedes tomarte una pausa académica. Avísale a tu coordinador.
La pausa dura hasta 3 meses con MAX y hasta 2 meses con PRO y PRO AIC. Puedes tomarla de una vez o dividirla en semanas. Tu matrícula se alarga por los días de pausa y no pagas más por ellos.
Hace muchos años que ya dejé atrás mi etapa de estudiante: ¿es demasiado tarde para empezar?
El estudiante más joven que hemos recibido en Códica tenía 15 años, y el más adulto tenía 70. ¿Tienes el deseo y el interés de formarte como programador? Comienza sin prestarle atención a tu edad.
Si tu objetivo es obtener un empleo, debemos decirte con honestidad que a los estudiantes de mayor edad les puede llevar más tiempo encontrar trabajo. Sin embargo, tenemos muchos ejemplos de graduados de Códica que, después de los 50 años, han tenido éxito en sus carreras profesionales en la programación.
¿Qué debo hacer después de presentar mi solicitud de formación profesional?
- Comienza a completar nuestros cursos básicos gratuitos. Estos contienen teoría, pruebas y práctica: ¡pruébalos!
- Espera a que nuestro especialista en estudios profesionales se comunique contigo. Te contactaremos el mismo día o, a más tardar, al siguiente.
¿Quién es un mentor y cómo ayuda en el proceso de formación?
Los mentores son experimentados programadores que han tenido éxito en su profesión y ahora comparten sus conocimientos y experiencia con los estudiantes de Códica. Los candidatos pasan por un riguroso proceso de selección, y solo uno de cada diez que se postulan para el puesto se convierte en mentor, por lo que no tenemos mentores que hayan sido seleccionados de forma aleatoria.
En Códica te acompañan mentores e instructores:
- Mentor: explica el material, realiza webinars, ayuda con proyectos y te da soporte para que avances sin trabas.
- Instructor: en lugar de webinars, dirige sesiones en vivo por Discord, donde practican y resuelven dudas en tiempo real.
¿Qué son los proyectos Open Source y para qué deberíamos participar en ellos?
Open Source se refiere a aplicaciones con código fuente abierto en GitHub. Cualquier desarrollador, ya sea principiante o veterano, puede contribuir para mejorar este código, si logra encontrar y corregir errores.
Participar en proyectos de código abierto es una práctica valiosa que se puede incluir en tu portafolio. En primer lugar, te enseña a comprender el código de otras personas. Sí, a menudo los desarrolladores tienen que trabajar con código ajeno en lugar de escribir el suyo. En segundo lugar, ayudar a los demás es muy gratificante.
La comunidad de Códica respalda más de 10 proyectos de código abierto propios, lo que proporciona muchas oportunidades para practicar.
¿Cuáles son mis posibilidades de encontrar trabajo después de Códica?
Hemos calculado que el 74% de las personas vienen a Códica para cambiar de profesión y encontrar empleo logran alcanzar su objetivo. El 65% reciben ofertas de trabajo en las primeras cinco entrevistas. El 27% encuentran trabajo sin necesidad de buscarlo, ya que los empleadores los encuentran por sí solos.
Los graduados que completan todo el programa, trabajan en proyectos y participan en proyectos de código abierto tienen todas las posibilidades de encontrar trabajo. Y nosotros los ayudamos en este proceso.
Códica cuenta con un programa llamado "Ruta Profesional". Es gratuito y está disponible para todos los estudiantes. En el marco de este programa, les enseñamos cómo responder adecuadamente a las ofertas de trabajo, cómo elaborar un currículum y escribir adecuadamente las cartas de presentación.
Si no me gustan los cursos, ¿puedo recuperar mi dinero?
Sí, garantizamos un reembolso completo dentro de los 14 días posteriores al inicio del curso. Además, podrás obtener un reembolso por el resto del programa en cualquier etapa de tus estudios. Y no es necesario que expliques nada para procesarlo.
¿Qué pasa si no tengo tiempo para completar el programa en el tiempo estimado?
No pasa nada. El curso es tuyo para siempre y lo terminas a tu ritmo.
¿Qué pasa si termino los estudios antes de tiempo?
¡Excelente! Empiezas a buscar empleo antes, y el curso sigue siendo tuyo.
¿Cómo pagar los estudios?
Si estás seguro de tu decisión de estudiar, puedes pagar el costo completo de la profesión siguiendo el enlace justo después de enviar tu solicitud.
Aceptamos:
- Tarjetas de cualquier banco: Visa, MasterCard y American Express
- Criptomonedas
- PSE y transferencia bancaria (Colombia)
Todos los detalles están en Formas de pago.