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

1. O FLASH ESTÁ
MORTO! VIVA
O HTML5
RENATO MELO - 2014

4. POR QUE
MORREU?

7. IE 10 não roda flash
no touch

8. “O MUNDO ESTÁ
MUDANDO PARA O
HTML5”

9. “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”

10. “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.”

12. Invista
aqui!

13. 1
Navegação mais rápida e simples
Redução do tamanho dos arquivos online
Melhor experiência do usuário.

14. 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.

15. 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!

16. 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).

17. 5
O mesmo vale para sons/músicas. O HTML5
possui um suporte a elementos sonoros muito
poderoso.

18. 6
HTML5 está disponível em várias plataformas
diferentes e funciona com a mesma eficiência
em PC’s, smartphones e tablets.

19. 6
HTML5 está disponível em várias plataformas
diferentes e funciona com a mesma eficiência
em PC’s, smartphones e tablets.

20. 1º TRABALHO: HTML E CSS!!
#TRABALHO
INDV. 25.03

21. 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.

22. FANTA: Letícia, Ariane,
Gérson, Caio e José
renatomelomkt.com.br/esamc/fanta.zip

23. 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”;

24. LACTA: Karla, Thays,
Carolina e Roberto
renatomelomkt.com.br/esamc/lacta.zip

25. 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

26. #ENTREGA
ENVIE PARA:
renatomelo85@gmail.com

27. #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

28. #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

29. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br