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
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
Baker Publishing Company
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
Demetrio Ccesa Rayme
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
https://gramadal.wordpress.com/
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Demetrio Ccesa Rayme
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
Lourdes Feria
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
Carlos Campaña Montenegro
Historia y técnica del collage en el arte
Historia y técnica del collage en el arte
Raquel Martín Contreras
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
PryhaSalam
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
josetrinidadchavez
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
zulyvero07
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
amayarogel
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
Ana Fernandez
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
Katherine Concepcion Gonzalez
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
Alejandrino Halire Ccahuana
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
CesarFernandez937857
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
profefilete
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
Decaunlz
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
Lourdes Feria
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
Alejandrino Halire Ccahuana
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
Último
(20)
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
Historia y técnica del collage en el arte
Historia y técnica del collage en el arte
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
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)