Kurs HTML i CSS online
HTML i CSS to fundament każdej strony internetowej: HTML buduje strukturę i treść, a CSS nadaje wygląd. W BitWizards uczysz się ich z podglądem na żywo - zmieniasz kod i od razu widzisz, jak zmienia się strona. Kurs HTML i CSS: pierwsze strony jest darmowy i działa bez logowania i bez instalowania czegokolwiek.
Otwórz kurs HTML i CSS bez logowania
Co jest w kursie
Kurs ma 6 tematów, 30 przykładów i 30 zadań:
- Pierwsza strona w HTML - szkielet dokumentu, nagłówki, akapity, łamanie linii, pogrubienie, kursywa i komentarze.
- Listy, linki i obrazki - listy punktowane i numerowane (także zagnieżdżone), spis treści z kotwicami, emoji i rysunki SVG wprost w kodzie.
- Tabele - wiersze i komórki, nagłówki kolumn, podpis, sekcje
thead,tbody,tfootoraz łączenie komórek (colspan,rowspan). - Formularze - pola tekstowe z etykietami, liczby i e-mail, pola wyboru,
przyciski opcji, listy rozwijane i grupowanie pól (
fieldset). - CSS: kolory, tekst i selektory - reguły dla znaczników, klasy i identyfikatory, kolory, czcionki, wyrównanie tekstu i kaskada.
- CSS: odstępy, ramki i układ - model pudełkowy (margin, padding, border),
zaokrąglenia,
display, flexbox i układ strony z banerem, blokami i stopką, taki jak w arkuszach egzaminu INF.03.
Przykłady pokazują gotowe rozwiązanie, które możesz od razu zmieniać, a zadania opisują, jaka strona ma powstać.
W przygotowaniu
- Strona z kilku sekcji - nagłówek, menu, treść i stopka złożone w całość.
- Responsywność - strona, która dobrze wygląda na telefonie i na monitorze (np. media queries i grid).
- JavaScript na stronie - łączenie HTML, CSS i JavaScriptu w stronę, która reaguje na kliknięcia.
Nowe tematy publikujemy, gdy są gotowe i sprawdzone.
Jak uczysz się na BitWizards
- Podgląd na żywo: edytor obok wyniku - każda zmiana znacznika czy stylu jest widoczna natychmiast, w bezpiecznej ramce.
- Bez automatycznego sprawdzania: wygląd strony nie ma jednej poprawnej odpowiedzi, dlatego zadań HTML i CSS nie oceniamy automatem. Wynik ocenia uczeń, porównując podgląd z poleceniem, albo nauczyciel, który widzi pracę ucznia na żywo i może wystawić ocenę w skali 1-6.
- Treść i podpowiedzi po polsku, krok po kroku.
HTML i CSS a egzamin INF.03
HTML i CSS to baza INF.03 - tworzenia stron i aplikacji internetowych. Na egzaminie trzeba odtworzyć stronę według polecenia: bloki, tabelę, listę, formularz, kolory i marginesy. Ostatni temat kursu ćwiczy właśnie taki układ. Po HTML i CSS naturalnym krokiem są JavaScript, PHP i bazy danych SQL.
Powiązane technologie
JavaScript - PHP - SQL i MySQL