Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

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

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

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
Avatar for Jonas Lekevicius lekevicius
0
340
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
250
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.4k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
100
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
150
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
200
Introduction to Apps for Atomic Garden
Avatar for Jonas Lekevicius lekevicius
2
180
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
620

Other Decks in Design

See All in Design
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
450
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
240
Kouseki | CREATIVE CLASS成果物
Avatar for Yurika Ishida yuri9911
0
210
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
4
3.5k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
440
いいUIとは？初心者向けに事例をもとにUIデザインを分解
Avatar for 原 佑一｜クリエイティブディレクター yuichi_hara7
12
6.2k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
480
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
460
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
2.1k
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
3
2.7k
A Corrida Maluca - Comedy Storyboard
Avatar for Giovana Nicóli gioli
0
110
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
320

Featured

See All Featured
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
A Soul's Torment
Avatar for Nat Ma seathinner
7
3.6k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.7k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
980
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.2k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
330
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k

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