Enviar pesquisa
Carregar
Curso HTML 5 - Módulo 3
•
0 gostou
•
374 visualizações
J
José Rodríguez
Seguir
Educação
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 9
Recomendados
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
volatilekeeper137
Separando el Contenido de la Presentación
Separando el Contenido de la Presentación
Christian Van Der Henst S.
Tus mejores disenos web
Tus mejores disenos web
Mejores Disenos
Pagina web
Pagina web
Kevin David Delgado
Crear un Banner animado HTML5 100 % compatible con Google Adwords
Crear un Banner animado HTML5 100 % compatible con Google Adwords
Semrush
Wireframes
Wireframes
Paula Serman R.
Usabilidad En El DiseñO Web
Usabilidad En El DiseñO Web
catavargas
HTML Tour - Responsive Web Design
HTML Tour - Responsive Web Design
Plain Concepts
Recomendados
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
volatilekeeper137
Separando el Contenido de la Presentación
Separando el Contenido de la Presentación
Christian Van Der Henst S.
Tus mejores disenos web
Tus mejores disenos web
Mejores Disenos
Pagina web
Pagina web
Kevin David Delgado
Crear un Banner animado HTML5 100 % compatible con Google Adwords
Crear un Banner animado HTML5 100 % compatible con Google Adwords
Semrush
Wireframes
Wireframes
Paula Serman R.
Usabilidad En El DiseñO Web
Usabilidad En El DiseñO Web
catavargas
HTML Tour - Responsive Web Design
HTML Tour - Responsive Web Design
Plain Concepts
Tectonicsuk
Tectonicsuk
eoinkelly
Kisah Rajawali
Kisah Rajawali
Suheru
UW-Com 300 Week 1 Intro2009
UW-Com 300 Week 1 Intro2009
Peg Achterman
Los Angeles Eco-Village 9/9/08
Los Angeles Eco-Village 9/9/08
laraeco
Location Of Volcanoes And Earthquakes
Location Of Volcanoes And Earthquakes
eoinkelly
Speech Day 7 - Rhetoric
Speech Day 7 - Rhetoric
Peg Achterman
Responsive Web Design
Responsive Web Design
Fernando Esteban Pasik
Responsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño web
Javier Usobiaga
ing.software
ing.software
Enrique Reyes
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
izenius
Composicion de paginas web
Composicion de paginas web
paoloarevaloortiz
Responsive Web Design: Reinventando el diseño web
Responsive Web Design: Reinventando el diseño web
Javier Usobiaga
Diseñando para la Web Móvil
Diseñando para la Web Móvil
Orlando Del Aguila
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web Responsive
AntonRoMX
Introducción Responsive design
Introducción Responsive design
Eduard Zora
Presentacion
Presentacion
Juan Pernia (juanrules)
Responsive web design
Responsive web design
G2K Hosting
SharePoint Saturday Lima - Como me veo!
SharePoint Saturday Lima - Como me veo!
Fernando Chiquiza Ramos
Diseño web
Diseño web
Universidad Tecnica de Ambato
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
ouuyeah
Timerepublik
Timerepublik
betabeers
Diseño web para diseñadores gráficos
Diseño web para diseñadores gráficos
scuain
Mais conteúdo relacionado
Destaque
Tectonicsuk
Tectonicsuk
eoinkelly
Kisah Rajawali
Kisah Rajawali
Suheru
UW-Com 300 Week 1 Intro2009
UW-Com 300 Week 1 Intro2009
Peg Achterman
Los Angeles Eco-Village 9/9/08
Los Angeles Eco-Village 9/9/08
laraeco
Location Of Volcanoes And Earthquakes
Location Of Volcanoes And Earthquakes
eoinkelly
Speech Day 7 - Rhetoric
Speech Day 7 - Rhetoric
Peg Achterman
Destaque
(6)
Tectonicsuk
Tectonicsuk
Kisah Rajawali
Kisah Rajawali
UW-Com 300 Week 1 Intro2009
UW-Com 300 Week 1 Intro2009
Los Angeles Eco-Village 9/9/08
Los Angeles Eco-Village 9/9/08
Location Of Volcanoes And Earthquakes
Location Of Volcanoes And Earthquakes
Speech Day 7 - Rhetoric
Speech Day 7 - Rhetoric
Semelhante a Curso HTML 5 - Módulo 3
Responsive Web Design
Responsive Web Design
Fernando Esteban Pasik
Responsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño web
Javier Usobiaga
ing.software
ing.software
Enrique Reyes
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
izenius
Composicion de paginas web
Composicion de paginas web
paoloarevaloortiz
Responsive Web Design: Reinventando el diseño web
Responsive Web Design: Reinventando el diseño web
Javier Usobiaga
Diseñando para la Web Móvil
Diseñando para la Web Móvil
Orlando Del Aguila
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web Responsive
AntonRoMX
Introducción Responsive design
Introducción Responsive design
Eduard Zora
Presentacion
Presentacion
Juan Pernia (juanrules)
Responsive web design
Responsive web design
G2K Hosting
SharePoint Saturday Lima - Como me veo!
SharePoint Saturday Lima - Como me veo!
Fernando Chiquiza Ramos
Diseño web
Diseño web
Universidad Tecnica de Ambato
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
ouuyeah
Timerepublik
Timerepublik
betabeers
Diseño web para diseñadores gráficos
Diseño web para diseñadores gráficos
scuain
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
KareliaRivas
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Rob Montero
Desarrollo de Mobile Web Apps
Desarrollo de Mobile Web Apps
Asier Marqués
Preprocesadores CSS con LessCSS
Preprocesadores CSS con LessCSS
Avanet
Semelhante a Curso HTML 5 - Módulo 3
(20)
Responsive Web Design
Responsive Web Design
Responsive Web Design: reinventando el diseño web
Responsive Web Design: reinventando el diseño web
ing.software
ing.software
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
Composicion de paginas web
Composicion de paginas web
Responsive Web Design: Reinventando el diseño web
Responsive Web Design: Reinventando el diseño web
Diseñando para la Web Móvil
Diseñando para la Web Móvil
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web Responsive
Introducción Responsive design
Introducción Responsive design
Presentacion
Presentacion
Responsive web design
Responsive web design
SharePoint Saturday Lima - Como me veo!
SharePoint Saturday Lima - Como me veo!
Diseño web
Diseño web
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Timerepublik
Timerepublik
Diseño web para diseñadores gráficos
Diseño web para diseñadores gráficos
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Desarrollo de Mobile Web Apps
Desarrollo de Mobile Web Apps
Preprocesadores CSS con LessCSS
Preprocesadores CSS con LessCSS
Mais de José Rodríguez
Curso HTML 5 - Módulo 4
Curso HTML 5 - Módulo 4
José Rodríguez
Curso HTML 5 - Módulo 2
Curso HTML 5 - Módulo 2
José Rodríguez
Curso HTML 5 - Módulo 1
Curso HTML 5 - Módulo 1
José Rodríguez
Programas
Programas
José Rodríguez
INDICADORES DE LOS PROCESOS DE GESTIÓN Y APOYO ESPOL 2008
INDICADORES DE LOS PROCESOS DE GESTIÓN Y APOYO ESPOL 2008
José Rodríguez
Recuerdo Csi
Recuerdo Csi
José Rodríguez
Estándares Web
Estándares Web
José Rodríguez
Mais de José Rodríguez
(7)
Curso HTML 5 - Módulo 4
Curso HTML 5 - Módulo 4
Curso HTML 5 - Módulo 2
Curso HTML 5 - Módulo 2
Curso HTML 5 - Módulo 1
Curso HTML 5 - Módulo 1
Programas
Programas
INDICADORES DE LOS PROCESOS DE GESTIÓN Y APOYO ESPOL 2008
INDICADORES DE LOS PROCESOS DE GESTIÓN Y APOYO ESPOL 2008
Recuerdo Csi
Recuerdo Csi
Estándares Web
Estándares Web
Último
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
AgustinaNuez21
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
Raquel Martín Contreras
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
gustavorojas179704
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
Integrated Sciences 8 (2023- 2024)
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
romanmillans
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Luis Minaya
Los Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la Sostenibilidad
JonathanCovena1
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
NataliaMalky1
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
EDILIAGAMBOA
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL _
Colégio Santa Teresinha
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
victorbeltuce
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
Martín Ramírez
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
EDUCCUniversidadCatl
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
IES Vicent Andres Estelles
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
YobanaZevallosSantil1
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
Martín Ramírez
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
JUANSIMONPACHIN
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
Ciencias Integradas 7 (2023 - 2024)
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
GianninaValeskaContr
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
Angélica Soledad Vega Ramírez
Último
(20)
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Los Nueve Principios del Desempeño de la Sostenibilidad
Los Nueve Principios del Desempeño de la Sostenibilidad
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL _
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
Curso HTML 5 - Módulo 3
1.
Preguntas ¿Responsive Web
Design hace más trabajoso el proceso de construcción de sitio web? ¿RWD es la panacea?
2.
Diseños Fluidos
3.
¿Layout fijos para
el futuro? No Un layout fijo hace que los diseños se vean diferentes en diferentes navegadores.
4.
¿Layouts proporcionales? Sí
http://www.alistapart.com/articles/responsive- web-design Formula a recordar target / context = result
5.
Layouts proporcionales #wrapper {
margin-right: auto; margin-left: auto; width: 960px; } #header { margin-right: 1.0416667%; /* 10 ÷ 960 */ margin-left: 1.0416667%; /* 10 ÷ 960 */ width: 97.9166667%; /* 940 ÷ 960 */ }
6.
Uso de ems
en lugar de pixeles para tipografía font-size: 100% font-size: 16px; font-size: 1em; Importante recordar fórmula: target / context = result
7.
Imágenes Fluidas img {
max-width: 100%; } img, object, video, embed { max-width: 100%; }
8.
Imágenes Fluidas (otra
solución) http://filamentgroup.com/lab/responsive_images_ experimenting_with_context_aware_image_sizing / http://filamentgroup.com/examples/responsive- images/ http://adaptive-images.com/
9.
CSS Grid systems
Frameworks para dividir el sitio. CSS Frameworks Semantic (http://semantic.gs) Skeleton (http://getskeleton.com) Less Framework (http://lessframework.com) 1140 CSS Grid (http://cssgrid.net) Columnal (http://www.columnal.com)