KURS HTML/CSS
Kompleksowy kurs HTML/CSS (30 godz.) dla osób początkujących. Nauczysz się tworzyć poprawnie zbudowane strony, stosować style CSS, pracować z layoutem i przygotowywać strony responsywne. Kurs łączy teorię z praktyką, mini-projektami i zadaniami domowymi.
Program kursu (30 godz.)
| Moduł | Godz. |
|---|---|
| Wprowadzenie do HTML (struktura dokumentu, podstawowe znaczniki) | 3 |
| Nagłówki, paragrafy, listy, hiperłącza | 3 |
| Obrazy, tabele, formularze | 4 |
| Znaczniki sekcji, semantyka HTML5 | 2 |
| Wprowadzenie do CSS – style, selektory, klasy, ID, tagi | 4 |
| Box model, wymiary, padding, margin, border | 3 |
| Kolory, czcionki, tła, efekty wizualne | 3 |
| Pozycjonowanie elementów: static, relative, absolute, fixed, flexbox | 4 |
| Mini-projekt: prosty layout strony, nagłówek, menu, treść, stopka | 4 |
| Razem | 30 |
Moduł 1 — Wprowadzenie do HTML (3 godz.)
- Co to jest HTML, podstawowe znaczniki
- Struktura dokumentu, ,
<html>,<head>,<body> - Tworzenie prostych stron i podgląd w przeglądarce
Moduł 2 — Nagłówki, paragrafy, listy, hiperłącza (3 godz.)
- Tworzenie nagłówków
<h1>-<h6> - Paragrafy i formatowanie tekstu
- Listy uporządkowane i nieuporządkowane
- Tworzenie hiperłączy
<a>
Moduł 3 — Obrazy, tabele, formularze (4 godz.)
- Wstawianie obrazów
<img> - Tworzenie tabel i ich stylizacja
- Podstawy formularzy:
<form>, input, textarea, button
Moduł 4 — Znaczniki sekcji, semantyka HTML5 (2 godz.)
- Znaczniki semantyczne:
<header>,<footer>,<section>,<article> - Układ strony z sekcjami
Moduł 5 — Wprowadzenie do CSS (4 godz.)
- Dodawanie stylów:
<style>, pliki zewnętrzne - Selektory: tagi, klasy, ID
- Specyfika i dziedziczenie
Moduł 6 — Box model, wymiary, padding, margin, border (3 godz.)
- Składniki box model: content, padding, border, margin
- Jednostki: px, %, em, rem, vh, vw
- Ćwiczenia praktyczne z wymiarami i odstępami
Moduł 7 — Kolory, czcionki, tła, efekty wizualne (3 godz.)
- Kolory: nazwy, HEX, RGB
- Czcionki: rodzaje, rozmiary, style
- Tła, gradienty, obramowania
- Ćwiczenia wizualne z efektami
Moduł 8 — Pozycjonowanie elementów: static, relative, absolute, fixed, flexbox (4 godz.)
- Podstawowe pozycjonowanie
- Flexbox – układ elementów w wierszu i kolumnie
- Praktyczne ćwiczenia: menu, sidebar, układ treści
Moduł 9 — Mini-projekt: prosty layout strony (4 godz.)
- Tworzenie strony z nagłówkiem, menu, treścią i stopką
- Dodanie stylów CSS, kolory, fonty, odstępy
- Ćwiczenia praktyczne i prezentacja projektu
Korzyści dla uczestnika
- 30 godzin praktycznej nauki HTML i CSS
- Mini-projekty i ćwiczenia praktyczne
- Gotowe przykłady i materiały do pracy samodzielnej
- Certyfikat ukończenia kursu