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