Tinklapių dizainas, 3 paskaita. HTML: turinys su struktūra.

Lecture for web design course in Vilnius College of Design.

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
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
20. HTML
21. CSS HTML
22. CSS HTML JS
23. HTML: Word be mygtukų
24. HyperText Markup Language HTML
25. HyperText Markup Language HTML
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!