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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
86
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
130
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
190
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
200
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
560

Other Decks in Design

See All in Design
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
210
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.3k
Diverse Design Team Deck
Avatar for Diverse diverse
0
630
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
190
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
270
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
200
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
200

Featured

See All Featured
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Between Models and Reality
Avatar for mayunak mayunak
1
200
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.1k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410

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