Jump to content

Diseño Web Responsive con HTML5 y CSS3 [Español]


Recommended Posts

eSandraEDU: Diseño Web Responsive con HTML5 y CSS3 [Español]

 

Screenshot_12.jpg

 

eSandraEDU: Diseño Web Responsive con HTML5 y CSS3 [Español]

[ RAR | MP4 | 32 videos | 294.47 MB ]

 

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.

 

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

 

eSandraEDU: Diseño Web Responsive con HTML5 y CSS3 [Español]

[ RAR | MP4 | 32 videos | 294.47 MB ]

 

DBMUUR.png

**Uploaded:

http://ul.to/x4cpk1a6

**Uploadable:

http://www.uploadable.ch/file/easY7CAGa6MA/DisWebRes.Esan_By_Blade.rar

**Rockfile:

http://rockfile.eu/8leiuv3bugn9.html

Enlaces Caídos/Borrados/Rotos...? Revisa el enlace de acá abajo, que ahí resubire todas las veces que haga falta :D

http://pegatexto.net/index.php?v=1321

http://sharetexto.com/index.php?v=1230

 

 

...Una Hora Me Tardo en Subir 1 Archivo, Menos de 1 Minuto Te Toma Dejar 1 Comentario...

...Comenta, Asi Apoyas a Seguir Subiendo Material Para Ti...

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...