CSS (kaskadowe arkusze stylów) to język służący do opisu wyglądu stron WWW. Znajomość CSS pozwala odseparować wygląd dokumentu HTML od jego struktury. Dzięki temu kod strony jest bardziej przejrzysty, a zmiany wyglądu łatwiejsze.

Kurs stanowi wprowadzenie do najnowszej wersji arkuszy CSS i jest przeznaczony dla projektantów początkujących i średnio-zaawansowanych. W pierwszej części omawiane są podstawy działania CSS, gdzie wyjaśniamy takie terminy jak kaskada czy model pudełkowy. Druga część kursu jest skupiona wyłącznie na nowych cechach języka CSS, które opisywane są wspólną nazwą CSS3. Tu prezentujemy najnowsze techniki zmiany wyglądu strony: tworzenie gradientów, dodawanie cieni do elementów, transformacje w przestrzeni 2D i 3D, a także odbicia i obrysy tekstu. Omawiamy również podstawowe sposoby dostosowywania arkuszy stylów do określonych urządzeń, takich jak tablety czy telefony komórkowe.

Kody źródłowe plików HTML i CSS, które są prezentowane w kursie, zostały zamieszczone na płycie, co pozwala na szybkie przejście od teorii do praktyki.

Kurs składa się z 41 filmów instruktażowych o łącznej długości 5 godzin i 30 minut.

Przykładowe filmy

CSS2 – Elementy pływające

CSS3 – Przejścia

CSS3 - Kolumny tekstu

Spis treści

01. Rozpoczęcie – Ogólne informacje o treści kursu (00:52 min)

02. Co to jest CSS – Wprowadzenie do styli CSS (01:52 min)

03. Podstawowy przykład – Typowy przykład strony HTML z arkuszem styli CSS (05:31 min)

04. Selektory klasy i id – Omówienie selektora klasy i selektora identyfikatora (05:18 min)

05. Selektory potomków – Omówienie selektora potomka (04:15 min)

06. Grupowanie selektorów – Sposoby grupowania selektorów CSS (01:58 min)

07. Kaskada – Wyjaśnienie terminu Kaskadowe Arkusze Styli (09:53 min)

08. Dziedziczenie – Jak działa dziedziczenie właściwości w CSS (03:26 min)

09. Specyficzność – Wyjaśnienie terminu Specyficzność i metoda obliczania specyficzności (09:36 min)

10. Praca z tekstem – Własności CSS wpływające na wygląd tekstu (12:59 min)

11. Model pudełkowy – Czym jest i jak zbudowany jest model pudełkowy (12:26 min)

12. Obramowania – Sposoby tworzenia obramowań elementów (06:49 min)

13. Tła – Sposoby dodawania tła do elementów (06:04 min)

14. Kolory – Omówienie modeli koloru w CSS i sposoby zmiany koloru elementów (13:09 min)

15. Jednostki miary – Omówienie rozmaitych jednostek używanych do definiowania rozmiarów w CSS (08:07 min)

16. Pozycjonowanie – Różne sposoby umieszczania elementów na stronie HTML za pomocą CSS (11:02 min)

17. Elementy pływające – Działanie elementów pływających i ich zastosowania (11:20 min)

18. Wyświetlanie – Sposoby wyświetlania i ukrywania elementów HTML przy pomocy CSS (05:50 min)

19. Strona HTML od podstaw – Przykład obrazujący powstawanie strony HTML od podstaw, z wykorzystaniem wiedzy o CSS (21:58 min)

20. Zaokrąglone narożniki – Omówienie sposobów zaokrąglania narożników (11:41 min)

21. Cienie – Dodawanie cieni zewnętrznych i wewnętrznych do elementów HTML (08:01 min)

22. Obramowania graficzne – Sposoby użycia najnowszych właściwości CSS do tworzenia atrakcyjnych obramowań (14:05 min)

23. Gradienty liniowe – Tworzenie płynnych, liniowych przejść kolorów (05:16 min)

24. Gradienty kołowe – Tworzenie płynnych, kołowych przejść kolorów (07:08 min)

25. Narzędzia do gradientów – Omówienie narzędzi webowych ułatwiających tworzenie gradientów (03:34 min)

26. Wielokrotne tła – Dodawanie kilku teł do jednego elementu HTML korzystając z nowych możliwości CSS (09:35 min)

27. Selektory atrybutów – Nowe selektory atrybutów w CSS3 (04:50 min)

28. Pseudoklasy – Nowe selektory pseudoklas w CSS3 (16:08 min)

29. Pozostałe selektory – Selektory :target, :enabled, :checked i :not (05:34 min)

30. Media queries – Użycie nowych funkcji CSS3 w celu dopasowania strony do oreślonego medium (11:29 min)

31. Przejścia – Tworzenie płynnych przejść między dwoma stanami elementu HTML (09:54 min)

32. Animacje – Tworzenie prostych animacji za pomocą CSS3 (12:00 min)

33. Transformacje 2D – Przekształcenia elementów HTML w przestrzeni dwuwymiarowej (07:09 min)

34. Transformacje 3D – Przekształcenia elementów HTML w przestrzeni trójwymiarowej (10:59 min)

35. Cienie i obrysy tekstu – Dodawanie cieni i obrysów do tekstu (04:54 min)

36. Odbicia – Odbicia elementów HTML w przeglądarkach opartych na silniku Webkit (03:11 min)

37. Przepływ tekstu – Sposoby kontrolowania zbyt długich tekstów i słów z poziomu CSS (06:18 min)

38. Kolumny tekstu – Omówienie nowych sposobów formatowania tekstu w kolumny (08:06 min)

39. Własne fonty – Sposoby dodawania niestandardowych fontów do strony HTML (04:13 min)

40. Serwisy Web Fonts – Sposoby pobierania czcionek ze znanych serwisów internetowych (09:54 min)

41. Przydatne linki – Zbiór przydatnych stron z opisem elementów CSS oraz z ciekawymi narzędziami (04:01 min)

galeria