Kurs: Efektowne strony z CSS3

Naucz się tworzyć strony internetowe z użyciem kaskadowych arkuszy stylów

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.

Niniejszy 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.

Przez ponad 8 godzin autor omawia bardzo szeroki zakres tematów. Dowiesz się jak stosować selektory 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.

W kursie autor omawia również takie zagadnienia jak tworzenie układu wielokolumnowego, pozycjonowanie elementów oraz edycja tła. Przy okazji poznasz sporo praktycznych podpowiedzi np. jak dostosować wygląd witryny do różnych przeglądarek, jak przygotować alternatywne style do wydruku itp. Duży nacisk został położony na omówienie nowych funkcjonalności CSS: gradientów, transformacji, zaokrąglonych narożników, cieni, przejść i odbić. Całość zakończona jest stworzeniem praktycznego projektu z użyciem nowoczesnych rozwiązań.

Kurs ma za zadanie wyjaśnić zasady użycia CSS. Proste przykłady pozwolą Ci na szybkie przyswojenie wiedzy, a szeroki zakres materiału umożliwi bezproblemowe rozpoczęcie pracy nad własnymi projektami.

Do kursu są dołączone wszystkie pliki źródłowe z których korzystał autor, dzięki czemu oglądając kurs możesz od razu powtarzać pokazane w nim czynności.

Spis treści kursu

Wprowadzenie
1. Wstęp
2. Programy edycyjne
3. Style lokalne
4. Style zagnieżdżone
5. Style zewnętrzne

Selektory
6. Selektory proste
7. Selektory klasy
8. Selektory id
9. Grupowanie selektorów
10. Selektory potomka
11. Selektory dziecka
12. Selektory rodzeństwa
13. Selektory atrybutów

Pseudoklasy
14. Wstępne zagadnienia
15. Pseudoklasa FIRST-CHILD
16. Pseudoklasa FIRST-OF_TYPE
17. Pseudoklasa NTH-CHILD
18. Pseudoklasa NTH-OF-TYPE
19. Pseudoklasa NOT
20. Pseudoklasa ONLY-CHILD
21. Pseudoklasa EMPTY
22. Pseudoelementy

Dziedziczenie
23. Podstawy dziedziczenia
24. Kaskadowość 25. Deklaracja !important

Kolory
26. Kolory w CSS
27. Model RGB
28. Model HSL
29. Przezroczystość 30. Wstęp do gradientów
31. Modyfikacja gradientów
32. Gradient kołowy

Tła
33. Wstępne zagadnienia
34. Powielanie i pozycjonowanie tła
35. Przymocowanie tła
36. Tło wieloelementowe
37. Skalowanie
38. Skrócony zapis właściwości

Typografia
39. Rodzina fontów
40. Styl i waga
41. Rozmiar tekstu
42. Transformacje
43. Odstępy pomiędzy znakami i liniami
44. Wcięcia
45. Wyrównanie tekstu
46. Formatowanie odnośników
47. Cień tekstu
48. Technologia WEB FONT
49. Kontrola pustej przestrzeni

Listy i tabele
50. Formatowanie list
51. Formatowanie tabel

Model pudełkowy
52. Omówienie teorii
53. Marginesy
54. Dopełnienia
55. Rozmiary elementów
56. Kontrola przepełnienia
57. Obramowania
58. Zaokrąglone narożniki
59. Obrazek jako obramowanie
60. Obrysy

Pozycjonowanie i widoczność
61. Rodzaje pozycjonowania
62. Właściwość Z-INDEX
63. Widoczność elementów
64. Właściwość DISPLAY
65. Przycinanie

Układ wielokolumnowy
66. Elementy pływające
67. Właściwość CLEAR
68. Podział tekstu na kolumny

Animacje i transformacje
69. Transformacje 2D
70. Transformacje 3D
71. Przejścia

Różne zagadnienia
72. Zmiana wyglądu kursora
73. Tworzenie cienia
74. Automatyczna numeracja
75. Odbicia
76. Technologia SPRITE
77. Reguła @import
78. Reset stylów
79. Formatowanie formularzy
80. Tworzenie stylów do druku

Praktyczny projekt
81. Omówienie projektu
82. BODY i reset stylów
83. Podział na dwie kolumny
84. Formatowanie nagłówka i stopki
85. Poprawki dla przeglądarki IE
86. Marginesy i dopełnienia
87. Edycja lewej kolumny
88. Edycja prawej kolumny
89. Edycja kolorów
90. Cienie i narożniki