DISEO WEB RESPONSIVE

Y BOOTSTRAP
DARINEL CONTRERAS
ELIECER MERCADO
ADSI TARDE
 DISEO WEB RESPONSIVE
El diseo web
responsive o adaptativo
es una tcnica de
diseo web que busca
la correcta
visualizacin de una
misma pgina en
distintos
dispositivos. Desde
ordenadores de
escritorio a tablets y
mviles.
 EN QUE CONSISTE EL
DISEO WEB RESPONSIVE
Se trata de redimensionar
y colocar los elementos
de la web de forma que se
adapten al ancho de cada
dispositivo permitiendo
una correcta visualizacin
y una mejor experiencia
de usuario. Se caracteriza
porque los layouts
(contenidos) e imgenes
son fluidos y se usa
cdigo de CSS3.
 CARRACTERISTICAS DEL
DISEO WEB RESPONSIVE
Adaptar el ancho de la web al ancho del dispositivo.
Reorganizacin de los contenidos y elementos de la web.
Simplificar.
Cambio de apariencia de algunos elementos
 DISEO WEB BOOTSTRAP
es un framework
desarrollado y liberado
por Twitter que tiene
como objetivo facilitar
el diseo web. Permite
crear de forma sencilla
webs de diseo
adaptable, es decir, que
se ajusten a cualquier
dispositivo y tamao de
pantalla y siempre se
vean igual de bien.
ULTIMA VERSION BOOTSTRAP 3.3.7
NAVEGADORES COMPATIBLES
CON BOOTSTRAP
 LICENCIAS DE BOOTSTRAP
Lo que te permite la licencia
Descargar y usar gratuitamente Bootstrap entero o alguna
de sus partes, tanto para uso personal, empresarial y/o
comercial.
Utilizar e incluir Bootstrap en cualquier paquete o
distribucin de software que crees.
Lo que no te permite la licencia
Redistribuir cualquier parte de Bootstrap sin mencionar
quines son sus autores.
Utilizar cualquier elemento propiedad de la empresa Twitter
de forma que parezca que Twitter apoya o tiene alguna
relacin con tu proyecto.
Utilizar cualquier elemento propiedad de la empresa Twitter
de forma que parezca que t has creado ese elemento de
Twitter.
VENTAJAS DEL DISEO WEB
BOOTSTRAP
Puedes tener una web bien organizada de forma visual
rpidamente: la curva de aprendizaje hace que su manejo
sea asequible y rpido si ya sabes maquetar.
Permite utilizar muchos elementos web: desde iconos a
desplegables, combinando HTML5, CSS y JavaScript.
Sea lo que sea que creemos, el diseo ser adaptable, no
importa el dispositivo, la escala o resolucin.
El grid system: maquetar por columnas nunca fue tan
fcil. Adems, son muy configurables.
Se integra muy bien con las principales libreras
JavaScript.
Ejemplo Mobile, tableta, escritorio
MUCHAS GRACIAS