Strona e-learningowa jest zgodna ze standardami WCAG 2.1 na poziomie AA, zapewniając dostępność dla wszystkich użytkowników.

Moduł IV – CSS (3 godz.)
Kurs Java – Zespół Szkół w Sokołowie Małopolskim

W czwartym module uczestnicy poznają podstawy języka CSS, który służy do stylowania i nadawania wyglądu stronom internetowym tworzonym w HTML. Dzięki CSS możliwe jest kontrolowanie kolorów, układu oraz estetyki strony.

Omówione zostaną podstawowe selektory CSS oraz sposób ich stosowania do elementów HTML. Uczestnicy nauczą się, jak zmieniać wygląd tekstu, tła, marginesów oraz paddingów.

Moduł obejmuje również podstawy modelu pudełkowego (box model) oraz wprowadzenie do układów strony przy użyciu CSS, co pozwala na tworzenie przejrzystych i responsywnych interfejsów użytkownika.

Moduł 4 Java – CSS podstawy

KURS PROGRAMOWANIA W JĘZYKU JAVA

Intensywny, 24-godzinny kurs wprowadzający w podstawy programowania z wykorzystaniem języka Java. Uczestnicy poznają czym jest program komputerowy, jak działa komputer oraz jak wygląda proces tworzenia i uruchamiania aplikacji. Szkolenie łączy teorię z praktyką, dzięki czemu każdy moduł kończy się ćwiczeniami programistycznymi.

Kurs przygotowuje do samodzielnego pisania prostych programów w Java, rozumienia podstawowych pojęć programistycznych oraz dalszego rozwijania umiejętności w kierunku tworzenia aplikacji.

Moduł 4 — CSS (3 godz.)

1. Podstawy CSS

  • Czym jest CSS i do czego służy.
  • Rola CSS w stylowaniu stron internetowych.
  • Łączenie CSS z dokumentem HTML.

2. Selektory CSS

  • Selektory elementów (np. p, h1).
  • Selektory klas i identyfikatorów (class, id).
  • Łączenie selektorów i podstawowe reguły stylowania.

3. Stylowanie elementów

  • Kolory tekstu i tła (color, background-color).
  • Czcionki i typografia (font-size, font-family).
  • Marginesy i odstępy (margin, padding).

4. Model pudełkowy (box model)

  • Budowa elementu: content, padding, border, margin.
  • Wpływ box model na układ strony.
  • Praktyczne zastosowanie w projektowaniu layoutu.

5. Podstawy układu strony

  • Wprowadzenie do układania elementów na stronie.
  • Podstawy pracy z układem blokowym i liniowym.
  • Tworzenie prostych layoutów przy użyciu CSS.

Moduł 4 — Szczegółowa lekcja Java

1. Podstawy CSS

🎨 CSS (Cascading Style Sheets) to język służący do opisywania wyglądu stron internetowych. Umożliwia stylowanie elementów HTML, takich jak kolory, czcionki, układ czy odstępy.

  • CSS odpowiada za wygląd strony.
  • Oddziela warstwę prezentacji od struktury HTML.
  • Pozwala tworzyć estetyczne i czytelne interfejsy.

2. Selektory CSS

🎯 Selektory służą do wskazywania elementów HTML, które mają zostać wystylizowane.

  • Selektory elementów – np. p, h1.
  • Selektory klas – np. .class.
  • Selektory identyfikatorów – np. #id.
  • Możliwość łączenia selektorów dla bardziej precyzyjnego stylowania.

3. Stylowanie elementów

🖌 CSS pozwala zmieniać wygląd elementów poprzez właściwości stylów.

  • Kolory: color, background-color.
  • Typografia: font-size, font-family, font-weight.
  • Odstępy: margin, padding.
  • Obramowania: border.

4. Model pudełkowy (Box Model)

📦 Każdy element HTML traktowany jest jako prostokąt składający się z kilku warstw.

  • Content – zawartość elementu.
  • Padding – wewnętrzny odstęp.
  • Border – obramowanie.
  • Margin – zewnętrzny odstęp.

Zrozumienie box modelu jest kluczowe przy projektowaniu układu strony.

5. Podstawy układu strony

📐 CSS umożliwia kontrolowanie rozmieszczenia elementów na stronie.

  • Układ blokowy i liniowy elementów.
  • Podstawowe pozycjonowanie elementów.
  • Wprowadzenie do tworzenia prostych layoutów.

Ćwiczenia praktyczne:

  • Dodaj style CSS do elementów HTML.
  • Zmień kolor tekstu i tła strony.
  • Ustaw marginesy i odstępy między elementami.
  • Stwórz prosty układ strony z nagłówkiem i treścią.

Po ukończeniu tej lekcji uczestnicy będą rozumieć podstawy CSS, selektory, właściwości stylowania oraz potrafić nadawać wygląd stronom internetowym.