Universidad Tcnica Nacional Sede San Carlos

Lunes 21 de mayo del 2012 Clase: Programacin IV (diseo web)

Rolando Alvarado Mena

Email: olando!"a!#enecia$gmail!com %el: &'2'()'(*)

%ema

+ Responsive layaut

Por:

olando ,l#arado -ena 21(0*(2012

Diseo Sensible
El diseo sensible (res.onsi#e layau/) es un es/ilo 0ue nos .ermi/e desarrollar .1ginas 0ue se #isualicen de 2orma correc/a en cual0uier dis.osi/i#o y resolucin! Las .1ginas se redimensionan3 a"us/an3 cambian de im1genes y se aco.lan la resolucin dis.onible en el dis.osi/i#o en el 0ue se #isuali4a!

Ventajas: 1( 5o 6ay 0ue redisear la misma .1gina .ara cada dis.osi/i#o: .c3 %able/3 7mar/.6one! 2( 5o 6ay 0ue crear #ersiones a"us/ables a los .orcen/a"es de resolucin (diseo 2luido)! 8( -e"or ada./acin al dis.osi/i#o 2inal y al usuario! 9( 7i/ios m1s escalables y 21ciles de man/ener! Tcnicas rid !luidos: /ablas 0ue man/ienen sus .orcen/a"es de anc6o en di2eren/es resoluciones! "#$%enes !le&ibles: im1genes en ca.as m#iles3 0ue se recor/an o im1genes con 2ondo escalable! CSS' #edia (uerys: ca.ases de ob/ener la anc6ura del dis.osi/i#o3 su resolucin u orien/acin! Ca#bios de contenido: mos/rar u ocul/ar im1genes3 columnas u o/ros ob"e/os de.endiendo del es.acio en .an/alla a /ra#:s de la .ro.iedad ;dis.lay: none<!

=eb(gra2>a: 6//.:??aurea!es?2012?09?20?diseno(sensible(#s(#ersion(mo#il? 6//.:??www!genbe/ade#!com?desarrollo(web?di2erencia(en/re(layou/(2luid(y(res.onsi#e 6//.:??blog!@oali/e!com?2012?01?diseno(web(sensible(y(grids(css?