Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Tinklapių dizainas, 3 paskaita. HTML: turinys s...
Search
Jonas Lekevicius
October 01, 2014
Design
0
320
Tinklapių dizainas, 3 paskaita. HTML: turinys su struktūra.
Lecture for web design course in Vilnius College of Design.
Jonas Lekevicius
October 01, 2014
Tweet
Share
More Decks by Jonas Lekevicius
See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
lekevicius
0
270
AI and Designer Collaboration
lekevicius
0
180
Treatwell — the business and the app
lekevicius
0
1.2k
The Dissatisfied Thief
lekevicius
0
78
Hack @ SmallPlanetAirlines
lekevicius
0
120
Interface Fiction
lekevicius
0
170
Introduction to Apps for Atomic Garden
lekevicius
2
150
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
lekevicius
0
190
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
510
Other Decks in Design
See All in Design
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
480
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
Findyのプロデチームの 歩みとこれから
satty9556
0
260
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
310
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.4k
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
270
The Spectacular Lies of Maps
axbom
PRO
1
270
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.4k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
Cyber Heart Online Book
hjnasby
0
180
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
Embracing the Ebb and Flow
colly
87
4.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Making Projects Easy
brettharned
117
6.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Designing Experiences People Love
moore
142
24k
Six Lessons from altMBA
skipperchong
28
4k
4 Signs Your Business is Dying
shpigford
184
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Transcript
I I I PA S K A I TA HTML:
turinys su struktūra Tinklapių dizainas Jonas Lekevičius, 2014
Šiandien matysite!
Šiandien matysite! • Puslapio sudedamosios dalys
Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML
Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML
• Tekstiniai failai
Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML
• Tekstiniai failai • Pagrindiniai HTML žymenys
Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML
• Tekstiniai failai • Pagrindiniai HTML žymenys • Kur ieškoti daugiau informacijos
Šiandien matysite! • Puslapio sudedamosios dalys • Kam skirtas HTML
• Tekstiniai failai • Pagrindiniai HTML žymenys • Kur ieškoti daugiau informacijos • Savaitės užduotis
Puslapio sudedamosios dalys
None
HTML
CSS HTML
CSS HTML JS
CSS HTML JS
CSS HTML JS
CSS HTML JS JPG
CSS HTML JS JPG PNG
CSS HTML JS JPG PNG MP3
None
HTML
CSS HTML
CSS HTML JS
HTML: Word be mygtukų
HyperText Markup Language HTML
HyperText Markup Language HTML
None
Turinys + stilius Meta-informacija
HTML yra tekstinis failas
Iš ko susideda HTML?
Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius,
aprašymas…
Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius,
aprašymas… • Nuorodų į susijusius resursus (CSS - stiliaus aprašymą, paveiksliukus…)
Iš ko susideda HTML? • Informacija apie turinį: pavadinimas, autorius,
aprašymas… • Nuorodų į susijusius resursus (CSS - stiliaus aprašymą, paveiksliukus…) • Turinio su struktūros žymenimis
Laikas pradėti!
Markdown
http://dillinger.io
Coda
Windows alternatyva
Kur ieškoti informacijos?
https://developer.mozilla.org/en-US/docs/Web/HTML
Coda Books
Užduotys
SAVAITĖS UŽDUOTIS Susikurti savo puslapio HTML pamatus
CodeKit
Iki!
None