O FIM DO FLASH - VIVA O HTML 5

415 views

Published on

O fim do Flash e a ascendência do HTML5 na web.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
415
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

O FIM DO FLASH - VIVA O HTML 5

  1. 1. O FLASH ESTÁ MORTO! VIVA O HTML5 RENATO MELO - 2014
  2. 2. POR QUE MORREU?
  3. 3. IE 10 não roda flash no touch
  4. 4. “O MUNDO ESTÁ MUDANDO PARA O HTML5”
  5. 5. “NOS ÚLTIMOS 10 ANOS, A WEB NUNCA TEVE ESTE NÍVEL DE TRANSFORMAÇÃO, ESTE NÍVEL DE ACELERAÇÃO. ESTAMOS FICANDO MAIORES COM O HTML5”
  6. 6. “SE VOCÊ QUER FAZER ALGO UNIVERSAL, NÃO HÁ NENHUMA DÚVIDA: O MUNDO ESTÁ MUDANDO PARA O HTML5. ISTO É FATO! O MUNDO ESTÁ EMPURRANDO O HTML5 E NÓS TAMBÉM.”
  7. 7. Invista aqui!
  8. 8. 1 Navegação mais rápida e simples Redução do tamanho dos arquivos online Melhor experiência do usuário.
  9. 9. 2 O HTML5 possui uma ferramenta gráfica ponderosa, chamada de Canvas (tela, em Inglês). Com o Canvas, é muito mais fácil de criar animações, desenhos e outros visuais complexos sem a necessidade de usar um aplicativo externo.
  10. 10. 3 Embora o seu uso aumente diariamente, nem todos os navegadores são compatíveis com o HTML5. Se quiser saber se o seu navegador é compatível, visite esse site aqui e descubra se você precisa atualizar o seu browser!
  11. 11. 4 Um dos recursos que recebem mais atenção é a capacidade do HTML5 em gerenciar arquivos de vídeo. É possível inserir videos em uma página sem usar componentes externos (como plugins). Isso faz uma diferença tão grande que todos os grandes sites estão começando a usar esse recurso (inclusive o YouTube).
  12. 12. 5 O mesmo vale para sons/músicas. O HTML5 possui um suporte a elementos sonoros muito poderoso.
  13. 13. 6 HTML5 está disponível em várias plataformas diferentes e funciona com a mesma eficiência em PC’s, smartphones e tablets.
  14. 14. 6 HTML5 está disponível em várias plataformas diferentes e funciona com a mesma eficiência em PC’s, smartphones e tablets.
  15. 15. 1º TRABALHO: HTML E CSS!! #TRABALHO INDV. 25.03
  16. 16. INFORMAÇÕES ÚTEIS 1)Salve o arquivo 2)Clique com o botão direito e escolha extrair ou descompactar 3)Abra o html no seu navegador 4)Abra o css e o html no bloco de notas 5)Caso não consiga abrir o html no bloco de notas, primeiro abra o bloco de notas, selecione a opção abrir e troque a opção documentos de textos por todos os arquivos.
  17. 17. FANTA: Letícia, Ariane, Gérson, Caio e José renatomelomkt.com.br/esamc/fanta.zip
  18. 18. ARRUMAR: 1)No menu, alterar “Romi” para Home 2)Na chamada, corrigir “Promossão” 3)Alterar a cor do texto “Aqui você encontra...” para branco: #fff 4)Alterar a fonte do mesmo texto para 18px 5)Alterar o link do facebook para a fanpage da Fanta 6)Alterar a cor do texto dos itens (facebook, sms, etc) de branco para #56585b 7)Alterar a fonte do texto dos itens de Comic Sans para Trebuchet, ficando: “Trebuchet, Arial, Verdana”;
  19. 19. LACTA: Karla, Thays, Carolina e Roberto renatomelomkt.com.br/esamc/lacta.zip
  20. 20. ARRUMAR: 1)No menu, alterar “Promu” para Promo 2)Na chamada, colocar “Promoção Lacta e Você” 3)Alterar a cor do texto da Promoção Lacta de verde para # 27509c; 4)Arrumar o texto “Aki você...” para o português correto. 5)Alterar o link do facebook para a fanpage da Lacta 6)Alterar a cor do texto dos itens (facebook, sms, etc) de branco para #56585b 7)Alterar a cor de fundo do rodapé de laranja para # 27509c
  21. 21. #ENTREGA ENVIE PARA: renatomelo85@gmail.com
  22. 22. #PRÉVIA 02 MARKETING DE LUXO 1) Leia o artigo: http://bit.ly/previaprojetoweb2 2) Faça um paralelo com a palestra Marketing de Luxo
  23. 23. #PRÉVIA 02 REGRINHAS BÁSICAS Enviar para o e-mail: renatomelo85@gmail.com 1- Até 25.02 às 18h30 – 100% VALOR 2- Até 04.03 (Carnaval) às 18h30 – 50% VALOR 3- APÓS ÀS 18H30 DO DIA 04.03 = 0% VALOR
  24. 24. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

×