Latest Movie :

(e-SandraEDU) Diseño Web Responsive con HTML5 y CSS3

Descripción:
  • 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.
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.

Tabla de Contenido:


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 
Captura:



Enlace de Descarga: 
[242.5 MB]
*Mega:              OPCION 1OPCION 2  | OPCION 3



Share this article :

+ comentarios + 8 comentarios

26 de septiembre de 2015, 18:38

Buenas puedes subir de nuevo el link de favor gracias

29 de septiembre de 2015, 19:21

Enlace actualizado!

3 de noviembre de 2015, 20:41

links caidos

7 de noviembre de 2015, 19:03

Enlace re-actualizado!

Anónimo
22 de marzo de 2016, 14:54

¿Podrías resubir? Gracias

22 de marzo de 2016, 19:29

En algunos días, Saludos!

27 de marzo de 2016, 13:23

Enlace re-actualizado!

Anónimo
29 de marzo de 2016, 5:01

muchas gracias :)

Publicar un comentario

 
Support : Creating Website | Adictec Perú | Ing. Alexis Llontop
Copyright © 2015. Download Xynior - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger