Tinklapių dizainas, 4 paskaita. CSS: aprašomasis dizainas.

568c90462309bc3d01a32cb42d2c6b06?s=47 Jonas Lekevicius
October 08, 2014
Design
0
190

Tinklapių dizainas, 4 paskaita. CSS: aprašomasis dizainas.

Lecture for web design course in Vilnius College of Design.

568c90462309bc3d01a32cb42d2c6b06?s=128

Jonas Lekevicius

October 08, 2014
Tweet

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
3
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
160
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
1
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
59
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
68
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
2
46
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
55
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
1
130
568c90462309bc3d01a32cb42d2c6b06?s=48 lekevicius
0
77

Other Decks in Design

See All in Design
2230ce5f114a5ffa7889acc93b7be1f0?s=48 ftomiz
0
170
2b43718b2765276034a6fc98eedb7cd9?s=48 toi_toi_y
1
500
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
0
140
16bd45a651536942b63434b59bf3415e?s=48 elevenlines
23
9k
730424f1e28fcff5ad7eab00e981fb14?s=48 takusami
5
550
Bfc42a2fb137897db919bac632c83085?s=48 teruhisafukumoto
1
180
8957cabffe41ff244b2bbedec7330202?s=48 storybykyliegay
1
990
A7fb174034b2280a3122489125ad5473?s=48 garoogie
0
150
5bbcb4bd0ee08d725339ac48ba50b6d9?s=48 tyoys00
0
160
1b957a6255dca8e9cc77db19f2cf1358?s=48 kackington
0
160
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
17k
9c21f03c8f8789c73608310dfb994fb1?s=48 memeimei
2
130

Featured

See All Featured
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
8
1k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.6k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
4
490
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
250k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.2k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.3k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
65
2.9k
11c84dff30266b907714802088852677?s=48 jasonvnalue
80
7.9k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k

Transcript

  1. I V PA S K A I TA CSS: aprašomasis

    dizainas Tinklapių dizainas Jonas Lekevičius, 2014

  2. Šiandien matysite!

  3. Šiandien matysite! • Keli praktiniai dalykai

  4. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

  5. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai

  6. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai • Pagrindinės CSS savybės

  7. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai • Pagrindinės CSS savybės • Kur ieškoti daugiau informacijos

  8. Šiandien matysite! • Keli praktiniai dalykai • Kam skirtas CSS

    • CSS selektoriai • Pagrindinės CSS savybės • Kur ieškoti daugiau informacijos • Savaitės užduotis

  9. 3 praktiniai dalykėliai

  10. vdk.lekevicius.com

  11. Judėkite palengva ir labai tvarkingai

  12. Pasidalinkite progresu per Dropbox

  13. jonas@lekevicius.com

  14. CSS: dizainas per apibūdinimus

  15. CSS HTML JS

  16. CSS

  17. Counter Strike: Source CSS

  18. Cascading Style Sheets CSS

  19. Apibūdinkime dizainą žodžiais (jog net kompiuteris suprastų)

  20. None

  21. Iš ko susideda CSS?

  22. Iš ko susideda CSS? • Įvardinimo apie kuriuos elementus kalbėsime

  23. Iš ko susideda CSS? • Įvardinimo apie kuriuos elementus kalbėsime

    • Tų elementų dizaino apibūdinimo per savybes

  24. CSS selektoriai

  25. Įvardinimas, kuriems elementams priskirsime savybes

  26. <p id="intro">Labas</p>

  27. <p class="description">Labas</p>

  28. Pažaiskime!

  29. http://flukeout.github.io

  30. Pradėkime CSS!

  31. http://lekevicius.github.io/vdk-lectures/get/4.zip

  32. None

  33. Kur ieškoti informacijos?

  34. https://developer.mozilla.org/en-US/docs/Web/CSS

  35. Coda Books

  36. http://docs.emmet.io/cheat-sheet/

  37. Užduotys

  38. SAVAITĖS UŽDUOTYS

  39. SAVAITĖS UŽDUOTYS Susitvarkykite HTML

  40. SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą

  41. SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą

    Pradėkite kurti savo puslapio CSS

  42. SAVAITĖS UŽDUOTYS Susitvarkykite HTML Patys pereikite CSS Diner dar kartą

    Pradėkite kurti savo puslapio CSS Pasidalinkite puslapiu per Dropbox

  43. Iki!