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

568c90462309bc3d01a32cb42d2c6b06?s=47 Jonas Lekevicius
September 17, 2014

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

Lecture for web design course in Vilnius College of Design.

568c90462309bc3d01a32cb42d2c6b06?s=128

Jonas Lekevicius

September 17, 2014
Tweet

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

  55. None
  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

  61. None
  62. 2 0 0 5 Adobe nusiperka Macromedia

  63. None
  64. None
  65. Uch…

  66. 2007 m. sausį nutiko…

  67. None
  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

  74. None
  75. Responsive Web Design

  76. Web Fonts

  77. None
  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!