En este curso de desarrollo web con HTML5 y CSS3, aprenderás a construir y estilizar páginas web desde cero. Exploraremos las etiquetas esenciales de HTML5 y las técnicas de CSS3 como flexbox y grid layout para crear diseños responsivos y atractivos. Además, te familiarizarás con buenas prácticas de accesibilidad, asegurando que tus sitios sean funcionales y fáciles de usar.
Mediante proyectos prácticos y ejercicios interactivos, consolidarás tus conocimientos y desarrollarás un portafolio web. Este curso te preparará para enfrentar los desafíos del desarrollo web moderno, dotándote de las habilidades necesarias para transformar tus ideas en realidad en la web. También aprenderás a implementar animaciones y transiciones para dar un toque dinámico a tus páginas web.
- Onboarding y Presentación.
- Introducción al desarrollo web.
- Conceptos básicos de internet.
- Configuración del entorno de trabajo.
- Fundamentos de HTML.
- Sintaxis HTML: Estructura básica (
<!DOCTYPE html>,<html>,<head>,<body>) - Enlaces (<a>). Atributos: href,
target. - Imágenes (<img>). Atributos: src, alt.
- Introducción a tablas: (
<table>,<tr>,<td>,<th>)
- Formularios básicos. Etiquetas:
<form>,<input>,<label>,<textarea>,<button>,<select>,<option>. - Introducción a CSS: Sintaxis básica (
<style>,selector { property: value; }) - Estilizando texto. Propiedades:
font-family,font-size,color,text-align.
- Modelo de cajas (Box Model). Propiedades:
margin,border,padding,width,height. - Pseudoclases:
:hover,:focus,:nth-childy pseudoelementos:::before,::after - Unidades relativas: px y unidades absolutas:
%,em,rem.
- Introducción al diseño responsivo (Media Queries). Sintaxis básica (
@media). - Flexbox (Parte 1). Propiedades principales:
display: flex,justify-content,align-items
- Flexbox (Parte 2). Propiedades avanzadas:
flex-direction,flex-wrap,flex-grow,flex-shrink,flex-basis - Introducción a Grid Layout. Sintaxis básica (
display: grid,grid-template-columns,grid-template-rows) - Diseño adaptativo.
- Animaciones y transiciones. Propiedades:
transition,animation. - Sombras y gradientes. Propiedades:
box-shadow,text-shadow,background: linear-gradient,background: radial-gradient - Variables en CSS. Sintaxis (
--variable-name: value;yvar(--variable-name))
En esta clase, los estudiantes presentarán sus proyectos finales, un portafolio web personal. Se evaluará la aplicación de los conceptos aprendidos durante el curso, como HTML, CSS, diseño responsivo y estilos avanzados.
Objetivo del curso
El objetivo de este curso es enseñar a los estudiantes a crear y diseñar sitios web con HTML y CSS, cubriendo desde la estructura básica hasta el diseño responsivo y estilos avanzados, culminando en la creación de un portafolio web personal.
Dirigido a
Principiantes que desean iniciarse en el desarrollo web. Es ideal para personas interesadas en aprender los fundamentos de HTML y CSS, diseñadores gráficos que buscan ampliar sus conocimientos en diseño web, estudiantes de informática y cualquier persona que quiera construir y estilizar sitios web desde cero.
¡Vamos a clases!
Elige cualquier tema y comienza a estudiar.
Módulos del Curso
¿Qué habilidades adquirirás?
Una vez terminado el curso, serás capaz de:
Comprender a fondo la estructura y sintaxis de HTML5.
Utilizar técnicas de CSS3 para estilizar y diseñar páginas web de manera efectiva.
Implementar diseño responsivo utilizando Flexbox y Grid Layout.
Crear y gestionar formularios interactivos y accesibles.
Desarrollar un portafolio web profesional que demuestre tus habilidades y conocimientos adquiridos.
Nuestro Docente
Antony Carlin Ureta Acuña
Diseñador Web
Diseñador gráfico, diseñador UX/UI y front-end developer. Apasionado de las nuevas tecnologías. amplia experiencia en diseño gráfico y web. Ha trabajado como freelance, creando sitios web y materiales impresos. En Grupo Parck y Vichs Publicidad, generó contenido web y diseños para impresión. En Tgraphicword, desarrolló arte gráfico y papelería corporativa.
Fechas y horario
El curso se llevará a cabo en enero de 2025 Fechas a programarse.
PERÚ: Aún no definido
| Enero | ||||||
|---|---|---|---|---|---|---|
| L | M | M | J | V | S | D |
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | ||
Certificado del Curso
Al finalizar el curso, se habilitará de forma automática el enlace de descarga de tu certificado. Cada certificado contiene:
Verificación QR
Podrá verificar la autenticidad de tu certificado.
Horas académicas
El certificado estipula la cantidad de horas académicas del curso.
Nota del estudiante
Tu puntaje final del cuestionario de finalización de curso.
Firmas
Tanto del director académico como del docente.
Preguntas Frecuentes
Si tienes otras consultas, no dudes en usar los enlaces a WhatsApp que dejamos a tu disposición en toda nuestra plataforma.
Sí, este curso está diseñado para principiantes. No se requiere experiencia previa en programación o diseño web, ya que se explican todos los conceptos desde cero.
Los participantes necesitarán una computadora con acceso a Internet.
Una vez que te matricules, tendrás acceso por tiempo indefinido al contenido del curso, lo que te permitirá repasar las lecciones y materiales cuando lo desees.
Sí, al completar todas las clases y actividades del curso, recibirás un certificado de finalización que podrás utilizar para demostrar tus nuevas habilidades y fortalecer tu currículum.
Sí, el curso incluye soporte y asistencia para resolver cualquier duda o pregunta que surja durante el aprendizaje. Puedes comunicarte con el docente en el curso en vivo o, a través de la caja de comentarios del curso.
Un desarrollador web tiene un amplio campo laboral y puede trabajar en diversas industrias. Las oportunidades laborales incluyen:
- Empresas de Tecnología: Desarrollo y mantenimiento de sitios web, aplicaciones web y servicios en línea.
- Agencias de Marketing y Publicidad: Creación y gestión de sitios web para campañas publicitarias y estrategias de marketing digital.
- Startups: Contribuir al desarrollo de nuevos productos y servicios digitales desde su etapa inicial.
- Freelance y Consultoría: Ofrecer servicios de desarrollo web a clientes individuales o empresas de manera independiente.
- Organizaciones Sin Fines de Lucro: Ayudar a estas organizaciones a establecer y mantener su presencia en línea.
- Educación y Formación: Enseñar desarrollo web en instituciones educativas o cursos en línea.
Detalles del Curso
Pronto
160 Horas Académicas
08 Clases en Vivo
Certificado de Finalización
Ayúdanos a compartir
