SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
SMARTFONES	
  
ANTES	
  DA	
  
INTERNET	
  
INTERNET	
  DOS	
  
CONTEÚDOS	
  
INTERNET	
  DOS	
  
SERVIÇOS	
  
INTERNET	
  DAS	
  
PESSOAS	
  
INTERNET	
  DAS	
  
COISAS	
  
Comunicação	
  
“humano	
  para	
  
humano”	
  
•  Telefone	
  
•  Carta	
  
•  Fax	
  
•  Pager	
  
www	
  
“humano	
  para	
  
máquina”	
  
•  E-­‐mail	
  
•  No6cias	
  
•  Mul;média	
  
•  Novidade	
  
Web	
  2.0	
  
“todos	
  criam	
  
conteúdo”	
  
•  Curadoria	
  
•  Blogs	
  
•  Fóruns	
  
•  Wikipédia	
  
Redes	
  Sociais	
  
“todos	
  estão	
  
conectados”	
  
•  Facebook	
  
•  Youtube	
  
•  Skype	
  
•  E-­‐commerce	
  
Comunicação	
  de	
  
“máquina	
  para	
  
máquina”	
  
•  Ubiquidade	
  
•  Monitorização	
  
•  Automa;zação	
  
OLED	
  COMPUTADOR	
  
hOps://www.youtube.com/watch?v=6Cf7IL_eZ38	
  
A	
  DAY	
  MADE	
  OF	
  GLASS...	
  MADE	
  POSSIBLE	
  
hOps://www.youtube.com/watch?v=QyUfEuFDA_A	
  
A	
  INVENÇÃO	
  DA	
  SOLIDÃO	
  
hOp://www.slideshare.net/jalmeidabrandao/evoluo-­‐da-­‐internet-­‐17078918	
  
EVENTOS	
  IMPORTANTES	
  NA	
  EVOLUÇÃO	
  DA	
  WEB	
  
•  Surgiu	
  em	
  1990,	
  essencialmente	
  para	
  
interligar	
  conteúdos	
  através	
  de	
  links.	
  
•  Esta	
  linguagem	
  sofreu	
  várias	
  revisões	
  e	
  
propostas	
  até	
  1995,	
  quando	
  o	
  padrão	
  
passou	
  a	
  ser	
  regularizado	
  pela	
  W3C,	
  
en;dade	
  que	
  regula	
  os	
  padrões	
  Web.	
  
A	
  sigla	
  HTML	
  significa	
  HyperText	
  Markup	
  
Language,	
  que	
  quer	
  dizer,	
  linguagem	
  de	
  
marcação	
  de	
  hipertexto.	
  
HTML5	
  -­‐	
  	
  EVOLUÇÃO	
  E	
  NÃO	
  REVOLUÇÃO	
  
A	
  linguagem	
  HTML	
  codifica	
  as	
  páginas	
  	
  
que	
  serão	
  disponibilizadas	
  num	
  servidor	
  
web.	
  
Estas	
  páginas	
  serão,	
  posteriormente,	
  
transferidas	
  pelo	
  u;lizador	
  através	
  da	
  
internet	
  com	
  recurso	
  ao	
  protocolo	
  
HTTP.	
  
PEDIDO/CONSULTA	
  
RESPOSTA/APRESENTAÇÃO	
  
PROTOCOLO	
  
HTTP	
  
Chrome	
  <	
  -­‐	
  -­‐	
  -­‐>	
  Apache	
  
Não	
  há	
  mais	
  necessidade	
  
	
  de	
  recorrer	
  à	
  instalação	
  de	
  plugins	
  
para	
  executar	
  determinados	
  
ficheiros	
  mul;média!	
  
O	
  HTML	
  PASSA	
  A	
  SUPORTAR	
  
NATIVAMENTE	
  FICHEIROS	
  
DE	
  SOM,	
  VIDEO,	
  VETORES,	
  
ENTRE	
  OUTROS	
  
“FLASH	
  MORREU	
  MAS	
  A	
  ADOBE	
  NÃO	
  SABE”	
  
CONTEÚDO	
  
MULTIDISPOSITIVO,	
  COM	
  
TOTAL	
  SUPORTE	
  E	
  ACESSO	
  ÀS	
  
FUNCIONALIDADES	
  DE	
  
DISPOSITIVOS	
  MÓVEIS	
  
“	
  THE	
  WORLD	
  IS	
  
MOVING	
  TO	
  HTML5	
  
Steve	
  Jobs	
  
HTML5,	
  Flash,	
  
Android	
  e	
  Silverlight	
  
	
  Job	
  Trends	
  
29/10/2015	
  
PESQUISA	
  GOOGLE	
  
#1	
  CRIAR	
  
#2	
  ANIMAR	
  
#3	
  EXPORTAR	
  
#1	
  YOU	
  CAN	
  CHANGE	
  
THE	
  WAY	
  YOU	
  THINK!	
  
	
  
#2	
  YOU	
  CAN	
  CHANGE	
  
THE	
  WORLD!	
  
	
  
#3	
  YOU	
  CAN	
  CHANGE	
  
YOUR	
  JOB!	
  
hOps://www.youtube.com/watch?v=nKIu9yen5nc	
  
02 - HMTL/CSS - Curso de Programação

Mais conteúdo relacionado

Semelhante a 02 - HMTL/CSS - Curso de Programação

Android: mercado mobile e visão geral da plataforma
Android: mercado mobile e visão geral da plataformaAndroid: mercado mobile e visão geral da plataforma
Android: mercado mobile e visão geral da plataformaJonas Alves
 
Dez motivos para você continuar desenvolvendo para a Web
Dez motivos para você continuar desenvolvendo para a WebDez motivos para você continuar desenvolvendo para a Web
Dez motivos para você continuar desenvolvendo para a WebReinaldo Ferraz
 
Aula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdfAula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdfJoaquina30
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
 
Workshop Ferramentas Web para Serviços educativos
Workshop Ferramentas Web para Serviços educativosWorkshop Ferramentas Web para Serviços educativos
Workshop Ferramentas Web para Serviços educativosSerpentina
 
Perspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para WebPerspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para WebLeandro Costa
 
Aula_Internet 1 - 2023.pptx
Aula_Internet 1 - 2023.pptxAula_Internet 1 - 2023.pptx
Aula_Internet 1 - 2023.pptxssuserb50496
 
Qual é a importância da Web nas nossas vidas?
Qual é a importância da Web nas nossas vidas?Qual é a importância da Web nas nossas vidas?
Qual é a importância da Web nas nossas vidas?Caroline Burle
 
Robótica e PHP com Arduino - PHPn' Rio 2011
Robótica e PHP com Arduino - PHPn' Rio 2011Robótica e PHP com Arduino - PHPn' Rio 2011
Robótica e PHP com Arduino - PHPn' Rio 2011Marco Antonio Maciel
 
Trabalho sobre web 2.0 e web 3.0
Trabalho sobre web 2.0 e web 3.0Trabalho sobre web 2.0 e web 3.0
Trabalho sobre web 2.0 e web 3.0liverig
 
Palestra html5 e CSS3
Palestra html5 e CSS3Palestra html5 e CSS3
Palestra html5 e CSS3CELULA CURSOS
 
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013javamanrj
 
Criatividade Publicitária - Comunicação Digital - New World
Criatividade Publicitária - Comunicação Digital - New WorldCriatividade Publicitária - Comunicação Digital - New World
Criatividade Publicitária - Comunicação Digital - New Worldlaercio roma
 

Semelhante a 02 - HMTL/CSS - Curso de Programação (20)

Mobile & Cia
Mobile & CiaMobile & Cia
Mobile & Cia
 
Android: mercado mobile e visão geral da plataforma
Android: mercado mobile e visão geral da plataformaAndroid: mercado mobile e visão geral da plataforma
Android: mercado mobile e visão geral da plataforma
 
Dez motivos para você continuar desenvolvendo para a Web
Dez motivos para você continuar desenvolvendo para a WebDez motivos para você continuar desenvolvendo para a Web
Dez motivos para você continuar desenvolvendo para a Web
 
As transformações na era digital
As transformações na era digitalAs transformações na era digital
As transformações na era digital
 
Tudo sobre Internet
Tudo sobre InternetTudo sobre Internet
Tudo sobre Internet
 
Aula internet
Aula internetAula internet
Aula internet
 
Aula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdfAula_Internet 1 - 2012.pdf
Aula_Internet 1 - 2012.pdf
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
Web2
Web2Web2
Web2
 
Web (design+developer)
Web (design+developer)Web (design+developer)
Web (design+developer)
 
Workshop Ferramentas Web para Serviços educativos
Workshop Ferramentas Web para Serviços educativosWorkshop Ferramentas Web para Serviços educativos
Workshop Ferramentas Web para Serviços educativos
 
Perspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para WebPerspectivas De Desenvolvimento Para Web
Perspectivas De Desenvolvimento Para Web
 
Aula_Internet 1 - 2023.pptx
Aula_Internet 1 - 2023.pptxAula_Internet 1 - 2023.pptx
Aula_Internet 1 - 2023.pptx
 
Qual é a importância da Web nas nossas vidas?
Qual é a importância da Web nas nossas vidas?Qual é a importância da Web nas nossas vidas?
Qual é a importância da Web nas nossas vidas?
 
Robótica e PHP com Arduino - PHPn' Rio 2011
Robótica e PHP com Arduino - PHPn' Rio 2011Robótica e PHP com Arduino - PHPn' Rio 2011
Robótica e PHP com Arduino - PHPn' Rio 2011
 
Trabalho sobre web 2.0 e web 3.0
Trabalho sobre web 2.0 e web 3.0Trabalho sobre web 2.0 e web 3.0
Trabalho sobre web 2.0 e web 3.0
 
Palestra html5 e CSS3
Palestra html5 e CSS3Palestra html5 e CSS3
Palestra html5 e CSS3
 
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
 
Criatividade Publicitária - Comunicação Digital - New World
Criatividade Publicitária - Comunicação Digital - New WorldCriatividade Publicitária - Comunicação Digital - New World
Criatividade Publicitária - Comunicação Digital - New World
 
O que é HTML5
O que é HTML5O que é HTML5
O que é HTML5
 

Mais de Jorge Brandão

SOCIAL MEDIA MARKETING
SOCIAL MEDIA MARKETINGSOCIAL MEDIA MARKETING
SOCIAL MEDIA MARKETINGJorge Brandão
 
Landing Pages - Marketing digital
Landing Pages - Marketing digitalLanding Pages - Marketing digital
Landing Pages - Marketing digitalJorge Brandão
 
Search Engine Advertising
Search Engine AdvertisingSearch Engine Advertising
Search Engine AdvertisingJorge Brandão
 
SEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATIONSEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATIONJorge Brandão
 
Ferramentas de Marketing Digital
Ferramentas de Marketing DigitalFerramentas de Marketing Digital
Ferramentas de Marketing DigitalJorge Brandão
 
An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)
An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)
An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)Jorge Brandão
 
CYBERBULLYING : Sempre online para evitar, nunca offline para ignorar
CYBERBULLYING : Sempre online para evitar, nunca offline para ignorarCYBERBULLYING : Sempre online para evitar, nunca offline para ignorar
CYBERBULLYING : Sempre online para evitar, nunca offline para ignorarJorge Brandão
 
Wii aplicada a Alunos com Necessidades Educativas Especiais
Wii aplicada a Alunos com Necessidades Educativas EspeciaisWii aplicada a Alunos com Necessidades Educativas Especiais
Wii aplicada a Alunos com Necessidades Educativas EspeciaisJorge Brandão
 
GAME QUIZ - Quem Quer Ser Informático
GAME QUIZ - Quem Quer Ser InformáticoGAME QUIZ - Quem Quer Ser Informático
GAME QUIZ - Quem Quer Ser InformáticoJorge Brandão
 

Mais de Jorge Brandão (13)

SOCIAL MEDIA MARKETING
SOCIAL MEDIA MARKETINGSOCIAL MEDIA MARKETING
SOCIAL MEDIA MARKETING
 
Landing Pages - Marketing digital
Landing Pages - Marketing digitalLanding Pages - Marketing digital
Landing Pages - Marketing digital
 
E-MAIL MARKETING
E-MAIL MARKETINGE-MAIL MARKETING
E-MAIL MARKETING
 
Search Engine Advertising
Search Engine AdvertisingSearch Engine Advertising
Search Engine Advertising
 
SEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATIONSEO - SEARCH ENGINE OPTIMIZATION
SEO - SEARCH ENGINE OPTIMIZATION
 
Content Marketing
Content MarketingContent Marketing
Content Marketing
 
Ferramentas de Marketing Digital
Ferramentas de Marketing DigitalFerramentas de Marketing Digital
Ferramentas de Marketing Digital
 
An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)
An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)
An Augmented Reality GameBook for Children with Autism Spectrum Disorder (ASD)
 
CYBERBULLYING : Sempre online para evitar, nunca offline para ignorar
CYBERBULLYING : Sempre online para evitar, nunca offline para ignorarCYBERBULLYING : Sempre online para evitar, nunca offline para ignorar
CYBERBULLYING : Sempre online para evitar, nunca offline para ignorar
 
MY VOICE
MY VOICEMY VOICE
MY VOICE
 
Wii aplicada a Alunos com Necessidades Educativas Especiais
Wii aplicada a Alunos com Necessidades Educativas EspeciaisWii aplicada a Alunos com Necessidades Educativas Especiais
Wii aplicada a Alunos com Necessidades Educativas Especiais
 
GAME QUIZ - Quem Quer Ser Informático
GAME QUIZ - Quem Quer Ser InformáticoGAME QUIZ - Quem Quer Ser Informático
GAME QUIZ - Quem Quer Ser Informático
 
Apresentação final
Apresentação finalApresentação final
Apresentação final
 

02 - HMTL/CSS - Curso de Programação

  • 1.
  • 2. SMARTFONES   ANTES  DA   INTERNET   INTERNET  DOS   CONTEÚDOS   INTERNET  DOS   SERVIÇOS   INTERNET  DAS   PESSOAS   INTERNET  DAS   COISAS   Comunicação   “humano  para   humano”   •  Telefone   •  Carta   •  Fax   •  Pager   www   “humano  para   máquina”   •  E-­‐mail   •  No6cias   •  Mul;média   •  Novidade   Web  2.0   “todos  criam   conteúdo”   •  Curadoria   •  Blogs   •  Fóruns   •  Wikipédia   Redes  Sociais   “todos  estão   conectados”   •  Facebook   •  Youtube   •  Skype   •  E-­‐commerce   Comunicação  de   “máquina  para   máquina”   •  Ubiquidade   •  Monitorização   •  Automa;zação   OLED  COMPUTADOR  
  • 3. hOps://www.youtube.com/watch?v=6Cf7IL_eZ38   A  DAY  MADE  OF  GLASS...  MADE  POSSIBLE   hOps://www.youtube.com/watch?v=QyUfEuFDA_A   A  INVENÇÃO  DA  SOLIDÃO   hOp://www.slideshare.net/jalmeidabrandao/evoluo-­‐da-­‐internet-­‐17078918   EVENTOS  IMPORTANTES  NA  EVOLUÇÃO  DA  WEB  
  • 4. •  Surgiu  em  1990,  essencialmente  para   interligar  conteúdos  através  de  links.   •  Esta  linguagem  sofreu  várias  revisões  e   propostas  até  1995,  quando  o  padrão   passou  a  ser  regularizado  pela  W3C,   en;dade  que  regula  os  padrões  Web.   A  sigla  HTML  significa  HyperText  Markup   Language,  que  quer  dizer,  linguagem  de   marcação  de  hipertexto.   HTML5  -­‐    EVOLUÇÃO  E  NÃO  REVOLUÇÃO  
  • 5.
  • 6.
  • 7. A  linguagem  HTML  codifica  as  páginas     que  serão  disponibilizadas  num  servidor   web.   Estas  páginas  serão,  posteriormente,   transferidas  pelo  u;lizador  através  da   internet  com  recurso  ao  protocolo   HTTP.   PEDIDO/CONSULTA   RESPOSTA/APRESENTAÇÃO   PROTOCOLO   HTTP   Chrome  <  -­‐  -­‐  -­‐>  Apache  
  • 8. Não  há  mais  necessidade    de  recorrer  à  instalação  de  plugins   para  executar  determinados   ficheiros  mul;média!   O  HTML  PASSA  A  SUPORTAR   NATIVAMENTE  FICHEIROS   DE  SOM,  VIDEO,  VETORES,   ENTRE  OUTROS   “FLASH  MORREU  MAS  A  ADOBE  NÃO  SABE”  
  • 9. CONTEÚDO   MULTIDISPOSITIVO,  COM   TOTAL  SUPORTE  E  ACESSO  ÀS   FUNCIONALIDADES  DE   DISPOSITIVOS  MÓVEIS  
  • 10. “  THE  WORLD  IS   MOVING  TO  HTML5   Steve  Jobs  
  • 11.
  • 12. HTML5,  Flash,   Android  e  Silverlight    Job  Trends  
  • 14.
  • 15.
  • 16. #1  CRIAR   #2  ANIMAR   #3  EXPORTAR  
  • 17.
  • 18. #1  YOU  CAN  CHANGE   THE  WAY  YOU  THINK!     #2  YOU  CAN  CHANGE   THE  WORLD!     #3  YOU  CAN  CHANGE   YOUR  JOB!