Naucz się tworzyć strony internetowe z użyciem kaskadowych arkuszy stylów czyli CSS. Wykorzystaj najnowszą specyfikację języka służącego do definiowania wyglądu strony. CSS w wersji oznaczonej numerem 3 wprowadza wiele atrakcyjnych nowości: gradienty, transformacje, nowe selektory itp. CSS3 oferuje także łatwiejsze dostosowywanie wyglądu witryny do różnych urządzeń, umożliwia tworzenie cieni, zaokrąglonych narożników oraz animowanych przejść. CSS pozwala na osiągnięcie atrakcyjnego wyglądu bez konieczności stosowania takich technologii jak Flash czy JavaScript.
Nasz kurs omawia wszystkie istotne aspekty tej wspaniałej technologii. Nawet kompletnie początkujące osoby będą w stanie szybko opanować podstawy. Użytkownicy bardziej zaawansowani będą mieli okazję zapoznać się z nowościami CSS3. Przed ponad 8 godzin omawiamy bardzo szeroki zakres tematów. Dowiesz się jak stosować sektory i pseudoklasy. Poznasz rozwiązania umożliwiające formatowanie tekstu, tabel, list czy odnośników. Dowiesz się jak korzystać z dziedziczenia oraz jak definiować marginesy, dopełnienia oraz obramowania. Omówimy również takie zagadnienia jak tworzenie układu wielokolumnowego, pozycjonowanie elementów oraz edycja tła. Przy okazji poznasz sporo praktycznych podpowiedzi: dowiesz się jak dostosować wygląd witryny do różnych przeglądarek, jak przygotować alternatywne style do wydruku itp. Duży nacisk położyliśmy na omówienie nowych funkcjonalności CSS: gradientów, transformacji, zaokrąglonych narożników, cieni, przejść i odbić. Całość zakończymy stworzeniem praktycznego projektu z użyciem nowoczesnych rozwiązań.
Kurs ma za zadanie wyjaśnić zasady użycia CSS. Proste przykłady pozwolą na szybkie przyswojenie wiedzy, a szeroki zakres materiału umożliwi bezproblemowe rozpoczęcie pracy nad własnymi projektami. Wiedzę można w każdej poszerzyć korzystając z innych kursów z naszej oferty, które omawiają powiązane technologie: HTML5, JavaScript, jQuery oraz AJAX.
| Rozdziały |
Czas |
Wprowadzenie
|
|
 1. Wstęp |
00:36 |
 2. Programy edycyjne |
03:06 |
 3. Style lokalne |
04:47 |
 4. Style zagnieżdżone |
04:30 |
 5. Style zewnętrzne |
06:36 |
Selektory
|
|
 6. Selektory proste |
03:53 |
 7. Selektory klasy |
05:00 |
 8. Selektory id |
03:45 |
 9. Grupowanie selektorów |
04:01 |
 10. Selektory potomka |
08:10 |
 11. Selektory dziecka |
05:30 |
 12. Selektory rodzeństwa |
04:44 |
 13. Selektory atrybów |
09:10 |
Pseudoklasy
|
|
 14. Wstępne zagadnienia |
03:35 |
 15. Pseudoklasa FIRST-CHILD |
04:57 |
 16. Pseudoklasa FIRST-OF_TYPE |
04:24 |
 17. Pseudoklasa NTH-CHILD |
05:02 |
 18. Pseudoklasa NTH-OF-TYPE |
03:52 |
 19. Pseudoklasa NOT |
04:17 |
 20. Pseudoklasa ONLY-CHILD |
04:39 |
 21. Pseudoklasa EMPTY |
03:23 |
 22. Pseudoelementy |
06:36 |
Dziedziczenie
|
|
 23. Podstawy dziedziczenia |
05:55 |
 24. Kaskadowość |
06:15 |
 25. Deklaracja !important |
04:47 |
Kolory
|
|
 26. Kolory w CSS |
08:57 |
 27. Model RGB |
07:31 |
 28. Model HSL |
04:17 |
 29. Przezroczystość |
07:29 |
 30. Wstęp do gradientów |
10:53 |
 31. Modyfikacja gradientów |
06:52 |
 32. Gradient kołowy |
05:12 |
Tła
|
|
 33. Wstępne zagadnienia |
06:22 |
 34. Powielanie i pozycjonowanie tła |
04:45 |
 35. Przymocowanie tła |
02:51 |
 36. Tło wieloelementowe |
04:02 |
 37. Skalowanie |
04:12 |
 38. Skrócony zapis właściwości |
02:30 |
Typografia
|
|
 39. Rodzina fontów |
05:55 |
 40. Styl i waga |
06:51 |
 41. Rozmiar tekstu |
06:55 |
 42. Transformacje |
03:07 |
 43. Odstępy pomiędzy znakami i liniami |
05:26 |
 44. Wcięcia |
02:52 |
 45. Wyrównanie tekstu |
04:36 |
 46. Formatowanie odnośników |
05:55 |
 47. Cień tekstu |
04:54 |
 48. Technologia WEB FONT |
06:25 |
 49. Kontrola pustej przestrzeni |
03:37 |
Listy i tabele
|
|
 50. Formatowanie list |
05:01 |
 51. Formatowanie tabel |
07:09 |
Model pudełkowy
|
|
 52. Omówienie teorii |
03:27 |
 53. Marginesy |
10:09 |
 54. Dopełnienia |
06:12 |
 55. Rozmiary elementów |
07:17 |
 56. Kontrola przepełnienia |
05:42 |
 57. Obramowania |
08:14 |
 58. Zaokrąglone narożniki |
07:11 |
 59. Obrazek jako obramowanie |
06:42 |
 60. Obrysy |
05:15 |
Pozycjonowanie i widoczność
|
|
 61. Rodzaje pozycjonowania |
07:16 |
 62. Właściwość Z-INDEX |
04:31 |
 63. Widoczność elementów |
03:58 |
 64. Właściwość DISPLAY |
06:32 |
 65. Przycinanie |
05:30 |
Układ wielokulumnowy
|
|
 66. Elementy pływające |
04:37 |
 67. Właściwość CLEAR |
03:49 |
 68. Podział tekstu na kolumny |
06:06 |
Animacje i transformacje
|
|
 69. Transformacje 2D |
09:44 |
 70. Transformacje 3D |
07:35 |
 71. Przejścia |
08:35 |
Różne zagadnienia
|
|
 72. Zmiana wyglądu kursora |
04:07 |
 73. Tworzenie cienia |
06:21 |
 74. Automatyczna numeracja |
04:37 |
 75. Odbicia |
04:42 |
 76. Technologia SPRITE |
05:14 |
 77. Reguła @import |
04:31 |
 78. Reset stylów |
05:44 |
 79. Formatowanie formularzy |
04:16 |
 80. Tworzenie stylów do druku |
08:08 |
Praktyczny projekt
|
|
 81. Omówienie projektu |
02:35 |
 82. BODY i reset stylów |
04:26 |
 83. Podział na dwie kolumny |
05:09 |
 84. Formatowanie nagłówka i stopki |
06:08 |
 85. Poprawki dla przeglądarki IE |
03:29 |
 86. Marginesy i dopełnienia |
05:40 |
 87. Edycja lewej kolumny |
03:20 |
 88. Edycja prawej kolumny |
08:22 |
 89. Edycja kolorów |
03:57 |
 90. Cienie i narożniki |
03:23 |
