Kurs CSS3 poziom II – niezbędne właściwości i techniki

79

Druga część najbardziej szczegółowego kursu o posługiwaniu się CSS3

💰 Dodaj do koszyka 5 dowolnych kursów, a zapłacisz 99 zł za wszystko! 💰
Poziom: podstawy
Data wydania: 2020
Czas trwania: 7 godzin 30 minut

Czego się nauczysz?

Kurs stanowi kontynuację i drugi poziom nauki CSS czyli kaskadowych arkuszy stylów. W pierwszej części kursu omówiliśmy selektory. Natomiast w tym kursie dowiesz się więcej o niezbędnych właściwościach i technikach posługiwania się CSS3. Wyjaśnimy takie terminy jak praca z typografią, ustawienia kolorów, tworzenie tabel oraz list, wprowadzenie wartości i jednostek oraz definiowanie narożników. Kurs zawiera również bardziej zaawansowane kwestie jak model pudełkowy, układ elementów oraz inne warte poznania techniki.

  • Poznasz najczęstsze stosowane techniki
  • Zdefiniujesz kolory na stronie
  • Poznasz dostępne jednostki
  • Nauczysz się zasad typografii
  • Podepniesz różne fonty do strony
  • Sformatujesz listy oraz tabele
  • Nauczysz się tworzyć narożniki
  • Dodasz tło do elementów
  • Jak korzystać z modelu pudełkowego
  • Poznasz funkcje w CSS

Dla kogo jest ten kurs?

  • Kurs przeznaczony jest dla osób początkujących i średnio-zaawansowanych
  • Kurs rekomendowany osobom, które zapoznały się już z pierwszą częścią „Kursu css – selektory”

Podstawowe elementy strony

Dzięki wiedzy wyniesionej z kursu będziesz w stanie jeszcze lepiej dopracować wygląd swojej witryny. Zaprezentujemy Ci najnowsze techniki pracy z typografią, co pozwoli Ci dobrać odpowiedni font oraz ustawić takie parametry jak akapity, odstępy, wyrównania. Dodasz też pogrubienia, pochylenia oraz inne wyróżniki tekstowe. Mówiąc o wyglądzie strony, kolejną niezbędną umiejętnością jest operowanie kolorem.

Niezbędne elementy strony

W kursie zobaczysz jak dodać do Twojej witryny opcjonalne elementy, do których należą tabele, listy, obramowania, narożniki. To właśnie takie detale dodają charakteru do strony. Nauczysz się stylować wygląd tabel oraz tworzyć listy wypunktowane i ponumerowane. Określisz rozmiar zaokrąglenia danego elementu, co jest bardzo przydatne w projektowaniu np. przycisków, formularzy czy kart produktowych.

Opcjonalne elementy

W dalszym rozwinięciu tego szkolenia omówione zostaną ciekawe techniki. Dowiesz się czym jest i jak stosować model pudełkowy i jak tworzyć marginesy. Zobaczysz jak pozycjonować elementy i czym rożni się pozycjonowanie ralatywne od absolutnego. Stworzysz elementy pływające oraz zakotwiczone. Dodatkowo poznasz inne przydatne umiejętności jak funkcje w CSS czy stosowanie prefiksów.

Dlaczego CSS3?

Dogłębne poznanie kaskadowych arkuszy stylów jest konieczne w projektowaniu i rozwoju stron internetowych. Każdy, kto chce rozpocząć tworzenie stron internetowych, powinien nauczyć się CSS3 i odkryć jego wszystkie tajemnice. Wbrew pozorom CSS to temat na wiele godzin nauki, dlatego też stworzyliśmy serię kursów, które bardzo dokładnie przeprowadzą Cię przez wszystkie jego możliwości. Otrzymujesz usystematyzowaną i dokładną porcję wiedzy od doświadczonego programisty.

1. Wprowadzenie

1.1. Wstęp

2. Kolory

2.1. Sposoby definiowania kolorów
2.2. Przykłady nadawania kolorów
2.3. Słowa kluczowe kolorów

3. Wartości i jednostki

3.1. Rozmiary w jednostkach bezwzględnych
3.2. Rozmiary w jednostkach względnych
3.3. Rozmiary wyrażone w procentach
3.4. Określanie kąta obrotu
3.5. Jednostki czasu
3.6. Wartości bez jednostek

4. Typografia

4.1. Określanie parametrów tekstu – wprowadzenie
4.2. Określanie rodziny fontów
4.3. Rozmiar tekstu
4.4. Wysokość linii
4.5. Waga oraz pochylenie tekstu
4.6. Wariant czcionki
4.7. Wyrównanie tekstu i odstępy
4.8. Transformacje, dekoracje i wcięcie
4.9. Układanie tekstu w pionie
4.10. Używanie fontów webowych

5. Tabele i listy

5.1. Stylowanie tabel
5.2. Stylowanie listy punktowanej
5.3. Stylowanie listy numerowanej

6. Obramowanie i narożniki

6.1. Obramowanie elementów
6.2. Zaokrąglanie narożnikow
6.3. Obrys elementów

7. Dodawanie tła

7.1. Rodzaje teł
7.2. Background-color i background-image
7.3. Background-repeat i background-position
7.4. Background-size
7.5. Background-attachment
7.6. Background-origin i background-clip
7.7. CSS Sprites

8. Model pudełkowy

8.1. Co obejmuje model pudełkowy
8.2. Rozmiary elementów
8.3. Marginesy zewnętrzne
8.4. Marginesy wewnętrzne
8.5. Zmiana modelu pudełkowego
8.6. Podstawowe typy pudełek
8.7. Przepełnienie pudełka

9. Układ elementów

9.1. Elementy pływające
9.2. Kolumnowy układ na stronie
9.3. Właściwość clear
9.4. Pozycjonowanie elementów na stronie
9.5. Pozycjonowanie relatywne
9.6. Pozycjonowanie absolutne
9.7. Elementy zakotwiczone typu fixed
9.8. Elementy zakotwiczone typu sticky
9.9. Wlaściwości z-index

10. Pozostałe przydatne techniki

10.1. Funkcje w CSS
10.2. Wygląd kursora
10.3. Widoczność elementów
10.4. Stosowanie prefiksów

11. Pożegnanie

11.1. Kilka słów na koniec

Dodaj ocenę