Introducción al Desarrollo Web Responsive con HTML y CSS
Un curso de Javier Usobiaga FerrerDiseñador web
Un curso de Javier Usobiaga Ferrer, Diseñador web
Aprende los fundamentos del Desarrollo Web Frontend
¡Lleva tu diseño al navegador! En este curso, Javier Usobiaga te enseñará a crear páginas web con las herramientas más fundamentales: HTML y CSS. Aprenderás a escribir tu propio código y cambiarás tu forma de ver (y de diseñar) la web, entendiendo cómo funciona por dentro y cómo diseñar una web responsive para que sea más efectiva. Y si el diseño no es lo tuyo, este curso puede suponer una buena base para comenzar en el mundo del Desarrollo Web Front-end.
¿Qué aprenderás en este curso online?
31 lecciones & 13 recursos adicionales
Editor de código. Crear un proyecto. Entorno de edición
3 minutos, 4 segundos
Inspector y herramientas de desarrollador
3 minutos, 23 segundos
Las etiquetas HTML y los atributos
5 minutos, 53 segundos
Etiquetas de texto
3 minutos, 39 segundos
Imágenes y enlaces
8 minutos, 52 segundos
Etiquetas de bloque
2 minutos, 32 segundos
¿Qué incluye este curso?
Este curso parte desde un conocimiento cero de HTML y CSS. Incluye las etiquetas fundamentales de HTML y propiedades de CSS tipográficas, herramientas de layout como Floats o Position, fondos, bordes, esquinas redondeadas, sombras, Web Fonts y herramientas fundamentales de Desarrollo Responsive como las Media Queries.
¿Cuál es el proyecto del curso?
El proyecto final consiste en crear una página web responsive (la web de una cafetería ficticia) en base a un diseño facilitado como síntesis de las diferentes materias que veremos a lo largo del curso.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A todas aquellas personas que deseen adquirir unos conocimientos básicos de HTML y CSS, sean diseñadores o no.
Requisitos y materiales
Para este curso no necesitas grandes conocimientos técnicos ni de diseño. Necesitarás un ordenador y un editor de código gratuito.
Opiniones
- am_riverafPLUShace 23 días
es demasiada teoría y las prácticas se las tiene que inventar el estudiante, no hay si quiera ejercicios prácticos, para después encontrarte con un proyecto final que no corresponde a lo que se vio en el curso. No sé... me pareció muy malo
- hace 4 meses
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
- hace 4 meses
Me costó entenderlo, es un poco denso.
- mtinchg72PLUShace 4 meses
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
- hace 6 meses
fácil de seguir,
También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.
Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.
En sus palabras “creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso”.
Contenidos
- U1
Introducción
- Presentación del curso y del proyecto
- La web: HTML, CSS y JS
- Editor de código. Crear un proyecto. Entorno de edición
- Inspector y herramientas de desarrollador
- U2
Estructura HTML
- Las etiquetas HTML y los atributos
- Etiquetas de texto
- Imágenes y enlaces
- Etiquetas de bloque
- Etiquetas de documento
- U3
Empezando con CSS
- Vincular un archivo CSS y sintaxis de la CSS
- Selectores básicos
- Estilos tipográficos
- Especificidad y estructura en las hojas de estilo
- Selectores avanzados: las pseudo-clases
- U4
Estructuras en CSS
- Estilos del navegador y Reset CSS
- El modelo de caja
- Displays
- Floats
- Position
- U5
Decoración en CSS
- Estilos para listas
- Border, border-radius y box-shadow
- Fondos e imágenes de fondo
- Webfonts
- U6
Técnicas responsive
- El diseño responsive y Mobile First
- Estructura flexible
- Las media queries
- Navegación responsive
- U7
Añadiendo interacción
- Enlace de email
- Transiciones en CSS
- Vincular un archivo JavaScript
- Navegación con JavaScript añadido
- PF
Proyecto final
- Desarrollo web respondive con HTML y CSS
Qué esperar de un curso de Domestika
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
Certificados
PLUSSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Sí, el curso está diseñado para principiantes y no requiere conocimientos previos en desarrollo web. Aprenderás desde cero cómo estructurar y diseñar páginas web con HTML y CSS.
Solo necesitas una computadora, acceso a internet y un editor de código gratuito como Brackets o Sublime Text, que se explican en el curso. No se requieren conocimientos previos.
Aprenderás a crear páginas web funcionales, aplicar estilos con CSS, hacer sitios responsivos para móviles y agregar interactividad básica con JavaScript. También construirás un portafolio web propio.
El curso cubre estructura HTML, etiquetas, atributos, estilos CSS, diseño responsive, organización de archivos, herramientas de inspección, diferencias entre HTML4 y HTML5, y técnicas modernas de maquetación.
Sí, el curso incluye técnicas de diseño responsive con CSS para que tus páginas web se adapten a cualquier tamaño de pantalla y dispositivo.
Aprenderás a crear archivos HTML desde cero, nombrarlos correctamente (como index.html) y guardarlos en la estructura de carpetas recomendada para proyectos web.
Sí, aunque el curso recomienda Brackets y compara otras opciones como Sublime Text, puedes usar el editor que prefieras siempre que soporte archivos HTML y CSS.