Kurs CSS - zarządzanie wyglądem i układem stron internetowych

1. Podstawy CSS

• wprowadzenie do CSS,
• podstawy struktury HTML ,
• arkusze stylów.

2. Składnia CSS i selektory

• składnia CSS,
• rodzaje selektorów,
• zagnieżdżanie selektorów i kombinatory – metody precyzyjnego stylowania za pomocą złożonych selektorów.

3. Deklaracje i komentarze

• deklaracje stylów,
• komentarze w CSS.

4. Dziedziczenie i specyfika

• dziedziczenie stylów – analiza dziedziczenia stylów między elementami w hierarchii HTML.

5. Stylowanie tła i obramowania

• tła – właściwości tła, w tym kolor, obraz oraz gradienty i ich zastosowania,
• obramowania,
• właściwości outline – ustawienia dodatkowego obramowania i ich wpływ na wygląd elementów.

6. Wymiary, odstępy i jednostki

• jednostki miary,
• wysokość i szerokość elementów – techniki ustawiania i kontrolowania wymiarów elementów na stronie,
• marginesy i padding – metody zarządzania przestrzeniami wokół i wewnątrz elementów.

7. Tekst i jego właściwości

• kolor i wyrównanie tekstu,
• dekoracja i transformacja tekstu,
• odstępy i cienie – zastosowanie odstępów oraz cieni w projektowaniu tekstu,
• czcionki.

8. Stylowanie elementów HTML

• tabele i listy – sposoby stylowania tabel oraz list przy użyciu CSS,
• hiperłącza i ikony,
• obrazy i formularze.

9. Kolory i efekty

• paleta kolorów – definiowanie i używanie palet kolorów w projektowaniu stron,
• przezroczystość i gradienty – techniki nadawania przezroczystości oraz tworzenia gradientów w CSS.

10. Wyświetlanie i pozycjonowanie elementów

• model pudełkowy (display) – zrozumienie modelu pudełkowego oraz różne ustawienia display,
• pozycjonowanie elementów – metody ustawiania elementów na stronie przy użyciu position, z-index, float oraz overflow,
• dopasowanie i wyrównanie – techniki dopasowywania oraz wyrównywania elementów względem siebie.

11. Zaawansowane techniki CSS

• menu rozwijane,
• galeria zdjęć – budowa i stylowanie galerii zdjęć przy użyciu CSS,
• układy stron – projektowanie elastycznych i responsywnych układów stron internetowych,
• maski i przyciski – stylowanie przycisków oraz wykorzystanie masek w CSS.

12. Przekształcenia i animacje

• transformacje 2D i 3D,
• przejścia i animacje – dodawanie dynamicznych efektów do stron za pomocą przejść i animacji.

13. Responsywność

• tworzenie responsywnych stron – podstawy responsywności oraz definiowanie punktów przegięcia,
• responsywne szablony – techniki projektowania responsywnych szablonów stron internetowych.