20

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

Embed Size (px)

Citation preview

Page 1: 02 - HMTL/CSS - Curso de Programação
Page 2: 02 - HMTL/CSS - Curso de Programação

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  

Page 3: 02 - HMTL/CSS - Curso de Programação

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  

Page 4: 02 - HMTL/CSS - Curso de Programação

•  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  

Page 5: 02 - HMTL/CSS - Curso de Programação
Page 6: 02 - HMTL/CSS - Curso de Programação
Page 7: 02 - HMTL/CSS - Curso de Programaçã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  

Page 8: 02 - HMTL/CSS - Curso de Programação

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”  

Page 9: 02 - HMTL/CSS - Curso de Programação

CONTEÚDO  MULTIDISPOSITIVO,  COM  

TOTAL  SUPORTE  E  ACESSO  ÀS  FUNCIONALIDADES  DE  DISPOSITIVOS  MÓVEIS  

Page 10: 02 - HMTL/CSS - Curso de Programação

“  THE  WORLD  IS  MOVING  TO  HTML5  Steve  Jobs  

Page 11: 02 - HMTL/CSS - Curso de Programação
Page 12: 02 - HMTL/CSS - Curso de Programação

HTML5,  Flash,  Android  e  Silverlight  

 Job  Trends  

Page 13: 02 - HMTL/CSS - Curso de Programação

29/10/2015  PESQUISA  GOOGLE  

Page 14: 02 - HMTL/CSS - Curso de Programação
Page 15: 02 - HMTL/CSS - Curso de Programação
Page 16: 02 - HMTL/CSS - Curso de Programação

#1  CRIAR  

#2  ANIMAR  

#3  EXPORTAR  

Page 17: 02 - HMTL/CSS - Curso de Programação
Page 18: 02 - HMTL/CSS - Curso de Programação

#1  YOU  CAN  CHANGE  

THE  WAY  YOU  THINK!    #2  YOU  CAN  CHANGE  

THE  WORLD!    #3  YOU  CAN  CHANGE  

YOUR  JOB!  

Page 19: 02 - HMTL/CSS - Curso de Programação

hOps://www.youtube.com/watch?v=nKIu9yen5nc  

Page 20: 02 - HMTL/CSS - Curso de Programação