Download - Responsive
PROGRAMACIÓN WEB
HTML 5
Ing. Magda Paola Fernández
Responsive Design
El diseño web adaptable o adaptativo es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla.
Diseño Responsive
Características
Los layouts o imágenes son
fluidos y se adaptan a cada
pantallaPermite reducir
el tiempo de desarrollo
Evita los contenidos duplicados
Web en función de dispositivo
+Visitas al sitio
ya que permite compartirlos de una forma mucho más rápida y natural.
<header>
<nav>
<section>
<footer>
<aside><article>
Estructura HTML5
Documento HTML Index.html
Información para buscadores
Ruta donde se encuentra el archivo de estilo
Algunos tipos de unidades de
medida
Pixeles
Puntos
Porcentajes
em
es la menor unidad homogénea en color que forma parte de una imagen digital.
puntos. Un punto equivale a 1 pulgada/72, es decir, unos 0.35 milímetros.
Porcentaje relativo al elemento contenedor.
Ancho de la M mayúscula.
Ejemplo
16px = 12pt = 100% = 1em
Color de
fondo
Color de
fondo
Color de
fondo
Tienen atributos en común
Tienen atributos en común
Atributos particular para aside
El uso de máximo en
ancho y mínimo en altura
permite que la pagina tenga
diseño responsive
PROGRAMACIÓN WEB
HTML 5
Ing. Magda Paola Fernández
Responsive Design