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

O FIM DO FLASH - VIVA O HTML 5

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: O FIM DO FLASH - VIVA O HTML 5

O FLASH ESTÁ MORTO! VIVA O HTML5RENATO MELO - 2014

Page 2: O FIM DO FLASH - VIVA O HTML 5
Page 3: O FIM DO FLASH - VIVA O HTML 5
Page 4: O FIM DO FLASH - VIVA O HTML 5

POR QUE MORREU?

Page 5: O FIM DO FLASH - VIVA O HTML 5
Page 6: O FIM DO FLASH - VIVA O HTML 5
Page 7: O FIM DO FLASH - VIVA O HTML 5

IE 10 não roda flash no touch

Page 8: O FIM DO FLASH - VIVA O HTML 5

“O MUNDO ESTÁ MUDANDO PARA O

HTML5”

Page 9: O FIM DO FLASH - VIVA O HTML 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”

Page 10: O FIM DO FLASH - VIVA O HTML 5

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

Page 11: O FIM DO FLASH - VIVA O HTML 5
Page 12: O FIM DO FLASH - VIVA O HTML 5

Invista aqui!

Page 13: O FIM DO FLASH - VIVA O HTML 5

1

Navegação mais rápida e simplesRedução do tamanho dos arquivos onlineMelhor experiência do usuário.

Page 14: O FIM DO FLASH - VIVA O HTML 5

2O 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.

Page 15: O FIM DO FLASH - VIVA O HTML 5

3Embora 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!

Page 16: O FIM DO FLASH - VIVA O HTML 5

4Um 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).

Page 17: O FIM DO FLASH - VIVA O HTML 5

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

Page 18: O FIM DO FLASH - VIVA O HTML 5

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

Page 19: O FIM DO FLASH - VIVA O HTML 5

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

Page 20: O FIM DO FLASH - VIVA O HTML 5

#TRABALHOINDV. 25.03

1º TRABALHO: HTML E CSS!!

Page 21: O FIM DO FLASH - VIVA O HTML 5

INFORMAÇÕES ÚTEIS1)Salve o arquivo2)Clique com o botão direito e escolha extrair ou descompactar3)Abra o html no seu navegador4)Abra o css e o html no bloco de notas5)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.

Page 22: O FIM DO FLASH - VIVA O HTML 5

FANTA: Letícia, Ariane, Gérson, Caio e José

renatomelomkt.com.br/esamc/fanta.zip

Page 23: O FIM DO FLASH - VIVA O HTML 5

ARRUMAR:1)No menu, alterar “Romi” para Home2)Na chamada, corrigir “Promossão”3)Alterar a cor do texto “Aqui você encontra...” para branco: #fff4)Alterar a fonte do mesmo texto para 18px5)Alterar o link do facebook para a fanpage da Fanta6)Alterar a cor do texto dos itens (facebook, sms, etc) de branco para #56585b7)Alterar a fonte do texto dos itens de Comic Sans para Trebuchet, ficando: “Trebuchet, Arial, Verdana”;

Page 24: O FIM DO FLASH - VIVA O HTML 5

renatomelomkt.com.br/esamc/lacta.zip

LACTA: Karla, Thays, Carolina e Roberto

Page 25: O FIM DO FLASH - VIVA O HTML 5

ARRUMAR:1)No menu, alterar “Promu” para Promo2)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 Lacta6)Alterar a cor do texto dos itens (facebook, sms, etc) de branco para #56585b7)Alterar a cor de fundo do rodapé de laranja para # 27509c

Page 26: O FIM DO FLASH - VIVA O HTML 5

#ENTREGAENVIE PARA:

[email protected]

Page 27: O FIM DO FLASH - VIVA O HTML 5

#PRÉVIA 02MARKETING DE LUXO

1) Leia o artigo: 1) Leia o artigo: http://bit.ly/previaprojetoweb2http://bit.ly/previaprojetoweb2

2) Faça um paralelo com a palestra 2) Faça um paralelo com a palestra Marketing de Luxo Marketing de Luxo

Page 28: O FIM DO FLASH - VIVA O HTML 5

#PRÉVIA 02REGRINHAS BÁSICAS

Enviar para o e-mail: Enviar para o e-mail: [email protected]@gmail.com

1- Até 25.02 às 18h30 – 100% VALOR1- Até 25.02 às 18h30 – 100% VALOR2- Até 04.03 2- Até 04.03 (Carnaval)(Carnaval) às 18h30 – 50% VALOR às 18h30 – 50% VALOR3- APÓS ÀS 18H30 DO DIA 04.03 = 0% VALOR3- APÓS ÀS 18H30 DO DIA 04.03 = 0% VALOR

Page 29: O FIM DO FLASH - VIVA O HTML 5

FACEBOOK.COM/RENATOMELOMKT

[email protected]