Diseño Web Responsive con HTML5 y CSS3
4.7 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
90 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Diseño Web Responsive con HTML5 y CSS3 to your Wishlist.

Add to Wishlist

Diseño Web Responsive con HTML5 y CSS3

Conviértete en un diseñador web profesional
4.7 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
90 students enrolled
Created by eSandra .
Last updated 2/2016
Spanish
Current price: $10 Original price: $100 Discount: 90% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Aprender diseño web responsive
Entender cómo funciona HTML5
Conocer las propiedades y selectores de CSS3
Aprender a crear un menú responsive moderno
Saber cómo implementar un slider fluido
Conocer cómo implementar un portafolio fluido basado en CSS3
Adquirir una base sólida para dedicarse al diseño web profesional
View Curriculum
Requirements
  • HTML y CSS básicos
  • Editor de textos como Notepad++ o Sublime Text 2
Description

El objetivo del curso es que seas capaz de crear sitios web responsive que se adapten fácilmente a todos los dispositivos, tanto móviles como desktop. Al finalizar el curso serás capaz de crear sitios web 100% optimizados que garanticen un alto rendimiento.

  • Crea un diseño web responsive que se adapte a todos los dispositivos.
  • Profundiza en el uso de HTML5 y CSS3 en tu trabajo.
  • Descubre cómo crear imágenes retina para tus diseños.
  • Crea sitios web 100% optimizados que garanticen un alto rendimiento.

Lo que vas a conseguir con este curso:

  • 1. SABER CREAR UN DISEÑO WEB RESPONSIVE Y FLUIDO. Aprenderás a crear sitios web que se adapten tanto a smartphones como a pantallas de alta resolución.
  • 2. APRENDER HTML5 y CSS3 CON UN EJEMPLO REAL. La mejor manera de aprender es con la práctica, así que todo el curso va enfocado a un ejemplo real.
  • 3. OPTIMIZAR EL SITIO WEB Y MEJORAR EL RENDIMIENTO. La web no sólo debe ser responsive, sino que también ha de cargar rápido en todos los dispositivos.


Who is the target audience?
  • Personas con ganas de aprender
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 33 Lectures Collapse All 33 Lectures 04:13:58
+
Introducción
1 Lecture 03:29

Introducción al curso. Si te falta la base, te recomiendo hacer el curso básico para tener todos los conceptos claros.

Preview 03:29
+
Diseño Web Responsive
18 Lectures 02:09:47

La evolución del diseño web a la actualidad

Evolución web
08:01

Introducción al diseño web responsive

Qué es el diseño web responsive
06:57

Descargar el ejemplo práctico
00:02

Los media queries de CSS3

Los media queries de CSS3
10:42

Ejemplo práctico de los media queries de CSS3

Los media queries de CSS3 en acción
13:50

El viewport

El viewport
06:42

Ejemplo práctico del viewport

El viewport en acción
01:34

El layout fluido o líquido

El layout líquido o fluido
13:50

Ejemplo práctico del layout fluido

El layout fluido en acción
11:58

Las fuentes flexibles

Las fuentes flexibles
03:48

Ejemplo práctico de las fuentes flexibles

Las fuentes flexibles en acción
01:29

Las imágenes fluidas

Las imágenes fluidas
03:59

Ejemplo práctico de las imágenes fluidas

Las imágenes fluidas
02:31

Las imágenes retina

Las imágenes retina
06:42

Ejemplo práctico de las imágenes retina

Las imágenes retina en acción
04:12

El enfoque del mobile first o primero el diseño web móvil

Preview 11:12

La diferencia entre el diseño web móvil y el responsive

Diseño móvil vs. diseño responsive
06:17

El rendimiento web y el tiempo de carga. Si quieres profundizar en el tema, te recomiendo este artículo.

Rendimiento web y tiempo de carga
16:01
+
HTML5 y CSS3
3 Lectures 33:16

Las etiquetas de HTML5 y su aplicación en el día a día

Etiquetas de HTML5
14:35

Las propiedades del CSS3

Propiedades de CSS3
09:14

Los selectores de CSS3. Si quieres ir un paso más allá, te recomiendo este artículo con las transformaciones, transiciones y animaciones de CSS3. Es con esto, con el canvas de HTML5 y el JavaScript que se hacen sitios web con animaciones parecidas a las de Flash. Esto excede este curso, pero si te interesa el tema, te recomiendo el artículo, así como aprender JavaScript. Si sabes inglés, entonces puedes aprender a usar el canvas de HTML5con este libro.

Selectores de CSS3
09:27
+
Caso práctico. Maquetación web
10 Lectures 01:26:29

Conocer el Boilerplate. Preparar el head de nuestra web-

Empezando el proyecto
06:49

Insertar un logo responsive en nuestra web. Sirve para todas las imágenes responsive.

Crear un logo responsive
07:23

El HTML del menú responsive

Menú de navegación - el HTML
05:09

El CSS básico del menú responsive

Menú de navegación - CSS básico
11:44

El CSS para smartphones del menú responsive

Menú de navegación - CSS para smartphones
11:46

El CSS para tabletas del menú responsive

Menú de navegación - CSS para tablets
06:04

Aprender a implementar un slider responsive

Crear un slider responsive
11:39

El HTML de nuestro portafolio responsive. Su implementación requiere MixitUp, un plugin de jQuery y CSS3. En este curso no veremos cómo se implementa el jQuery por ser un tema más avanzado, simplemente con que copies el código igual que se encuentra en el código fuente te funcionará. Puedes descargar el código fuente aquí.

Portafolio responsive - el HTML
10:54

El CSS de nuestro portafolio responsive

Portafolio responsive - el CSS
12:03

Creación del footer de la web

El footer
02:58
+
Conclusión
1 Lecture 00:57

Puedes usar todo el código empleado en este curso para tus propios proyectos. Te animo a visitar la web de CreativaSfera, donde encontrarás muchos recursos prácticos para tu día a día. Si lo prefieres, también estoy en Twitter. Mándame un DM o un tweet indicándome que eres alumno de mi curso, así sabré quien eres para seguirte.

Si te ha gustado el curso, no te olvides de dejar una valoración de 5 estrellas. ¡Gracias por tu participación!

Conclusión
00:57
About the Instructor
eSandra .
4.5 Average rating
51 Reviews
279 Students
4 Courses