O FIM DO FLASH - VIVA O HTML 5
-
Upload
renato-melo -
Category
Design
-
view
194 -
download
1
description
Transcript of O FIM DO FLASH - VIVA O HTML 5
![Page 1: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/1.jpg)
O FLASH ESTÁ MORTO! VIVA O HTML5RENATO MELO - 2014
![Page 2: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/2.jpg)
![Page 3: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/3.jpg)
![Page 4: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/4.jpg)
POR QUE MORREU?
![Page 5: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/5.jpg)
![Page 6: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/6.jpg)
![Page 7: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/7.jpg)
IE 10 não roda flash no touch
![Page 8: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/8.jpg)
“O MUNDO ESTÁ MUDANDO PARA O
HTML5”
![Page 9: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/9.jpg)
“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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/10.jpg)
“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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/11.jpg)
![Page 12: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/12.jpg)
Invista aqui!
![Page 13: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/13.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/14.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/15.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/16.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/17.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/18.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/19.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/20.jpg)
#TRABALHOINDV. 25.03
1º TRABALHO: HTML E CSS!!
![Page 21: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/21.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/22.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/23.jpg)
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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/24.jpg)
renatomelomkt.com.br/esamc/lacta.zip
LACTA: Karla, Thays, Carolina e Roberto
![Page 25: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/25.jpg)
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 27: O FIM DO FLASH - VIVA O HTML 5](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/27.jpg)
#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](https://reader036.fdocumentos.com/reader036/viewer/2022062406/559c04691a28ab98188b45ad/html5/thumbnails/28.jpg)
#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