SlideShare uma empresa Scribd logo
1 de 5
Baixar para ler offline
Estorninos
Desarrollo del Sitio Web
Lenguaje
Etiquetas HTML5
HTML5 integra nuevos atributos más específicos, similares a
las etiquetas <div> y <span>.

Está pensada semánticamente

•	    <header>
•	    <footer>
•	    <article>
•	    <h1> ... <h6>
•	    <hgroup>
•	    <menu>
•	    <figure>




CSS                                                           HTML
Responsive Web Design
¿Qué permite generar?
Sitios web que adaptan su contenido y estructura a la
resolución del dispositivo (PC, móviles y tablets) a partir de
la misma cascada de estilo.

•	   Contenidos flexibles.
•	   Grillas fluidas.
•	   Media queries.



Beneficios
•	   Una cascada de estilo.
•	   Control del diseño.
•	   Flexibilidad.
•	   Medidas estándar de resolución.
Sitio Estorninos                 Sitio Baobab
http://estorninos.ead.pucv.cl/   http://proyectos.ead.pucv.cl/baobab/
Responsive Web Design
Media Queries
En la cascada de estilo se especifican las condiciones para
decirle al navegador cómo renderizar la página para un
determinado ancho.




Link de interés
http://webdesignerwall.com/tutorials/responsive-design-in-3-steps

Mais conteúdo relacionado

Destaque (11)

Order Wave Conversation Table Golden Mustard
Order Wave Conversation Table Golden MustardOrder Wave Conversation Table Golden Mustard
Order Wave Conversation Table Golden Mustard
 
Yt and transp test
Yt and transp testYt and transp test
Yt and transp test
 
Gualco Sociedad Anónima /c Estado Nacional Poder Ejecutivo Nacional /s accion...
Gualco Sociedad Anónima /c Estado Nacional Poder Ejecutivo Nacional /s accion...Gualco Sociedad Anónima /c Estado Nacional Poder Ejecutivo Nacional /s accion...
Gualco Sociedad Anónima /c Estado Nacional Poder Ejecutivo Nacional /s accion...
 
SketchUp For Beginners - Feb 2015
SketchUp For Beginners - Feb 2015SketchUp For Beginners - Feb 2015
SketchUp For Beginners - Feb 2015
 
Going on holiday6a
Going on holiday6aGoing on holiday6a
Going on holiday6a
 
Que son las tics
Que son las ticsQue son las tics
Que son las tics
 
Option3_Mahmoud_Anas
Option3_Mahmoud_AnasOption3_Mahmoud_Anas
Option3_Mahmoud_Anas
 
Trabajo ultrasur
Trabajo ultrasurTrabajo ultrasur
Trabajo ultrasur
 
Unisol S.A. /c Administración Federal de Ingresos Públicos (A.F.I.P. - D.G.I....
Unisol S.A. /c Administración Federal de Ingresos Públicos (A.F.I.P. - D.G.I....Unisol S.A. /c Administración Federal de Ingresos Públicos (A.F.I.P. - D.G.I....
Unisol S.A. /c Administración Federal de Ingresos Públicos (A.F.I.P. - D.G.I....
 
Hot cakes
Hot cakesHot cakes
Hot cakes
 
MULTIPEERS
MULTIPEERSMULTIPEERS
MULTIPEERS
 

Semelhante a Estorninos y diseño responsivo

Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
Avanet
 

Semelhante a Estorninos y diseño responsivo (20)

Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
04 Adobe CS Conceptos minimos
04 Adobe CS Conceptos minimos04 Adobe CS Conceptos minimos
04 Adobe CS Conceptos minimos
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Dreamweaver
Dreamweaver Dreamweaver
Dreamweaver
 
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
 
Dreamweaver j-l
Dreamweaver j-lDreamweaver j-l
Dreamweaver j-l
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Introducción HTML5 y CSS3
Introducción HTML5 y CSS3Introducción HTML5 y CSS3
Introducción HTML5 y CSS3
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Diseño en la web
Diseño en la webDiseño en la web
Diseño en la web
 
características y las partes que debe tener un sitio web
 características y las partes que debe tener un sitio web características y las partes que debe tener un sitio web
características y las partes que debe tener un sitio web
 
Oracle WebCenter Sites 12c
Oracle WebCenter Sites 12cOracle WebCenter Sites 12c
Oracle WebCenter Sites 12c
 
Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5
 
La localización de páginas web: del HTML antiguo a los sitios CMS
La localización de páginas web: del HTML antiguo a los sitios CMSLa localización de páginas web: del HTML antiguo a los sitios CMS
La localización de páginas web: del HTML antiguo a los sitios CMS
 
Html5
Html5Html5
Html5
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Estorninos y diseño responsivo

  • 2. Lenguaje Etiquetas HTML5 HTML5 integra nuevos atributos más específicos, similares a las etiquetas <div> y <span>. Está pensada semánticamente • <header> • <footer> • <article> • <h1> ... <h6> • <hgroup> • <menu> • <figure> CSS HTML
  • 3. Responsive Web Design ¿Qué permite generar? Sitios web que adaptan su contenido y estructura a la resolución del dispositivo (PC, móviles y tablets) a partir de la misma cascada de estilo. • Contenidos flexibles. • Grillas fluidas. • Media queries. Beneficios • Una cascada de estilo. • Control del diseño. • Flexibilidad. • Medidas estándar de resolución.
  • 4. Sitio Estorninos Sitio Baobab http://estorninos.ead.pucv.cl/ http://proyectos.ead.pucv.cl/baobab/
  • 5. Responsive Web Design Media Queries En la cascada de estilo se especifican las condiciones para decirle al navegador cómo renderizar la página para un determinado ancho. Link de interés http://webdesignerwall.com/tutorials/responsive-design-in-3-steps