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

Lecture for web design course in Vilnius College of Design.

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ų)
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
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!