Introducción al Desarrollo Web Responsive con HTML y CSS
Un curso de Javier Usobiaga Ferrer
, Diseñador web
Aprende los fundamentos del Desarrollo Web Frontend
- Top ventas
- 98% Valoraciones positivas (1.3K)
- 21372 alumnos
- Audio: Español
- Español, Inglés, Portugués, Alemán, Francés, Italiano
Aprende los fundamentos del Desarrollo Web Frontend
- 98% Valoraciones positivas (1.3K)
- 21372 alumnos
- Online y a tu ritmo
- Audio: Español
- Nivel: Iniciación
- 31 Lecciones (2h 18m)
- Disponible desde la app
- Español, Inglés, Portugués, Alemán, Francés, Italiano
- Acceso ilimitado
¡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é incluye este curso?
Tabla de contenidos del curso
-
U1U1. Introducción
-
U2U2. Estructura HTML
-
U3U3. Empezando con CSS
-
U4U4. Estructuras en CSS
-
U5U5. Decoración en CSS
-
U6U6. Técnicas responsive
-
U7U7. Añadiendo interacción
-
PFPF Proyecto final
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 alumnos del curso
¿A quién está dirigido?
A todas aquellas personas que deseen adquirir unos conocimientos básicos de HTML y CSS, sean diseñadores o no.
Requisitos
Para este curso no necesitas grandes conocimientos técnicos ni de diseño. Necesitarás un ordenador y un editor de código gratuito.
Valoraciones
Un curso de Javier Usobiaga Ferrer
Javier Usobiaga es Diseñador Web desde hace 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.
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
-
Así son los cursos de Domestika
-
Aprende a tu ritmo
Disfruta de los cursos desde casa, sin horarios ni entregas. Tú marcas tu propia agenda.
-
De la mano del profesor
Aprende técnicas y métodos de gran valor explicados por los grandes expertos del sector creativo.
-
Profesores expertos
Cada profesor imparte solo lo que mejor sabe hacer, asegurando transmitir la pasión y la excelencia en cada lección.
-
Certificado Pro
Acredita tu asistencia al curso con un certificado firmado por el profesor. Consíguelo con tu suscripción a Domestika PRO.
-
En primera fila
Vídeos de máxima calidad para que no pierdas detalle. Y como el acceso es ilimitado, puedes verlos una y otra vez.
-
Comparte conocimiento
Expón tus dudas, pide feedback, aporta soluciones. Comparte el aprendizaje con el resto de los alumnos de la comunidad.
-
Comunidad creativa
Más de 1M creativos y creciendo. Domestika es el entorno ideal para compartir y aprender lo que te apasiona.
-
Cursos producidos profesionalmente
Seleccionamos a los mejores creativos y un equipo profesional produce el curso con ellos. El resultado: sentirás que trabajas mano a mano con los mejores.
Preguntas frecuentes
-
¿Qué son los cursos online de Domestika?
Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros usuarios y con el profesor, creando así una comunidad en torno al curso.
-
¿Cuándo empiezan y cuándo acaban los cursos?
La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.
-
¿Qué incluyen los cursos de Domestika?
Los cursos se dividen en diferentes Unidades, cada una de ellas incluyen lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un Foro exclusivo donde puedes interactuar con todos los alumnos del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.
-
¿Te han regalado un curso?
Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.
ilyanaguilar
Totalmente recomendado.
Ver traducción
Ocultar traducción
tere
ProEn este curso, te ayuda mucho a entender la realización de una página web.
angeles_morao
ProEl curso esta increíble.
Todo muy bien explicado, entendible y para nada es tedioso.
productivewoody
Super clear and easy to follow!
Ver traducción
Ocultar traducción
jsebastianardila1
Proexcelente curso, bien explicado