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
260
AI and Designer Collaboration
lekevicius
0
180
Treatwell — the business and the app
lekevicius
0
1.2k
The Dissatisfied Thief
lekevicius
0
74
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
500
Other Decks in Design
See All in Design
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
170
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
7 Core Values of Round-L
wired888
0
210
Liquid Iron
mcduckyart
1
110
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
460
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
430
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
210
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
760
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
640
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
695
190k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Gamification - CAS2011
davidbonilla
81
5.4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Docker and Python
trallard
44
3.5k
Documentation Writing (for coders)
carmenintech
72
4.9k
Bash Introduction
62gerente
613
210k
Into the Great Unknown - MozCon
thekraken
40
1.9k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
The Cult of Friendly URLs
andyhume
79
6.5k
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