Design Responsivo/Adaptativo com Dreamweaver

Design Responsivo/Adaptativo com Dreamweaver
Design Responsivo/Adaptativo com Dreamweaver

Investimento: Sob Consulta

Entre em Contato

São Paulo: (11) 3816-3000
Curitiba: (41) 3287-3000
Brasilia: (61) 3224-3000

SELECIONE A UNIDADE
ONDE PRETENDE REALIZAR O CURSO

Solicite uma cotação ou envie um e-mail que entraremos em contato com você

Design Responsivo/Adaptativo com Dreamweaver

Conteúdo programático

  • Introdução ao Design Responsivo

O design para a flexibilidade:
- Múltiplas telas
- “Controle” do pixel
- “Controle” com CSS
- Opções do usuário: tamanho da fonte e zoom da tela
- Unidades relativas
- Exemplos de tamanho de fonte com em e %

Layout estruturado com CSS:
- Posicionamento com propriedade float
- Posicionamento com propriedade position
- Exemplos de caixas posicionadas com em

  • Grids

Importância dos Grids

O que são e para que servem:
- Exemplos (http://delicious.com/analaura/grids)

Grids:
- Exemplos de grid fixo com px
-
Exemplos de grid fluido com em e %

Estrutura para grids com HTML5, e seus ganhos:
- article, aside, footer, header, hgroup, nav, section
-
details, summary, mark

  • Imagens no Design Adaptativo/Responsivo

Elementos para conteúdo incorporado com HTML5:
- figure, figcaption
- embed, object, video, canvas

Imagens flexíveis

Imagens transparentes

Ajustes para IE6

Propriedades para imagens com CSS3

  • Media queries

O que são

Adobe Dreamweaver CC

Exemplos de como utilizar:
- Alterando apenas texto
- Alterando texto e imagem
- Alterando layout completo

Compatibilidade entre navegadores

  • Outras soluções/frameworks para mobile devices

Dicas sobre desenho para mobilidade (http://bit.ly/rZomMn)

jQueryMobile

Fireworks CSS3 mobile pack

Dreamweaver CC jQuery mobile framework

  • Exercícios de criação de Design Responsivo/Adaptativo
Modelagem

Criação de arquivos externos de CSS e CSS3

Técnicas de migração ao Design Responsivo/Adaptativo

Aplicações e particularizações no Dreamweaver CC

DIFERENCIAIS ENG DTP & Multimídia

  • Os cursos da ENG são sempre com um participante por computador/device
  • Cursos apostilados
  • Certificado Oficial de Conclusão bilíngue
    (Inglês / Português)
  • Projeto-Piloto assistido
  • Prova de Proficiência
  • Para quem atinge 70% ou mais na Prova de Proficiência, emitimos adicionalmente, um Atestado de Proficiência.


QUER SABER MAIS SOBRE A TECNOLOGIA E PROMOÇÕES?

Faça contato conosco, e receba mais informações:

CONTATO