Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
APRESENTAÇÃO
E-COMMERCE 
FRONT-END
DESIGN
DEFININDO LAYOUT 
Loja Virtual do quê? 
Qual segmento? 
Público alvo? 
Quais dispositivos de acesso? 
Será Multiplataforma...
RESET CSS 
CSS Reset: http://yuilibrary.com/yui/docs/cssreset/
Chrome Sem Reset
Firefox sem Reset
Chrome Com Reset
Firefox com Reset
REGRAS PADRÃO
TOPO
TOPO ESQUERDO
Resultado
TOPO DIREITO
Resultado
CONTEÚDO ESQUERDO
Resultado
CONTEÚDO DIREITO
Resultado
RODAPÉ
Resultado
FINAL
LAYOUT DINÂMICO-AJAX/JQUERY 
Por quê? 
Como funciona? 
Como fazer?
CATEGORIA
Resultado
PRODUTOS
Resultado
No Ar
REFERÊNCIAS
Palestra   layout e-commerce
Palestra   layout e-commerce
Palestra   layout e-commerce
Palestra   layout e-commerce
Palestra   layout e-commerce
Upcoming SlideShare
Loading in …5
×

Palestra layout e-commerce

374 views

Published on

Exemplo do uso de ajax+jQuery e PHP na construção de páginas dinâmicas.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Palestra layout e-commerce

  1. 1. APRESENTAÇÃO
  2. 2. E-COMMERCE FRONT-END
  3. 3. DESIGN
  4. 4. DEFININDO LAYOUT Loja Virtual do quê? Qual segmento? Público alvo? Quais dispositivos de acesso? Será Multiplataforma?
  5. 5. RESET CSS CSS Reset: http://yuilibrary.com/yui/docs/cssreset/
  6. 6. Chrome Sem Reset
  7. 7. Firefox sem Reset
  8. 8. Chrome Com Reset
  9. 9. Firefox com Reset
  10. 10. REGRAS PADRÃO
  11. 11. TOPO
  12. 12. TOPO ESQUERDO
  13. 13. Resultado
  14. 14. TOPO DIREITO
  15. 15. Resultado
  16. 16. CONTEÚDO ESQUERDO
  17. 17. Resultado
  18. 18. CONTEÚDO DIREITO
  19. 19. Resultado
  20. 20. RODAPÉ
  21. 21. Resultado
  22. 22. FINAL
  23. 23. LAYOUT DINÂMICO-AJAX/JQUERY Por quê? Como funciona? Como fazer?
  24. 24. CATEGORIA
  25. 25. Resultado
  26. 26. PRODUTOS
  27. 27. Resultado
  28. 28. No Ar
  29. 29. REFERÊNCIAS

×