Przejdź do treści
strefakursów

Kurs efektowne strony z CSS3

Poznaj CSS3 i twórz piękne strony internetowe

90 lekcji Poziom: Podstawowy Język: polski Certyfikat

Szczegóły, które warto znać

8 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
90 lekcji wideo
Rekomendacje na LinkedIn
Kurs w języku polskim
Dostęp w aplikacji mobilnej

Opis szkolenia

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

  • Chcesz tworzyć strony, które przyciągają uwagę swoim wyglądem?
  • Znasz już HTML i chcesz wzbogacić swoją stronę o ciekawe efekty wizualne?
  • Chcesz poznać rozwiązania, które umożliwiają łatwe dodawanie animacji, cieni oraz przejść bez konieczności używania złożonych technologii typu Flash czy JavaScript?

Jeśli odpowiedź na którekolwiek z powyższych pytań brzmi TAK, to ten kurs jest rozwiązaniem właśnie dla Ciebie!

Dlaczego warto poznać CSS?

CSS to język używany do definiowania wyglądu strony internetowej. W najnowszej wersji oznaczonej numerem 3 pojawiło się wiele interesujących nowości: gradienty, transformacje, cienie, animowane przejścia itp. CSS3 ułatwia ostosowanie witryny do mobilnych przeglądarek i umożliwia tworzenie ciekawych efektów wizualnych, bez użycia skomplikowanych rozwiązań opartych na Flash, JavaScript itp.

Dla kogo jest ten kurs?

Kurs przeznaczony jest dla osób, które zaczynają swoją przygodę z Kaskadowymi Arkuszami Stylów czyli CSS. Nawet jeśli znasz już podstawy CSS to nasze szkolenie umożliwi ci poznanie fascynujących nowości oferowanych przez CSS3, a przy okazji będzie dobrą okazją do podsumowania dotychczasowej wiedzy.

Czego się nauczę?

Zdobędziesz umiejętności, które pozwolą ci swobodnie definiować style i dodawać ciekawe efekty wizualne na stronach internetowych. Poznasz wiele przydatnych rozwiązań, których znajomość jest niezbędna aby tworzyć nowoczesne i atrakcyjne wizualnie strony internetowe. Dowiesz się także jak wykonać od podstaw projekt wykorzystujący współczesne techniki pracy z CSS.

Co znajduje się w kursie?

W kursie omawiamy wszystkie istotne aspekty Kaskadowych Arkuszy Stylów w najnowszej wersji czyli CSS3. W ciągu 8 godzin szkolenia omawiamy bardzo szeroki zakres tematów. Nauczysz się stosować selektory oraz pseudoklasy. Dowiesz się jak formatować tekst, listy, nagłówki i odnośniki. Pokażemy ci jak działa dziedziczenie stylów, jak pozycjonować elementy oraz jak formatować tło. Sporą część kursu poświęciliśmy na omówienie niezwykle ciekawych nowości CSS3: transformacji, gradientów, cieni, przejść, zaokrąglonych narożników itp. Oprócz tego poznasz ciekawe rozwiązania, które ułatwią dostosowanie twojej strony do różnych przeglądarek, a całe szkolenie zakończysz wykonaniem praktycznego projektu z użyciem poznanych wcześniej technik. Na każdym etapie używamy prostych i przejrzystych przykładów. Szeroki zakres tematów sprawi, że zdobędziesz kompleksową wiedzę na temat CSS.
Wszystkie materiały, z którymi pracujemy dołączone zostały do kursu.

Co jeszcze warto wiedzieć?

Zdobytą wiedzę możesz rozwijać korzystając z innych kursów, które omawiają powiązanie technologie: HTML5, JavaScript, jQuery itp. Osobom, które zaczynają swoją przygodę z tworzeniem stron polecamy zapoznanie się z pozycją Budowa stron w HTML5.

Program kursu

14 modułów · 90 lekcji

1 · Wprowadzenie
  • Wstęp 0m 36s
  • Programy edycyjne 3m 06s
  • Style lokalne 4m 47s
  • Style zagnieżdżone 4m 30s
  • Style zewnętrzne 6m 36s
2 · Selektory
  • Selektory proste 3m 53s
  • Selektory klasy 5m 00s
  • Selektory id 3m 45s
  • Grupowanie selektorów 4m 01s
  • Selektory potomka 8m 10s
  • Selektory dziecka 5m 30s
  • Selektory rodzeństwa 4m 44s
  • Selektory atrybów 9m 10s
3 · Pseudoklasy
  • Wstępne zagadnienia 3m 35s
  • Pseudoklasa FIRST-CHILD 4m 57s
  • Pseudoklasa FIRST-OF_TYPE 4m 24s
  • Pseudoklasa NTH-CHILD 5m 02s
  • Pseudoklasa NTH-OF-TYPE 3m 52s
  • Pseudoklasa NOT 4m 17s
  • Pseudoklasa ONLY-CHILD 4m 39s
  • Pseudoklasa EMPTY 3m 23s
  • Pseudoelementy 6m 36s
4 · Dziedziczenie
  • Podstawy dziedziczenia 5m 55s
  • Kaskadowość 6m 15s
  • Deklaracja !important 4m 47s
5 · Kolory
  • Kolory w CSS 8m 57s
  • Model RGB 7m 31s
  • Model HSL 4m 17s
  • Przezroczystość 7m 29s
  • Wstęp do gradientów 10m 53s
  • Modyfikacja gradientów 6m 52s
  • Gradient kołowy 5m 12s
6 · Tła
  • Wstępne zagadnienia 6m 22s
  • Powielanie i pozycjonowanie tła 4m 45s
  • Przymocowanie tła 2m 51s
  • Tło wieloelementowe 4m 02s
  • Skalowanie 4m 12s
  • Skrócony zapis właściwości 2m 30s
7 · Typografia
  • Rodzina fontów 5m 55s
  • Styl i waga 6m 51s
  • Rozmiar tekstu 6m 55s
  • Transformacje 3m 07s
  • Odstępy pomiędzy znakami i liniami 5m 26s
  • Wcięcia 2m 52s
  • Wyrównanie tekstu 4m 36s
  • Formatowanie odnośników 5m 55s
  • Cień tekstu 4m 54s
  • Technologia WEB FONT 6m 25s
  • Kontrola pustej przestrzeni 3m 37s
8 · Listy i tabele
  • Formatowanie list 5m 01s
  • Formatowanie tabel 7m 09s
9 · Model pudełkowy
  • Omówienie teorii 3m 27s
  • Marginesy 10m 09s
  • Dopełnienia 6m 12s
  • Rozmiary elementów 7m 17s
  • Kontrola przepełnienia 5m 42s
  • Obramowania 8m 14s
  • Zaokrąglone narożniki 7m 11s
  • Obrazek jako obramowanie 6m 42s
  • Obrysy 5m 15s
10 · Pozycjonowanie i widoczność
  • Rodzaje pozycjonowania 7m 16s
  • Właściwość Z-INDEX 4m 31s
  • Widoczność elementów 3m 58s
  • Właściwość DISPLAY 6m 32s
  • Przycinanie 5m 30s
11 · Układ wielokolumnowy
  • Elementy pływające 4m 37s
  • Właściwość CLEAR 3m 49s
  • Podział tekstu na kolumny 6m 06s
12 · Animacje i transormacje
  • Transformacje 2D 9m 44s
  • Transformacje 3D 7m 35s
  • Przejścia 8m 35s
13 · Różne zagadnienia
  • Zmiana wyglądu kursora 4m 07s
  • Tworzenie cienia 6m 21s
  • Automatyczna numeracja 4m 37s
  • Odbicia 4m 42s
  • Technologia SPRITE 5m 14s
  • Reguła @import 4m 31s
  • Reset stylów 5m 44s
  • Formatowanie formularzy 4m 16s
  • Tworzenie stylów do druku 8m 08s
14 · Praktyczny projekt
  • Omówienie projektu 2m 35s
  • BODY i reset stylów 4m 26s
  • Podział na dwie kolumny 5m 09s
  • Formatowanie nagłówka i stopki 6m 08s
  • Poprawki dla przeglądarki IE 3m 29s
  • Marginesy i dopełnienia 5m 40s
  • Edycja lewej kolumny 3m 20s
  • Edycja prawej kolumny 8m 22s
  • Edycja kolorów 3m 57s
  • Cienie i narożniki 3m 23s

Twój instruktor

Ksawery Kargól

Ksawery Kargól

Trener - praktyk AI

Ksawery Kargól to jeden z najbardziej rozpoznawalnych autorów technicznych na platformie Strefa Kursów. Od lat tworzy szkolenia, które pomagają uczestnikom wejść w świat nowych technologii krok po kroku, bez chaosu, zbędnego żargonu i poczucia, że „to nie dla mnie”. Jego największą siłą jest umiejętność tłumaczenia trudnych tematów prostym, uporządkowanym językiem. W swoich kursach prowadzi uczestnika od podstaw do praktycznego działania, pokazując nie tylko, co należy zrobić, ale też dlaczego dane rozwiązanie działa i jak można wykorzystać je w realnych projektach. Uczestnicy jego kursów szczególnie doceniają spokojne tempo, jasną strukturę i praktyczne podejście do nauki. To autor, który dobrze sprawdza się zwłaszcza wtedy, gdy temat wydaje się techniczny, trudny albo zarezerwowany tylko dla osób z doświadczeniem. Ksawery potrafi rozłożyć go na mniejsze kroki i przeprowadzić uczestnika przez cały proces w sposób zrozumiały i bez przytłoczenia. Jego szkolenia są dobrym wyborem zarówno dla osób początkujących, jak i tych, które chcą uporządkować swoją wiedzę, wrócić do podstaw albo pewniej korzystać z nowoczesnych narzędzi cyfrowych. Zamiast suchej teorii uczestnik otrzymuje konkretne przykłady, ćwiczenia i praktyczne rozwiązania, które pomagają szybciej przejść od oglądania lekcji do samodzielnego działania. Ksawery od lat współtworzy bibliotekę kursów Strefy Kursów, a jego materiały zebrały setki wysokich ocen od uczestników. To potwierdza, że jego największą wartością jest nie tylko znajomość technologii, ale przede wszystkim umiejętność przekładania jej na język zrozumiały dla szerokiego grona odbiorców. To dobry wybór dla osób, które chcą wejść w świat nowych technologii spokojnie, praktycznie i bez poczucia zagubienia.

Opinie kursantów

5,0 Zweryfikowana
„Znajomość CSS3 to świetna sprawa jeżeli chodzi o "upiększenie" strony. Kurs efektowne strony z CSS3 umożliwia poznanie technik stylizowania. W kursie podoba mi się przejrzystość oraz poruszane zagadnienia."
W Waldemar Szczepanik zweryfikowany kursant
5,0 Zweryfikowana
„Profesjonalnie opracowany kurs. Materiał podzielony na małe bloki, które są w sposób przystępny i bardzo czytelny objaśnione w poszczególnych lekcjach. Dołączone materiały do kursu bardzo przydatne, zdecydowanie ułatwiają naukę. Polecam bardzo dobry kurs "
D DANUTA PORC zweryfikowany kursant
5,0 Zweryfikowana
„Bardzo dobrze poprowadzony kurs. Bez problemu mozna odnaleźć się w temacie i w razie czego wrócić do wcześniejszych zagadnień dzięki dobrze rozpisanemu spisowi treści. Kolejny kurs i na pewno będzie ich więcej."
M Michał Brzezicki zweryfikowany kursant
5,0 Zweryfikowana
„Świetny kurs, w łatwy i przystępny sposób pokazuje proces tworzenia stron w CSS3, Dobry, praktycznie dla każdego, ucznia, studenta osobę już pracującą. Poziom trudności oceniłbym na średnio zaawansowany"
B Bogdan Lubera zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

  • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy