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.

Do kursu dołączyliśmy wszystkie pliki źródłowe, dzięki czemu oglądając kurs możesz od razu powtarzać pokazane w nim czynności.

Przykładowy film

Spis treści

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 wielokolumnowy

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)

galeria