Palestra layout e-commerce
34
APRESENTAÇÃO
-
Upload
eduardo-aparecido-goncalves-rozario-junior -
Category
Technology
-
view
119 -
download
0
description
Exemplo do uso de ajax+jQuery e PHP na construção de páginas dinâmicas.
Transcript of Palestra layout e-commerce
![Page 1: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/1.jpg)
APRESENTAÇÃO
![Page 2: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/2.jpg)
E-COMMERCEFRONT-END
![Page 3: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/3.jpg)
DESIGN
![Page 4: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/4.jpg)
DEFININDO LAYOUT
Loja Virtual do quê?Qual segmento?Público alvo?Quais dispositivos de acesso?Será Multiplataforma?
![Page 5: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/5.jpg)
RESET CSS
CSS Reset: http://yuilibrary.com/yui/docs/cssreset/
![Page 6: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/6.jpg)
Chrome Sem Reset
![Page 7: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/7.jpg)
Firefox sem Reset
![Page 8: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/8.jpg)
Chrome Com Reset
![Page 9: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/9.jpg)
Firefox com Reset
![Page 10: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/10.jpg)
REGRAS PADRÃO
![Page 11: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/11.jpg)
TOPO
![Page 12: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/12.jpg)
TOPO ESQUERDO
![Page 13: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/13.jpg)
Resultado
![Page 14: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/14.jpg)
TOPO DIREITO
![Page 15: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/15.jpg)
Resultado
![Page 16: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/16.jpg)
CONTEÚDO ESQUERDO
![Page 17: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/17.jpg)
![Page 18: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/18.jpg)
Resultado
![Page 19: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/19.jpg)
CONTEÚDO DIREITO
![Page 20: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/20.jpg)
![Page 21: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/21.jpg)
Resultado
![Page 22: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/22.jpg)
RODAPÉ
![Page 23: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/23.jpg)
![Page 24: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/24.jpg)
Resultado
![Page 25: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/25.jpg)
FINAL
![Page 26: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/26.jpg)
LAYOUT DINÂMICO-AJAX/JQUERY
Por quê?Como funciona?Como fazer?
![Page 27: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/27.jpg)
CATEGORIA
![Page 28: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/28.jpg)
![Page 29: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/29.jpg)
Resultado
![Page 30: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/30.jpg)
PRODUTOS
![Page 31: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/31.jpg)
![Page 32: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/32.jpg)
Resultado
![Page 33: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/33.jpg)
No Ar
![Page 34: Palestra layout e-commerce](https://reader033.fdocuments.us/reader033/viewer/2022060115/557c2288d8b42a22218b50a8/html5/thumbnails/34.jpg)
REFERÊNCIAS