Web Design Responsivo

  • View
    574

  • Download
    2

Embed Size (px)

DESCRIPTION

Base da apresentação sobre Web Design Responsivo para as turmas de primeiro e terceiro ano do curso técnico de Web Design da escola SESI/SENAI. Reprodução permitida,

Text of Web Design Responsivo

  • 1. < Responsive /> Leonardo Victor DR/AL 1
  • 2. < responsive /> Leonardo Victor DR/AL 2 Quem Sou Leonardo Victor 17 anos Estudante do terceiro ano do ensino mdio; Membro da delegao Alagoana da Olimpada do Conhecimento 2014, na rea de Web Design; Desenvolvedor Web no estdio Tor; @LeonardoVFF fb.com/leonardovff leonardovff@thecomputeiros.com
  • 3. < responsive /> Leonardo Victor DR/AL 3 O que ?
  • 4. < responsive /> Leonardo Victor DR/AL 4 Acessibilidade e Problemas 1. DETECTAR O DISPOSITIVO; 2. NOVOS DISPOSITIVOS;
  • 5. < responsive /> Leonardo Victor DR/AL 5 Introduo Design Responsivo 1. Planejamento 2. Desenvolvimento
  • 6. < responsive /> Leonardo Victor DR/AL 6 Planejamento LAYOUT RESPONSIVO (Tamanho da tela): 1. tima experincia de visualizao; 2. Fcil leitura e navegao; 3. Mnimo de alterao.
  • 7. < responsive /> Leonardo Victor DR/AL 7 Caractersticas 1. Visual; 2. Navegao: 1. Mouse; 2. Toque; 3. Teclas de Atalhos; 3. Usabilidade;
  • 8. < responsive /> Leonardo Victor DR/AL 8 Layout Fluido
  • 9. < responsive /> Leonardo Victor DR/AL 9 Layout Responsivo
  • 10. < responsive /> Leonardo Victor DR/AL 10 Exemplo
  • 11. < responsive /> Leonardo Victor DR/AL 11 Desenvolvimento 1. ECONOMIA: 1. Reaproveitamento; 2. Tempo; 2. MEDIA QUERIES: 1. Imagens; 2. Tamanhos;
  • 12. < responsive /> Leonardo Victor DR/AL 12 Media Queries e Design Responsivo
  • 13. < responsive /> Leonardo Victor DR/AL 13 Resolues Base
  • 14. < Obrigado (; /> Leonardo Victor DR/AL Incio 14