I I I PA S K A I TA
HTML: turinys su struktūra
Tinklapių dizainas
Jonas Lekevičius, 2014
Slide 2
Slide 2 text
Šiandien matysite!
Slide 3
Slide 3 text
Šiandien matysite!
• Puslapio sudedamosios dalys
Slide 4
Slide 4 text
Šiandien matysite!
• Puslapio sudedamosios dalys
• Kam skirtas HTML
Slide 5
Slide 5 text
Šiandien matysite!
• Puslapio sudedamosios dalys
• Kam skirtas HTML
• Tekstiniai failai
Slide 6
Slide 6 text
Šiandien matysite!
• Puslapio sudedamosios dalys
• Kam skirtas HTML
• Tekstiniai failai
• Pagrindiniai HTML žymenys
Slide 7
Slide 7 text
Šiandien matysite!
• Puslapio sudedamosios dalys
• Kam skirtas HTML
• Tekstiniai failai
• Pagrindiniai HTML žymenys
• Kur ieškoti daugiau informacijos
Slide 8
Slide 8 text
Šiandien matysite!
• Puslapio sudedamosios dalys
• Kam skirtas HTML
• Tekstiniai failai
• Pagrindiniai HTML žymenys
• Kur ieškoti daugiau informacijos
• Savaitės užduotis
Slide 9
Slide 9 text
Puslapio sudedamosios
dalys
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
HTML
Slide 12
Slide 12 text
CSS
HTML
Slide 13
Slide 13 text
CSS
HTML
JS
Slide 14
Slide 14 text
CSS
HTML
JS
Slide 15
Slide 15 text
CSS
HTML
JS
Slide 16
Slide 16 text
CSS
HTML
JS JPG
Slide 17
Slide 17 text
CSS
HTML
JS JPG
PNG
Slide 18
Slide 18 text
CSS
HTML
JS JPG
PNG
MP3
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
HTML
Slide 21
Slide 21 text
CSS
HTML
Slide 22
Slide 22 text
CSS
HTML
JS
Slide 23
Slide 23 text
HTML: Word be mygtukų
Slide 24
Slide 24 text
HyperText Markup Language
HTML
Slide 25
Slide 25 text
HyperText Markup Language
HTML
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
Turinys + stilius Meta-informacija
Slide 28
Slide 28 text
HTML yra tekstinis failas
Slide 29
Slide 29 text
Iš ko susideda HTML?
Slide 30
Slide 30 text
Iš ko susideda HTML?
• Informacija apie turinį: pavadinimas, autorius,
aprašymas…
Slide 31
Slide 31 text
Iš ko susideda HTML?
• Informacija apie turinį: pavadinimas, autorius,
aprašymas…
• Nuorodų į susijusius resursus (CSS - stiliaus
aprašymą, paveiksliukus…)
Slide 32
Slide 32 text
Iš ko susideda HTML?
• Informacija apie turinį: pavadinimas, autorius,
aprašymas…
• Nuorodų į susijusius resursus (CSS - stiliaus
aprašymą, paveiksliukus…)
• Turinio su struktūros žymenimis
Slide 33
Slide 33 text
Laikas pradėti!
Slide 34
Slide 34 text
Markdown
Slide 35
Slide 35 text
http://dillinger.io
Slide 36
Slide 36 text
Coda
Slide 37
Slide 37 text
Windows alternatyva
Slide 38
Slide 38 text
Kur ieškoti informacijos?
Slide 39
Slide 39 text
https://developer.mozilla.org/en-US/docs/Web/HTML
Slide 40
Slide 40 text
Coda Books
Slide 41
Slide 41 text
Užduotys
Slide 42
Slide 42 text
SAVAITĖS UŽDUOTIS
Susikurti savo puslapio HTML pamatus