1. HTML 5 o futuro da web jose berardo – especializa treinamentos
2.
3. rede acadêmica utilizada para troca de informações entre universidades
4. portais e-commerce características: Portifólios digitais - o que importa é a interface - o que importa é o conteúdo - o que importa é o software Clara divisão produtor x consumidor WEB 1.0
16. H. T. M. L. H I P E R T E X T M A R K U P L A N G U A G E
17. - criada por Tim Berners-Lee em 1993 - aplicação formal da s.g.m.l. - i.e.t.f. até a versão 2.0 em 1995 - Regida pelo W.3.C. desde 1996 - maiores fabricantes de browsers - diversos fabricantes de hardware - brasileiras: SERPRO e Nic.br - HTML 1.0, 2.0, 3.2, 4.01 H. T. M. L.
18. - substituta natural do html - sintaxe mais rígida - versões 1.0 e 1.1 - versão 2.0 iniciada e abandonada - R.D.F.a. - para obter semântica - substituída pela HTML5 X. H. T. M. L.
24. <! DOCTYPE html> < html > < head > < meta charset = "utf-8" /> < title > Conteúdo editável </ title > </ head > < body > < header > < h1 contenteditable = "true" > Hello World </ h1 > </ header > </ body > </ html > conteúdo editável
25. <!DOCTYPE html > < html > < head > < meta charset =" utf-8 " /> < title > Local storage </ title > < script src =" lib/jquery/jquery-min.js " ></ script > </ head > < body > < section > < ul id =" itens " contenteditable =" true " /></ ul > < input type =" button " id =" limpar " value =" limpar " /> </ section > </ body > </ html >
26. < script > $ ( function (){ var conteudo = localStorage . getItem ( 'itens' ); $ ( '#itens' ). blur ( function (){ localStorage . setItem ( 'itens' , $ ( this ). html ()); }). html ( conteudo ? conteudo : "<li/>" ) $ ( '#limpar' ). click ( function () { localStorage . removeItem ( 'itens' ); $ ( '#itens' ). html ( "<li/>" ) }) }) </ script >
27. <!DOCTYPE html > < html > < head > < meta charset =" utf-8 " /> < title > On/Offline </ title > </ head > < script src =" lib/jquery/jquery.min.js " ></ script > < body > < hea d er > < h1 id =" estado " /> </ header > </ body > </ html > OnLine e OffLine
28. < script > $ ( document ). bind ( ' online ' , function () { $ ( '#estado' ). text ( 'Estou Online' ); }); $ ( document ). bind ( ' offline ' , function () { $ ( '#estado' ). text ( 'Estou Offline' ); }); </ script > < script > $ ( function (){ setInterval ( 'checarEstado()' , 200 ); }) function checarEstado (){ if ( navigator . onLine ) $ ( '#estado' ). html ( "Estou Online" ) else $ ( '#estado' ). html ( "Estou Offline" ) } </ script > eventos Checagem de estado