Recomendados
Mais conteúdo relacionado
Semelhante a E-marketing projeto metodologia áreas
Semelhante a E-marketing projeto metodologia áreas (20)
E-marketing projeto metodologia áreas
- 1. Um Projeto de e-marketing: Metodologia e Colaboração de Áreas
- 2. “Oficina de Webdesign – Lecom”
- 3. Introdução Produtos de Webdesign Banner Flutuante Website Hotsite E-mail marketing Campanhas on-line Mídias alternativas Teaser Cartões virtuais Wallpaper
- 5. HTML – tags de marcação Oficina de Webdesign - Firefox pagina.htm Oficina de WebdesignParágrafo único da página <HTML> <HEAD> <TITLE> Oficina de Webdesign </TITLE> </HEAD> <BODY> <P> Parágrafo único da página </P> </BODY> </HTML> Introdução do Maujor
- 6. Introdução Linguagem Web ConteúdoHTML, PHP, ASP... Elementos.swf, .jpg, .gif, .png EstiloJavascript e CSS <BODY> <P> Parágrafo único da página </P> </BODY> <BODY> <IMG SRC=“foto.jpg”/> </BODY> <BODY style=“background:red”> <IMG SRC=“foto.jpg”/> </BODY> Oficina de Webdesign - Firefox pagina.htm Oficina de WebdesignParágrafo único da página Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign
- 7. “ A Lingugagem do Webdesigner ”
- 9. HISTÓRIA E LINHA DO TEMPO
- 10. ATUAÇÃO
- 11. UNIDADES
- 12. VENDAS
- 13. RECEBIMENTO e PRODUÇÃO
- 14. PRÊMIOS E CERTIFICAÇÕES
- 16. CORPO DIRETIVO
- 17. RESULTADOS
- 19. Produtos
- 20. Frango
- 21. Peixe
- 22. Imprensa
- 23. Dicas
- 25. Efeito CascataCopacol & Zengraden
- 27. Efeito CascataCopacol & Zengraden
- 29. Efeito Cascata
- 31. Efeito Cascata
- 33. Efeito Cascata
- 38. sintaxe: seletor { propriedade:valor; } Oficina de Webdesign - Firefox pagina2.htm Oficina de Webdesign Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign <head> <style> P { background:green; } </style> </head> <body> <p> Parágrafos da página </p> <p> Parágrafos da página </p> <p style=“background:blue”> Parágrafos da página </p> </body> Parágrafos da página Parágrafos da página Parágrafos da página Parágrafos da página Parágrafos da página Parágrafos da página
- 40. sintaxe: seletor { propriedade:valor; }
- 41. IDs X Classes: .classe / #ID Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign <head> <style> P { background:green; } </style> </head> <head> <style> P.cor { background:green;} P.risco { text-decoration:underline } P#outra { background:blue; } </style> </head> <body> <p class=“cor risco”>teste</p> <p class=“cor” id=“outra”>teste</p> </body> teste teste
- 43. sintaxe: seletor { propriedade:valor; }
- 44. IDs X Classes: .classe / #ID
- 45. agrupamento de seletores – p, img, body{ ... } Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign <head> <style> P, img, body { border:2px red } </style> </head> <body> <p>teste <imgsrc=“teste.jpg”/> </p> </body> <head> <style> P.cor { background:green;} P.risco { text-decoration:underline } P#outra { background:blue; } </style> </head> <body> <p class=“cor risco”>teste</p> <p class=“cor” id=“outra”>teste</p> </body> teste teste teste
- 46. “Desenhando com os códigos”
- 50. float – left e right Oficina de Webdesign - Firefox pagina.htm Oficina de Webdesign <HEAD><STYLE>BODY { text-align=center; }A { display:inline; background:red;width:50px;height:25px; }</STYLE> </HEAD> home produtos contato
- 52. float – left e right
- 54. float – left e right
- 56. float – left e right
- 58. float – left e right
- 60. float – left e right
- 62. float – left e right
- 63. position – absolute e relative
- 64. margin, padding, border, top...top 0h 3h 9h right left 6h bottom margin: 1px, 2px, 3px, 4px
- 66. float – left e right
- 67. position – absolute e relative
- 68. margin, padding, border, top...top right left bottom
- 70. float – left e right
- 71. position – absolute e relative
- 72. margin, padding, border, top...top right left bottom
- 74. float – left e right
- 75. position – absolute e relative
- 76. margin, padding, border, top...right left bottom
- 78. float – left e right
- 79. position – absolute e relative
- 80. margin, padding, border, top...right left bottom
- 82. Folhas de Estilo Dinâmicas
- 83. Display: inline e block
- 85. Concluindo Obrigado... Bauru/SP – Fone/Fax (14) 4009-8900 São Paulo/SP – Fone/Fax (11) 5087-9493 Campinas/SP – Fone/Fax (19) 3255-2824Joinville/SC – Fone/Fax (47) 3431-8534 Murilo Silvamurilo.silva@lecom.com.br