Tworzenie stron internetowych 3000-LPTA1TS
W 2026 roku prostą stronę internetową można „postawić” już w kilkadziesiąt sekund. Modele AI i tzw. vibe coding pozwalają na budowanie witryn najszybciej i najłatwiej w historii internetu, często przy użyciu wyłącznie języka naturalnego.
Ale jak tak naprawdę powinna wyglądać strona internetowa? Gdzie co umieścić? I dlaczego lepiej tam, a nie w innym miejscu? Znajomość poetyki i struktury stron internetowych wciąż pozostają ważnymi kompetencjami, bez których trudno wyobrazić sobie prace nad nimi, niezależnie od tego, czy tworzymy je z modelem AI, czy z ludzkim programistą.
W trakcie zajęć studenci zgłębiają anatomię sieci, poznając jej fundamentalne języki, poetyki oraz zasady projektowania zorientowanego na użytkownika (UX/UI). Poprzez praktyczną pracę w środowiskach takich jak Figma, WordPress czy Framer uczestnicy przejdą ścieżkę od koncepcji po wdrożenie własnych projektów internetowych. Celem kursu jest wyposażenie studentów w wiedzę pozwalającą nie tylko na samodzielne stworzenie witryny, lecz także wykształcenie precyzyjnego aparatu pojęciowego, który stanowi fundament komunikacji w tzw. branży kreatywnej, marketingowej czy technologicznej.
W programie zajęć strona internetowa jest postrzegana jako całościowy, wielowarstwowy komunikat tekstowy i wizualny, który funkcjonuje w konkretnych ramach społecznych, prawnych oraz poddawany jest nieustannemu oddziaływaniu mechanizmów pozycjonowania, analityki zachowań oraz rynkowych standardów użyteczności. Dzięki temu osoba uczestnicząca w kursie staje się świadomym architektem treści internetowych, nawet jeśli kod pisze się „sam”.
CZĘŚĆ I: Teoria i aparat pojęciowy (Spotkania 1–5)
Spotkanie 1: Wprowadzenie: Po co są nam strony internetowe w 2026? Krótka historia komunikacji w internecie i kilka podstawowych pojęć
Spotkanie 2: Krótka historia informacji: prasa, internet, algorytm, AI (dyskusja)
Spotkanie 3: Fundamenty projektowania (UX/UI)
Spotkanie 4: Anatomia stron internetowych i e-commerce
Spotkanie 5: Content, ekosystem danych, struktura treści na stronach internetowych (SEO, GEO, AEO, AISO)
Spotkanie 6: Prawo, dostępność i etyka cyfrowa w internecie (WCAG, GDPR, EAA, AI ACT, Omnibus, DSA)
CZĘŚĆ II: Warsztat projektowy
Spotkanie 7: Strategia, branding i poetyka strony internetowej (warsztat)
Spotkanie 8: Projektowanie strony internetowej w Wordpress (warsztat, część 1)
Spotkanie 9: Projektowanie strony internetowej w Wordpress (warsztat, część 2)
Spotkanie 10: Projektowanie w FIGMA (warsztat)
Spotkanie 11: Projektowanie strony internetowej w Wordpress (warsztat, część 3)
Spotkanie 12: Projektowanie strony internetowej w Wordpress (warsztat, część 4)
Spotkanie 13: Projektowanie strony internetowej w FRAMER (warsztat, część 1)
Spotkanie 14: Projektowanie strony internetowej w FRAMER (warsztat, część 2)
Spotkanie 15: Digital Marketing. Podstawowe narzędzia marketingowe dla stron internetowych i e-commerce, analityka ruchu i zachowań użytkowników
Zajęcia realizowane w ramach projektu „Zintegrowany Program Rozwoju Dydaktyki – ZIP 2.0”, współfinansowanego ze środków Europejskiego Funduszu Społecznego – Program Fundusze Europejskie dla Rozwoju Społecznego 2021-2027 (FERS) (nr umowy: FERS.01.05-IP.08-0365/23-00).
Koordynatorzy przedmiotu
W cyklu 2025L: | W cyklu 2026L: |
Rodzaj przedmiotu
Tryb prowadzenia
w sali
Efekty uczenia się
1. Wiedza
Student/ka:
- rozumie rolę technologii i mediów w komunikacji internetowej oraz posiada wiedzę o projektowaniu stron (UX/UI), architekturze informacji i narzędziach cyfrowych (w tym AI) - realizacja efektu kierunkowego K_W08,
- zna zasady widoczności w sieci (SEO, analityka), regulacje prawne i standardy dostępności oraz wykorzystanie narzędzi do tworzenia i wdrażania stron - realizacja efektu kierunkowego K_W08.
2. Umiejętności
Student/ka:
- potrafi projektować strukturę i zawartość stron zgodnie z zasadami UX/UI, opracowywać ich koncepcję (strategia, branding, komunikacja) oraz tworzyć i wdrażać proste strony z użyciem narzędzi i CMS - realizacja efektu kierunkowego K_U08,
- potrafi analizować i optymalizować treści pod kątem widoczności i doświadczenia użytkownika, korzystać z narzędzi analitycznych oraz posługiwać się językiem branżowym w obszarze projektowania i komunikacji cyfrowej - realizacja efektu kierunkowego K_U07.
3. Kompetencje społeczne
Student/ka wykazuje gotowość do:
- świadomej oceny znaczenia etyki, dostępności i odpowiedzialności społecznej w projektowaniu treści internetowych - realizacja efektu kierunkowego K_K02,
- krytycznej refleksji dot. rozwiązań cyfrowych oraz ich wpływ na użytkowników i społeczeństwo, a także korzystania z narzędzi AI w procesie projektowym - realizacja efektu kierunkowego K_K02,
- samodzielnej pracy i rozwoju kompetencji w dynamicznym środowisku technologicznym oraz współpracy interdyscyplinarnej w tworzeniu produktów cyfrowych - realizacja efektu kierunkowego K_K04.
Kryteria oceniania
Założenia wstępne:
1. Dostęp do Internetu w trakcie zajęć.
2. Dopuszczalne są dwie nieusprawiedliwione nieobecności. Kolejna 1 lub 2 wymagają zaliczenia - w postaci wykonania dodatkowego zadania zaliczeniowego.
Zaliczenie:
1. Ocena aktywności i bieżącego przygotowania do zajęć – 60% oceny.
2. Projekt końcowy – 40% oceny – tworzony w trakcie zajęć.
Literatura
Bibliografia (może ulec rozszerzeniu, część lektur dla chętnych):
• Yuval Noah Harari, Nexus. Krótka historia informacji Od epoki kamienia do sztucznej inteligencji, przeł. Justyn Hunia, Wydawnictwo Literackie, Kraków 2024 (fragmenty)
• Steve Krug, Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron internetowych, Wydanie III, przeł. Piotr Cieślak, Krzysztof Jurczyk, Helion, Gliwice 2014 (fragmenty),
• Don Norman, Dizajn na co dzień, przeł. Dorota Malina, Karakter, Kraków 2018 (fragmenty)
• Jacek Kotarbiński, Marka 5.0. Człowiek i technologie: jak tworzą nowe wartości?, Wydawnictwo Naukowe PWN, Warszawa 2021 (fragmenty)
• Wybrane artykuły z działu Media: https://www.dwutygodnik.com/media
• Wybrane artykuły z cyklu Rozmowy z programistami: https://www.dwutygodnik.com/cykl/8
• Material Design (Google): https://m3.material.io/
• Human Interface Guidelines (Apple): https://developer.apple.com/design/human-interface-guidelines
• Zasoby Google for Developers: https://developers.google.com/learn?hl=pl
• Przewodnik Google SEO dla początkujących: https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=pl
Dyrektywy i rozporządzenia:
• Rozporządzenie o Ochronie Danych Osobowych RODO/GDPR (2016/679),
• Dyrektywa Omnibus (2019/2161),
• Europejski Akt o Dostępności EAA (2019/882),
• Akt o Usługach Cyfrowych DSA (2022/2065),
• Akt w sprawie sztucznej inteligencji – AI ACT (2024/1689).
Wybrane podcasty:
• Design Practice PL Aga Naplocha i Paulina Kacprzak,
• UX po Godzinach Krzysztof Miotk i Szymon Trzepla,
• Konkretnie o marketingu i sprzedaży Artur Jabłoński,
• MIT Sloan Management Review Polska,
• SEO Friday Podcast,
• Raport o sztucznej inteligencji,
• 99 twarzy AI Karol Stryja,
• Techstorie - rozmowy o technologiach Sylwia Czubkowska i Joanna Sosnowska.
Wybrane narzędzia/programy/aplikacje/systemy/biblioteki poznawane na zajęciach (w całości lub częściowo): Figma, Framer, Wordpress, Gutenberg (Wordpress), Elementor, Google Fonts, Google Analytics, Google Search Console, Lighthouse, Microsoft Clarity, Hotjar, SalesManago, GetResponse, MailerLite, Canva, Clickmeeting, Coolors.co, Ubersuggest, AnswerThePublic, Lovable, Google AI Studio, CookieBot, Carrd, There Is An AI For That, WHOIS database, Internet Archive, PageSpeed Insights, Yoast SEO, AI, Incident Database, Bootstrap, Gemini, Claude, HeyGen, ElevenLabs, Biblioteka reklam Meta, Google Ads, Brand24.