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

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

Lecture for web design course in Vilnius College of Design.

568c90462309bc3d01a32cb42d2c6b06?s=128

Jonas Lekevicius

October 01, 2014
Tweet

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