Aula Reprograma - HTML e Estrutura de uma página

Layout Santo Graal

Transcript

1. www One layout, multiple ways
3. O que é?
5. Arte
8. Impresso
16. Vida
17. https://www.youtube.com/watch?v=XVLHX0ddtqo
22. A internet é uma réplica do mundo real
24. Strand books NYC - 2016
25. Strand books NYC - 2016
26. Strand books NYC - 2016
29. lá vem história…
30. No início
31. Computer History Museum SF/CA - 2015
32. Computer History Museum SF/CA - 2015
33. https://pt.wikipedia.org/wiki/Ada_Lovelace
34. Computer History Museum SF/CA - 2015
35. Computer History Museum SF/CA - 2015
36. Computer History Museum SF/CA - 2015
37. https://pt.wikipedia.org/wiki/Alan_Turing
38. http://www.imdb.com/title/tt2084970/?ref_=nv_sr_8
39. https://pt.wikipedia.org/wiki/Bletchley_Park
40. http://www.imdb.com/title/tt2275990/
41. Computer History Museum SF/CA - 2015
42. Computer History Museum SF/CA - 2015 Computer History Museum SF/CA - 2015
44. em 1990 e tantos…
45. Tim Berners Lee - www
49. Bem vindos a internet. As regras são:
50. Não temos regras!
51. https://www.amazon.com/New-Media-Art-Taschen-Basic/dp/3822830410
53. Web semântica
54. A Web Semântica é nada mais nada menos, que uma web com toda sua informação organizada de forma que não somente seres humanos possam entendê-la, mas principalmente máquinas. As máquinas nos ajudarão em tarefas que hoje fazemos manualmente. - Diego Eis
59. https://en.wikipedia.org/wiki/Holy_Grail_(web_design)
63. O físico impacta no virtual!
76. Bert Bos - CSS
77. Vantagens
78. Simplicidade + Flexibilidade
81. Criatividade Desenvolvimento
82. Ciclo CSS HTML
83. CSS FRONT DEVS DESIGNER
84. Mão na massa
85. http://webstyleguide.com/wsg3/3-information-architecture/3-site- structure.html
86. https://www.w3.org/wiki/HTML_structural_elements
87. Mulheres do HTML e CSS
88. “A spec do CSS Grid Layout é uma das poucas novas especificações que estão redefinindo como abordamos layout para a web. Junto com Flexbox e Box Alignment, ela será parte de um sistema moderno de layout para sites e aplicações web.” - Rachel Andrew @rachelandrew
89. https://www.youtube.com/watch?v=16enLRDbOyY @jensimmons
90. http://labs.jensimmons.com/2016/
91. http://labs.jensimmons.com/2016/
92. Não se limite, não mude, se molde!
94. Obrigada