logo

eSandraEDU: Online Training

Aprende YA Diseño Web Responsive con HTML5 y CSS3

  • 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.
Inscríbete ya

PUNTOS CLAVE+

CERTIFICADO
CURSO


Demuestra todo lo que sabes con el certificado de nivel que vas a obtener al finalizar el curso.

ACCESO
TOTAL


Si compras el curso, lo podrás repetir tantas veces como quieras, pues tienes acceso de por vida.

Garantía
30 días


Tu satisfacción me importa mucho. Si el curso no te aporta el valor que esperas, recuperas tu dinero.

SOPORTE
24/7


Recibe una respuesta a todas las dudas en un plazo máximo de 48 horas, siete días a la semana.


OBJETIVOS+

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.



PROGRAMA+

1. Diseño Web Responsive

En este apartado veremos en qué consiste exactamente el diseño web responsive y cómo creamos sitios web que se adapten a todos los dispositivos. Todas las lecciones tienen una parte teórica, y otra 100% práctica en que se pone en acción todo lo visto antes.

  • Evolución web
  • Qué es el diseño web responsive
  • Los media queries de CSS3
  • El viewport
  • El layout fluido
  • Las fuentes flexibles
  • Las imágenes fluidas
  • Las imágenes retina

2. Optimización Web

Cuando creamos un sitio web responsive, no sólo hemos de validar que se vea correctamente en todos los navegadores, sino que además hemos de asegurarnos que cargue rápido y ofrezca una excelente experiencia de usuario. En este apartado veremos todo lo que hay que tener en cuenta a la hora de crear un diseño web responsive.

  • El enfoque mobile first
  • Diseño web móvil vs. diseño web responsive
  • Rendimiento web
  • Tiempo de carga

3. HTML5 y CSS3

En este apartado veremos el por qué deberíamos usar HTML5 y no XHTML, las etiquetas de HTML5, así como las propiedades de CSS3.

  • HTML5 a fondo
  • Etiquetas de HTML5
  • Propiedades de CSS3
  • Selectores de CSS3
  • Transiciones de CSS3

4. Caso Práctico

En este apartado vamos a poner en práctica todos los conocimientos adquiridos sobre diseño web responsive en un ejemplo real. Aprenderemos a crear un menú de navegación responsive, así como un portafolio de estas características.

  • Creando un logo responsive
  • Menú de navegación. El HTML
  • El menú de navegación. CSS básico
  • El menú de navegación. El CSS para smartphones
  • El menú de navegación. El CSS para tablets
  • Crear un slider responsive
  • Portfolio responsive – el HTML
  • Porfolio responsive. El CSS
  • El footer

VER CLASE GRATIS+



ASPECTOS DESTACADOS+

diseño web

Enfoque 100% Práctico

Aprende a crear un sitio web responsive con la ayuda de un ejemplo real. Todo lo que se explica en el curso se pone en la práctica al momento para así profundizar en los conocimientos adquiridos.
multimedia y vídeo

Contenido Multimedia

Con 5+ horas de vídeo HD de alta calidad que te van a permitir aprender cómodamente a tu ritmo desde casa. Tienes además los archivos del proyecto web listos para descargar y así poder comparar tu código con el original.
atención 24/7

Acceso Sin Límites

Repite el curso siempre que quieras y repasa aquellos conceptos que no te han quedado del todo claros o que con el tiempo se te han olvidado. Y si te suscribes a la newsletter, accederás a promociones y descuentos.
multimedia y vídeo

Atención 24/7

Respondo a todas tus dudas todos los días de la semana. Recibe una respuesta en un plazo de pocas horas y en casos puntuales nunca superior a 48 horas. Vuelve a ver las clases siempre que quieras y pregunta tantas veces como necesites para entenderlo todo.
certificado del curso

Certificado Final

Al finalizar el curso recibirás un certificado que acreditará tu participación en el mismo y te abrirá las puertas cara a muchas oportunidades profesionales. Así, no sólo adquirirás la experiencia y conocimientos, sino que además podrás demostrarlo.


QUIÉN SOY+

foto
  • Formadora y consultora independiente. Actualmente ayudo a emprendedores a crear sitios web de alto rendimiento.
  • Profesora en @EscuelaIT, escuela online de tecnología. Imparto cursos de HTML5, CSS3, desarrollo web, WordPress y Photoshop
  • Docente en Barcelona Activa. Imparto cursos avanzados de diseño web adaptado a dispositivos móviles
  • Apasionada por enseñar y transmitir mis conocimientos tanto en mis cursos como en esandra.com/blog

OPINIONES+

Un curso muy interesante. Me aportó conocimientos nuevos y muchos detalles técnicos vinculados a las primeras faces de implementación de un DWR.
.

Osvaldo Pérez

@osvaldo_segura

Creo que todo profesional que se dedique a la formación debe cumplir dos requisitos: ser experto en la materia y saber cómo transmitir esos conocimientos. Sandra Guerrero Sanmarti, sobresaliente en ambos. Gracias por todo.
.

Antonio Pérez

curioso20.wordpress.com

El curso de diseño web responsive me ha parecido magnifico para terminar de aclarar algunas dudas que tenia sobre algunos conceptos en el diseño web y me ha aportado nuevos conocimientos para poder aplicar a mis futuros diseños. Aparte he aprendido métodos para acortar el código y llamar cosas desde el css que no sabia que pudiera hacer eso. Lo mejor de todo es la profesora que llevo siguiendo desde hace tiempo en su web y en desarrolloweb y por fin pude aprender cosas de ella. Un saludo a Sandra y espero poder hacer algún curso mas con ella.
.

Francisco Javier Ortega

plus.google.com/109064980827116338794

Tras mucho tiempo buscando información sobre los nuevos estándares de programación web, un buen día leí acerca de los cursos que imparte Sandra yme decidí a probar para ver si de una vez por todas estructuraba en mi cabeza desde cero cómo programar en HTML5 y CSS3. Dí en el clavo, nada más empezar las primeras lecciones, pensé en cuanto tiempo perdido siguiendo tutoriales que no estaban unificados entre ellos. La capacidad de transmitir la información y los conocimientos de Sandra me han sorprendido muy gratamente, pues me ha sido mucho más fácil de lo que pensaba tener todos los conceptos claros de lo que explicaba, y olvidarme de todos los conocimientos básicos que tenía de diseñar webs con flash y dreamweaver, y de todo el lío que tenía acerca del HTML5, CSS3
.

Carlos Berga

esandra.com/profile/nenetro/

Es un curso extenso y ofrece lo que se informa. La instructora informa de los pormenores de hacer una página web responsive desde su punto de vista como diseñadora web, lo que se agradece muchísimo.
.

Jorge Landivar

udemy.com/u/jorgelandivar

Excelente, lo recomiendo!! Muy bien explicado, buen planteamiento, conciso, directo, claro. Otro curso más de Sandra Guerrero Sanmarti que me ha ayudado a avanzar.
.

Maite Serna

linkedin.com/pub/maite-serna/1a/b5b/726

Aunque ya tenía nociones anteriores, compré los cursos de "HTML5+CSS3" y el de "Responsive Design" para profundizar en la materia y adquirir nuevos conocimientos, sobre todo en el área de diseño Responsive. Una vez finalizados, puedo decir que he quedado muy satisfecho con los contenidos y con el modo de explicarlo todo. Además, ante cualquier duda las respuestas fueron muy rápidas. Muy buena atención y dedicación, añadiendo nuevos contenidos al curso incluso una vez finalizado, sin ningún gasto adicional.
.

Sergio Martín Monlleó

esandra.com/profile/Martnol/

LO QUE DICEN EN TWITTER+


APÚNTATE YA+

¡Consigue ahora tu plaza!
¡¡ Precio Exclusivo !!
MÁS DE 5 HORAS DE VÍDEO HD

Clases en formato vídeo HD de alta resolución para que puedas disfrutar del curso como si estuvieras en clase.

ACCESO DE POR VIDA A 25+ CLASES

Repite el curso siempre que quieras y repasa aquellos conceptos que no te han quedado del todo claros.

200+ ESTUDIANTES INSCRITOS

Ya somos más de 200 estudiantes participando en el curso valorado en 5 estrellas.

INSCRÍBETE YA
Subir