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

Proces szkoleniowy

Analiza potrzeb szkoleniowych

Jeśli masz życzenie dotyczące programu szkolenia, przeprowadzimy dla Ciebie analizę potrzeb szkoleniowych, która będzie wskazówką dla nas, na jakie aspekty programu położyć większy nacisk – tak, by program szkolenia spełniał konkretne potrzeby.

Co zyskujesz?

Precyzyjne selektory - Nauczysz się trafnie wybierać elementy HTML za pomocą selektorów, zagnieżdżeń i kombinatorów, dzięki czemu szybciej ostylujesz nawet rozbudowane widoki bez zbędnego nadpisywania kodu.

Świadome zarządzanie stylami - Zrozumiesz składnię deklaracji, komentarze, dziedziczenie i specyfikę CSS, więc łatwiej przewidzisz, dlaczego dany styl działa lub jest nadpisywany i jak poprawić to bez chaosu.

Lepsza kontrola układu - Opanujesz wymiary, marginesy, padding, display i pozycjonowanie, co pozwoli Ci budować przejrzyste układy stron oraz świadomie kontrolować rozmieszczenie elementów na ekranie.

Czytelna typografia - Dowiesz się, jak dobierać kolory, fonty, wyrównanie, odstępy i cienie tekstu, aby przygotowywać bardziej czytelne interfejsy i poprawiać odbiór treści na różnych typach stron.

Spójne stylowanie komponentów - Nauczysz się stylować tła, obramowania, tabele, listy, linki, obrazy i formularze, dzięki czemu przygotujesz jednolity wygląd najczęściej używanych elementów interfejsu.

Nowoczesne efekty wizualne - Poznasz gradienty, przezroczystość, transformacje, przejścia i animacje, więc dodasz stronie nowoczesny charakter i subtelne efekty, które wspierają użyteczność zamiast ją rozpraszać.

Responsywne strony - Nauczysz się projektować responsywne układy i definiować punkty przegięcia, dzięki czemu Twoje strony będą poprawnie wyglądały i działały na laptopach, tabletach oraz smartfonach.

Praktyczne elementy interfejsu - Przećwiczysz tworzenie menu rozwijanych, galerii zdjęć, przycisków i elastycznych szablonów, więc po szkoleniu szybciej wdrożysz kompletne sekcje realnej strony internetowej.

Program szkolenia

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.

Jakie są wymagania wstępne do udziału w szkoleniu?

Podstawy obsługi komputera - Powinieneś swobodnie pracować na komputerze, tworzyć i zapisywać pliki oraz poruszać się po folderach, aby bez problemu wykonywać ćwiczenia podczas szkolenia.

Podstawy HTML - Powinieneś znać podstawowe znaczniki HTML i rozumieć strukturę prostej strony, ponieważ szkolenie pokazuje stylowanie elementów osadzonych w dokumencie HTML.

Praca w edytorze kodu - Powinieneś umieć otworzyć i edytować plik w prostym edytorze kodu, aby samodzielnie wpisywać selektory, właściwości i poprawki w przykładach ćwiczeniowych.

Rozumienie stron internetowych - Powinieneś rozumieć, jak działa podstawowa strona internetowa w przeglądarce, aby łatwiej łączyć kod HTML i CSS oraz obserwować efekty zmian w układzie i wyglądzie.