Con este curso podrás:

Crear sitios con  HTML5

Crear sitios con HTML5

Aplicar estilos con CSS3

Aplicar estilos con CSS3

Crear layouts increíbles con Flexbox

Crear layouts increíbles con Flexbox

Usar tipografía en web

Usar tipografía en web

Publicar con Github Pages

Publicar con Github Pages

Temario del curso

Materiales

Descarga el código del proyecto

Introducción y conceptos básicos

Bienvenidos al curso de desarrollo web online
Introducción al desarrollo web
¿Qué herramientas necesito para desarrollar?
HTML y su estructura
Etiquetas, atributos y valores

HTML

Definiendo la estructura de nuestro sitio web
Agregando imagénes al sitio
Agregando navegación interna
Agregando estilos a nuestro HTML

CSS

Selectores de CSS
Agregando clases a nuestros elementos HTML
Backgrounds, colores y tamaños de fuente
Google Fonts
Display block e inline-block
Entendiendo el modelo de caja
Aplicando el modelo de caja a nuestro proyecto
Múltiples clases para una misma etiqueta
Flotando nuestros elementos
Positions
Bordes redondeados

Navegación, formularios, tablas y Flexbox

Agregando un footer a nuestro sitio
Hacer un formulario de contacto
Usar Flexbox en CSS
Enlazar a páginas internas
Crear tablas en nuestro sitio
Pseudoelementos y entidades
Puliendo Detalles
Deploy a Github Pages

Conclusiones

Cierre del curso
Desafio 1: Pasar Imagenes a HTML y CSS
Desafio 2: Logra fijar el footer en la parte de abajo
Desafio 3: Hacer transiciones de hover
Desafio 4: Centrar un elemento horizontal y verticalmente

Complementos del curso

Transiciones y transformaciones con CSS
Animaciones avanzadas con Hover

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío y dudas
Stream 2: Resolviendo el primer desafío (Parte 2)
Stream 3: Resolviendo el segundo reto
Stream 5: Resolviendo el último desafio
Stream 4: Resolviendo el tercer desafio
Crea tu propio parallax
Diploma del Curso de Desarrollo Web Online

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Leonidas Esteban

Leonidas Esteban

@LeonidasEsteban

Frontend en Platzi

Crearás tu primer sitio web en este curso

Escribirás el código en HTML5 y CSS3 para lanzar una empresa ficticia llamada "Invie". En el proceso, vas a usar Semántica web, Flexbox y estilos con CSS. Publicarás el proyecto en el mundo real, con GitHub Pages.

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 150 cursos y 24 carreras
  • 6 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 150 cursos y 24 carreras

  • 6 cursos exclusivos

  • Clases en vivo o a tu ritmo con profesores y mentores

  • Estudia donde quieras en la web o en tu teléfono

  • Certificados digitales de los cursos que apruebas

  • Recibe los certificados de tus carreras, vivas donde vivas

  • Acceso a las actualizaciones de todos los cursos

  • Pago con tarjetas de crédito o débito

    Visa
    Mastercard
    American Express
  • Pago con depósito, PayPal y otros métodos

    PayPal
    Depósito
  • Entrada exclusiva al Taller de Creación de Startups

  • Entrada preferencial a PlatziConf en todo el mundo

  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Curso de Gestión Financiera para Startups
Curso de Gestión Financiera para Startups
Cómo conseguir trabajo en Programación
Cómo conseguir trabajo en Programación
Curso de Internacionalización para Startups
Curso de Internacionalización para Startups

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Sergio Santiago González
Sergio Santiago González

Excelente profesor, explica muy bien las diversas técnicas de maquetado.

Edwin  Jorge
Edwin Jorge

Excelente curso! ¡La educación en línea no es educación en línea si no es con Platzi! Dios les bendiga :D

miguel angel goda molina
miguel angel goda molina

lo mejor fue aprender la lógica para poder estructurar un sitio web, también aprender a las propiedades de los elementos HTML y CSS

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 12 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Arquitectura Frontend
Carrera de Arquitectura Frontend