Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tinklapių dizainas, 3 paskaita. HTML: turinys s...

Avatar for Jonas Lekevicius Jonas Lekevicius
October 01, 2014
Design
0
330

Tinklapių dizainas, 3 paskaita. HTML: turinys su struktūra.

Lecture for web design course in Vilnius College of Design.

Avatar for Jonas Lekevicius

Jonas Lekevicius

October 01, 2014
Tweet

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
Avatar for Jonas Lekevicius lekevicius
0
300
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
210
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.3k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
85
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
130
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
180
Introduction to Apps for Atomic Garden
Avatar for Jonas Lekevicius lekevicius
2
150
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
Avatar for Jonas Lekevicius lekevicius
0
190
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
550

Other Decks in Design

See All in Design
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
2.9k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.6k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
1.1k
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.2k
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
180
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
170
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2.5k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
350
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
330
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
380

Featured

See All Featured
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
1
160
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
130
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
110
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
1
1.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
120
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
220

Transcript

  1. I I I PA S K A I TA HTML:

    turinys su struktūra Tinklapių dizainas Jonas Lekevičius, 2014

  2. Šiandien matysite!

  3. Šiandien matysite! • Puslapio sudedamosios dalys

  4. Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML

  5. Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML

    • Tekstiniai failai

  6. Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML

    • Tekstiniai failai • Pagrindiniai HTML žymenys

  7. Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML

    • Tekstiniai failai • Pagrindiniai HTML žymenys • Kur ieškoti daugiau informacijos

  8. Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML

    • Tekstiniai failai • Pagrindiniai HTML žymenys • Kur ieškoti daugiau informacijos • Savaitės užduotis

  9. Puslapio sudedamosios dalys

  10. None

  11. HTML

  12. CSS HTML

  13. CSS HTML JS

  14. CSS HTML JS

  15. CSS HTML JS

  16. CSS HTML JS JPG

  17. CSS HTML JS JPG PNG

  18. CSS HTML JS JPG PNG MP3

  19. None

  20. HTML

  21. CSS HTML

  22. CSS HTML JS

  23. HTML: Word be mygtukų

  24. HyperText Markup Language HTML

  25. HyperText Markup Language HTML

  26. None

  27. Turinys + stilius Meta-informacija

  28. HTML yra tekstinis failas

  29. Iš ko susideda HTML?

  30. Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius,

    aprašymas…

  31. Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius,

    aprašymas… • Nuorodų į susijusius resursus (CSS - stiliaus aprašymą, paveiksliukus…)

  32. Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius,

    aprašymas… • Nuorodų į susijusius resursus (CSS - stiliaus aprašymą, paveiksliukus…) • Turinio su struktūros žymenimis

  33. Laikas pradėti!

  34. Markdown

  35. http://dillinger.io

  36. Coda

  37. Windows alternatyva

  38. Kur ieškoti informacijos?

  39. https://developer.mozilla.org/en-US/docs/Web/HTML

  40. Coda Books

  41. Užduotys

  42. SAVAITĖS UŽDUOTIS Susikurti savo puslapio HTML pamatus

  43. CodeKit

  44. Iki!

  45. None