Tinklapių dizainas, 1 paskaita. Interneto praeitis, dabartis ir ateitis.

Lecture for web design course in Vilnius College of Design.

Transcript

1. I PA S K A I TA Interneto praeitis, dabartis ir ateitis Tinklapių dizainas Jonas Lekevičius, 2014
2. Šiandien matysite!
3. Šiandien matysite! • Susipažinkime!
4. Šiandien matysite! • Susipažinkime! • Ką aš dėstysiu (užuomina: tinklapių dizainą)
5. Šiandien matysite! • Susipažinkime! • Ką aš dėstysiu (užuomina: tinklapių dizainą) • Interneto istorija
6. Šiandien matysite! • Susipažinkime! • Ką aš dėstysiu (užuomina: tinklapių dizainą) • Interneto istorija • Šiuolaikinis interneto dizainas ir ateities tendencijos
7. Šiandien matysite! • Susipažinkime! • Ką aš dėstysiu (užuomina: tinklapių dizainą) • Interneto istorija • Šiuolaikinis interneto dizainas ir ateities tendencijos • Interneto pataršymas
8. Šiandien matysite! • Susipažinkime! • Ką aš dėstysiu (užuomina: tinklapių dizainą) • Interneto istorija • Šiuolaikinis interneto dizainas ir ateities tendencijos • Interneto pataršymas • Kurso ir savaitės projektas
9. Susipažinkime
10. Trumpai apie mane
11. Trumpai apie mane • Kuriu puslapius jau beveik 10 metų.
12. Trumpai apie mane • Kuriu puslapius jau beveik 10 metų. • Dirbau su daugybe skirtingų technologijų.
13. Trumpai apie mane • Kuriu puslapius jau beveik 10 metų. • Dirbau su daugybe skirtingų technologijų. • Dabar gaminu appsus Lemon Labs.
14. jonas@lekevicius.com
15. vdk.lekevicius.com
16. Trumpai apie jus
17. Trumpai apie jus • Žino kažką apie tinklapių dizainą?
18. Trumpai apie jus • Žino kažką apie tinklapių dizainą? • Esate kūrę tinklapį?
19. Trumpai apie jus • Žino kažką apie tinklapių dizainą? • Esate kūrę tinklapį? • Turi savo tinklapį?
20. Trumpai apie jus • Žino kažką apie tinklapių dizainą? • Esate kūrę tinklapį? • Turi savo tinklapį? • Žino, kas yra ES6, WebGL, SCSS?
21. Trumpai apie jus • Žino kažką apie tinklapių dizainą? • Esate kūrę tinklapį? • Turi savo tinklapį? • Žino, kas yra ES6, WebGL, SCSS? • Atrodo, kad tinklapių dizainas gali būti įdomu?
22. Kurso apžvalga
23. TIKSLAS Išmokti kurti tinklapius.
24. Ne vieną nedidelę dalį, o nuo pradžios iki pabaigos.
25. Galvoti apie informaciją, jos architektūrą, vartotojo patirtį.
26. Suplanuoti, kaip dizainas adaptuojasi prie skirtingų ekranų ir formatų, besikeičiančio turinio.
27. CSS HTML JS
28. Įvadas į tinklapių dizainą Informacijos architektūra ir vartotojo patirtis HTML: turinys su struktūra CSS: išdėstymo būdai ir technikos Šiuolaikinis tinklapių dizaino procesas Praktiniai dalykai: baneriai, talpinimas ir domenai... CSS: animacijos ir tipografija JavaScript: tinklapių programavimo kalba Apibendrinimas ir patarimai ateičiai jQuery: dinaminiai tinklapių efektai Grafikos paruošimas tinklapių dizainui CSS: aprašomasis dizainas
29. Interneto istorija
30. 1 9 6 9 Pirmasis internetas, ARPANET. TCP / IP, JAV kariuomenei. Source: Wikipedia
31. 1 9 7 7 El. paštas Ankstyviausios užuominos net 1962.
32. 1 9 7 8 Bulletin board system Forumiukai neliūdi! Source: Wikipedia
33. 1 9 8 2 - 0 9 - 1 9 :-) Svarbus įvykis žmonijos istorijoje. Source: bluejayblog
34. I propose that the following character sequence for jokemarkers: “:-)” Read it sideways. Actually, it is probably more economical to mark things that are NOT jokes, given current trends. For this, use “:-(“ Scott E. Fahlman
35. Eternal September Laikas nuo 1993 rugsėjo
36. 1 9 8 9 HTTP, HTML ir WWW Tim Berners-Lee Source: Wikipedia
37. 1 9 8 9 HTTP, HTML ir WWW Tim Berners-Lee Source: Wikipedia
38. 1 9 9 4 W3C World Wide Web Consortium
39. 1 9 9 0 WorldWideWeb Pirma naršyklė Source: Wikipedia
40. 1 9 9 3 Mosaic Pirma populiari naršyklė Source: Wikipedia
41. 1 9 9 4 Netscape Source: Wiki
42. 1 9 9 5 Internet Explorer Source: Wiki
43. 1 9 9 5 JavaScript
44. 1 9 9 6 Cascading Style Sheets
45. 1 9 9 4 Geocities Source: Wikipedia
46. 1 9 9 4 Yahoo
47. 1 9 9 6 AltaVista
48. 1 9 9 6 Google Source: Wikipedia
49. 1 9 9 5 PHP
50. 2 0 0 1 Drupal
51. 2 0 0 2 Mozilla
52. 2 0 0 3 Safari
53. Web 2.0
54. 2 0 0 3 Designing with Web Standards Jeffrey Zeldman
56. 2 0 0 3 WordPress
57. 2 0 0 4 Flickr
58. 2 0 0 4 Gmail
59. 2 0 0 4 Facebook
60. 2 0 0 6 Twitter
62. 2 0 0 5 Adobe nusiperka Macromedia
65. Uch…
66. 2007 m. sausį nutiko…
68. 2 0 1 0 Thoughts on Flash Steve Jobs Source: Wikipedia
69. 2 0 1 0 Responsive Web Design Ethan Marcotte Source: Wikipedia
70. 2 0 0 8 Chrome
71. 2 0 1 1 Chromebook
72. Šiuolaikinės tinklapių dizaino tendencijos
73. Web Apps
75. Responsive Web Design
76. Web Fonts
78. Labai greitas JavaScript
79. Apps
80. Mobilaus dizaino įtaka
81. Užduotys
82. SAVAITĖS UŽDUOTIS Pasirinkti puslapį ir jį kūrybingai sutaršyti.
83. jonas@lekevicius.com
84. KURS O UŽDUOTIS Tavo puslapis - portfolio
85. Pahackinam!
86. Iki!