HTML i podstawy technologii webowych
- Techniczne podstawy działania WWW
  - architektura klient-serwer, protokól HTTP
  - jaką rolę w działaniu stron odgrywają: HTML, CSS, JavaScript
- Język HTML 5
  - komponenty składniowe: elementy (“tagi”), atrybuty, komentarze, znaczniki otwierające i zamykające
  - ogólny szkielet dokumentu
  - elementy strukturalne: sekcje, bloki, nagłówki, akapity
  - elementy wewnątrztekstowe (inline): wyróżnienia, cytaty, odnośniki
  - listy, tabele, formularze, grafika
  - encje, znaki specjalne, kodowanie znaków
  - walidacja dokumentu HTML
Arkusze stylu CSS
- Sposoby dołączania CSS do dokumentu
- Budowa arkusza stylów: reguły, selektory, deklaracje, właściwości, wartości
- Selektory CSS
  - wybór elementów według nazwy, klasy, id, atrybutów i pokrewieństwa w drzewie DOM
  - łączenie selektorów, pseudoklasy i pseudoelementy
- Ważniejsze właściwości CSS
  - formatowanie tekstu: krój i rozmiar czcionki, wyrównanie
  - definiowanie tła
  - marginesy i obramowania
  - formatowanie list i tabel
  - różne sposoby określania kolorów, bezwzględne i względne jednostki długości
  - skrótowe zapisy niektórych właściwości
  - elementy niewidoczne i reagujące dynamicznie
- Model pudełkowy i model formatowania wizualnego
  - pudełka inline i blokowe, elementy opływane (float)
  - różne sposoby pozycjonowania elementów
- Korzystanie z nietypowych czcionek
  - umieszczanie fontów na serwerze
  - korzystanie z Google Fonts
Nowoczesne podejście do formatowania WWW
- Responsive layout — dostosowanie strony do różnych rozdzielczości
- Framework CSS na przykładzie Bootstrap lub Tailwind
  - rozmieszczanie elementów na stronie
  - gotowe komponenty: menu, formularze, typografia
- Podstawy JavaScript
  - jaką rolę odgrywają skrypty i w jaki sposób można je dodawać
  - przykłady reakcji na zdarzenia i dynamicznej zmiany treści lub wyglądu
Przygotowywanie grafiki na potrzeby WWW
- Formaty graficzne — wady, zalety, zastosowania
- Proste przetwarzanie: przycinanie, skalowanie, konwersja formatów
Sztuczna inteligencja w pracy web designera
- Generowanie i modyfikowanie treści — prompting dla copywritingu i SEO
- Generowanie grafiki i obrazów do stron — narzędzia AI (Midjourney / Firefly / DALL-E)
- AI w Figmie i narzędziach do prototypowania
- GitHub Copilot / Cursor — wspomaganie pisania HTML i CSS
- Pułapki: prawa autorskie do treści i grafiki generowanej przez AI
Jak opublikować stronę w internecie? — omówienie różnych podejść
- Czego potrzebujesz w zależności od rodzaju aplikacji i użytych technologii
- Usługi hostingowe, VPS i chmurowe
- Rejestracja domeny
Wordpress
- Zasada działania systemów CMS
- Zarządzanie instalacją Wordpressa
  - podstawowa konfiguracja
  - backupowanie, odzyskiwanie dostępu
- Wypełnianie serwisu treścią
  - budowa witryny: artykuły i kategorie, menu, zasoby, moduły
  - edycja artykułów
- Zarządzanie użytkownikami
  - tworzenie, usuwanie i edycja kont
  - poziomy dostępu, uprawnienia, grupy
- Korzystanie z szablonów, modułów i dodatków
- Pisanie własnych szablonów
- Wtyczki AI do Wordpressa — przegląd i zastosowania praktyczne

Pobierz program kursu »

Kurs Web Designer

Tworzenie stron WWW: HTML, CSS, WordPress, AI