Eco Web Design + AI: Projektowanie responsywnej i ekologicznej strony internetowej w nurcie „no-code”, opartej o WordPress i Elementor PRO, z elementami sztucznej inteligencji. Kwalifikacje. Szkolenie.

Szkolenie prowadzi do zdobycia kwalifikacji międzynarodowej GCCS/ICVC Projektowanie i tworzenie stron www (ICVC/PTS 20082.20).

Proekologiczny charakter usługi wynika z zasobooszczędnego sposobu projektowania w technologii no-code - z wykorzystaniem Elementora PRO. Uczestnik nie tylko tworzy stronę internetową, ale uczy się ją od podstaw projektować tak, aby była lekka, responsywna, szybka, uporządkowana i ograniczała zbędne zużycie zasobów cyfrowych - bez tradycyjnego kodowania obciążającego serwery.

Szkolenie wpisuje się w założenia Regionalnej Strategii Innowacji Województwa Śląskiego 2030, w szczególności w obszarach inteligentnych specjalizacji regionu:

• Technologie informacyjno-komunikacyjne (ICT),
• Zielona gospodarka.

Zakres szkolenia wpisuje się w Priorytetowe Technologie Rozwojowe (PRT) wskazane w Regionalnej Strategii Innowacji Województwa Śląskiego 2030 oraz Programie Rozwoju Technologii Województwa Śląskiego 2019-2030, w szczególności w obszary:

1. Technologie informacyjno-komunikacyjne (ICT),
2. Technologie cyfrowe wspierające transformację przedsiębiorstw,
3. Technologie związane ze zrównoważonym rozwojem i zieloną transformacją,
4. Technologie multimedialne i kreatywne,
5. Sztuczna inteligencja i analiza danych.

Przykładowe perspektywy zawodowe po ukończeniu szkolenia:

• Programista stron www w przedsiębiorstwach sektora ICT, realizujący projekty zgodne z zasadami eco-web design,
• Web Developer w sektorze zielonej gospodarki, OZE, innowacji środowiskowych i technologii niskoemisyjnych,
• Konsultant ds. transformacji cyfrowej i optymalizacji wydajności stron www.

!!! WAŻNE: Szkolenie realizowane jest w terminie 24-25.10.2026 r. Po zakończeniu szkolenia uczestnicy przystępują do egzaminu certyfikującego, który jest organizowany i oceniany przez podmiot zewnętrzny. Czas oczekiwania na wynik walidacji wynosi średnio ok. 5 dni roboczych od dnia przeprowadzenia egzaminu. W związku z tym - według Zał. 2 (2.4) do Regulaminu BUR termin realizacji usługi został określony w karcie na 24-30.10.2026, ponieważ obejmuje:

• okres prowadzenia szkolenia (24-25 października)
• oraz okres oczekiwania na wynik walidacji (do 30 października).

PROGRAM:

I DZIEŃ SZKOLENIA [część teoretyczna: 1h 45min, część praktyczna: 5h, przerwa: 60 min, kwestie organizacyjne: 15 min] - 24.10.2026:

08:00 - 08:15 Przywitanie uczestników, omówienie szkolenia, przeprowadzenie pre-testów.

08:15 - 09:00 MODUŁ I - Wpływ struktury strony internetowej na transfer danych, czas użytkownika i zużycie zasobów cyfrowych.

1. Rola strony internetowej w komunikacji cyfrowej i jej wpływ na wykorzystanie zasobów cyfrowych.
2. Green web design jako projektowanie stron lekkich, szybkich, responsywnych i ograniczających zbędny transfer danych.
3. Obszar „above the fold” a czas użytkownika, liczba interakcji i efektywność strony.
4. Podstawowe pojęcia: serwer, hosting, domena, CMS WordPress, motyw, wtyczka, Elementor PRO, eco-UX, ślad cyfrowy.
5. Zielony hosting i znaczenie infrastruktury wykorzystującej rozwiązania prośrodowiskowe.

09:00 - 10:00 MODUŁ II - Konfiguracja hostingu, domeny i CMS WordPress pod kątem szybkości działania oraz ograniczenia obciążenia serwera.

1. Metody instalacji CMS WordPress i ich wpływ na późniejsze zarządzanie stroną.
2. Konfiguracja hostingu i domeny z uwzględnieniem szybkości działania oraz stabilności strony.
3. Znaczenie certyfikatu SSL dla bezpieczeństwa i wiarygodności strony.
4. Ćwiczenie: podstawowa konfiguracja serwera i domeny.
5. Ćwiczenie: instalacja certyfikatu SSL i CMS WordPress.
6. Ćwiczenie: konfiguracja skrzynki pocztowej we własnej domenie.

10:00 - 11:00 MODUŁ III - Dobór motywów, wtyczek i ustawień WordPress ograniczających ciężar strony internetowej.

1. Panel administracyjny WordPress jako środowisko zarządzania stroną.
2. Motywy i wtyczki oraz ich wpływ na szybkość, bezpieczeństwo i obciążenie strony.
3. Dobór lekkich motywów wspierających szybkie ładowanie strony.
4. Ograniczanie liczby wtyczek i zbędnych komponentów.
5. Ćwiczenie: podstawowa konfiguracja CMS.
6. Ćwiczenie: instalacja wtyczki Elementor PRO.

11:00 - 12:30 MODUŁ IV - Wykorzystanie AI do planowania prostej struktury strony i ograniczania nadmiarowych treści.

1. Benchmarking jako narzędzie analizy dobrych praktyk UX, eco-UX i struktury treści.
2. Wykorzystanie AI do planowania struktury strony, treści i komunikacji z użytkownikiem.
3. Wpływ nadmiarowych zapytań i generacji AI na wykorzystanie zasobów cyfrowych.
4. Tworzenie precyzyjnych promptów ograniczających liczbę zbędnych generacji.
5. NotebookLM jako narzędzie analizy i porównywania struktur informacyjnych.
6. Ćwiczenie: planowanie treści z pomocą AI.
7. Ćwiczenie: definiowanie celów i grupy docelowej strony w kontekście eko-komunikacji.
8. Weryfikacja treści generowanych przez AI pod kątem jakości, zgodności z celem strony i ryzyka greenwashingu.

12:30 - 13:30 Przerwa.

13:30 - 16:00 MODUŁ V - Projektowanie układu strony w Elementor PRO z wykorzystaniem szablonów, kontenerów i globalnych ustawień.

1. Układ strony a ścieżka użytkownika.
2. Projektowanie strony głównej zgodnie z zasadą minimalizmu danych.
3. Szablony w WordPress i Elementor PRO jako sposób ponownego wykorzystania układów i komponentów.
4. Globalne ustawienia kolorów, fontów i odstępów.
5. Kontenery i siatki jako element uporządkowanej struktury strony.
6. Ćwiczenie: tworzenie strony głównej i podstron.
7. Ćwiczenie: projektowanie intuicyjnego menu.

II DZIEŃ SZKOLENIA [teoria: 1h 15 min, praktyka: 4,5h, przerwa: 60 min, kwestie organizacyjne: 30 min, walidacja i egzamin - 45 min] - 25.10.2026:

08:00 - 08:15 Przywitanie uczestników, krótkie przypomnienie materiału z poprzedniego dnia, sprawdzenie i rozwiązanie ewentualnych trudności na aktualnym etapie szkolenia.

08:15 - 09:00 MODUŁ VI - Przygotowanie grafik do publikacji na stronie: format, kompresja, rozdzielczość i ograniczenie wagi plików.

1. Biblioteka mediów w WordPress jako miejsce zarządzania zasobami graficznymi.
2. Dobór formatu grafiki do miejsca publikacji na stronie.
3. Lekkie formaty grafik, w tym WebP.
4. Kompresja, rozdzielczość i wymiary grafik.
5. Wpływ dużych obrazów na transfer danych, czas ładowania i obciążenie urządzeń.
6. Wykorzystanie AI do tworzenia grafik i tekstów z ograniczeniem zbędnych wariantów.
7. Ćwiczenie: dobór i przygotowanie grafik do witryny.
8. Ćwiczenie: kompresja grafiki przed publikacją na stronie.
9. Ćwiczenie: generowanie grafik i tekstów z pomocą GenAI.

09:00 - 09:45 MODUŁ VII - Optymalizacja elementów strony w Elementor PRO: widżety, kontenery i ustawienia globalne.

1. Środowisko Elementor PRO jako narzędzie no-code do tworzenia stron internetowych.
2. Widżety i ich wpływ na wydajność strony.
3. Ograniczanie liczby widżetów, efektów wizualnych i zbędnych elementów.
4. Globalne ustawienia jako sposób zachowania spójności i ograniczania nadmiarowych konfiguracji.
5. Kontenery jako element uporządkowanej struktury strony.
6. Ćwiczenie: konfiguracja wybranych elementów strony w Elementor PRO.

9:45 - 11:00 MODUŁ VIII - Projektowanie nagłówka i stopki ograniczających liczbę elementów ładowanych na stronie.

1. Rola nagłówka i stopki w nawigacji strony.
2. Szablony nagłówków i stopek w Elementor PRO.
3. Warunki wyświetlania szablonów na stronie.
4. Ograniczanie stałych elementów ładowanych przy każdym wejściu na stronę.
5. Ćwiczenia: projektowanie i udostępnianie nagłówka i stopki.

11:00 - 12:30 MODUŁ IX - Projektowanie strony głównej i podstron skracających ścieżkę użytkownika oraz ograniczających nadmiar treści.

1. Zasady User Experience w projektowaniu stron internetowych.
2. Eco-UX jako projektowanie prostych, szybkich i intuicyjnych ścieżek użytkownika.
3. Znaczenie obszaru „above the fold”.
4. Ograniczanie zbędnych sekcji, banerów, animacji i ciężkich zasobów.
5. Tworzenie podstron zoptymalizowanych pod kątem SEO, wydajności i czytelności.
6. Komunikaty na stronie a przeciwdziałanie greenwashingowi.
7. Ćwiczenie: projektowanie strony głównej w standardzie eco-UX.
8. Ćwiczenie: tworzenie podstron zoptymalizowanych pod kątem SEO i wydajności.

12:30 - 13:30 Przerwa.

13:30 - 14:15 MODUŁ X - Formularz kontaktowy i pop-up: ograniczanie zbędnych pól, komunikatów i elementów zakłócających korzystanie ze strony.

1. Zasady działania formularzy kontaktowych.
2. Formularz z ograniczoną liczbą pól.
3. Pop-up w WordPress i Elementor PRO.
4. Ograniczanie częstotliwości, rozmiaru i liczby pop-upów.
5. Ćwiczenie: projektowanie formularza kontaktowego w duchu no-code.
6. Ćwiczenie: tworzenie pop-upu z zachowaniem zasad efektywności ładowania.

14:15 - 15:00 MODUŁ XI - Responsywność, testy wydajności i audyt eko-wydajności strony z wykorzystaniem Ecograder.

1. Responsywność strony i podstawowe zasady projektowania mobile-first.
2. Wpływ układu mobilnego na czytelność, szybkość ładowania i zużycie zasobów.
3. Audyt eko-wydajności strony z użyciem Ecograder.
4. Interpretacja wyniku audytu i wskazywanie obszarów do poprawy.
5. Ćwiczenie: tworzenie i udostępnianie ikony graficznej favicon.
6. Ćwiczenie: ustawienia responsywności nagłówka, stopki i strony głównej.

15:00 - 15:15 Podsumowanie szkolenia, sesja pytań, post-test.

15:15 - 16:00 Walidacja - analiza dowodów i deklaracji oraz test teoretyczny online (egzamin).

*UWAGI DOTYCZĄCE WALIDACJI:

Walidacja (test teoretyczny online oraz analiza dowodów i deklaracji) określona jest w harmonogramie w ostatniej pozycji "Walidacja" w postaci jednego punktora i trwa łącznie 45 minut. Walidacja przeprowadzana jest w formie ZDALNEJ [forma zdalna dotyczy tylko i wyłącznie instytucji walidującej i certyfikującej - uczestnicy wypełniają test i realizują ćwiczenia, będąc na sali] - i podzielona jest na 2 etapy:

• walidację części praktycznej: uczestnicy podczas szkolenia wykonują ćwiczenia, gromadząc tym samym dowody pracy własnej i nabycia efektów uczenia się prowadzących do zdobycia umiejętności - zostają one przesłane do weryfikacji przez instytucję zewnętrzną (analiza dowodów i deklaracji).
• walidację części teoretycznej: uczestnicy pod koniec szkolenia wypełniają elektroniczny test teoretyczny, który zostaje przygotowany i przesłany przez instytucję zewnętrzną, na podstawie efektów uczenia się określonych w karcie usługi (test teoretyczny online).

Każdy Uczestnik otrzyma konspekt z materiałami w wersji drukowanej, który zdecydowanie ułatwia pracę podczas szkolenia, a także posłuży utrwaleniu wiadomości po odbytym szkoleniu. Dla chętnych udostępniamy również konspekt w wersji cyfrowej. Zapewniamy notesy, długopisy.

Każdy Uczestnik otrzyma swój hosting oraz domenę, a także dostęp do wtyczki Elementor PRO.

Warunki organizacyjne dla przeprowadzenia usługi: szkolenie będzie realizowane w formie warsztatowej, z wykorzystaniem indywidualnych stanowisk komputerowych. Każdy uczestnik będzie pracował samodzielnie, na własnej stronie internetowej tworzonej od podstaw w trakcie szkolenia. Na potrzeby realizacji ćwiczeń uczestnicy otrzymają dostęp do niezbędnych narzędzi, tj. domeny, hostingu, środowiska CMS WordPress oraz wtyczki Elementor PRO.

Każdy uczestnik wykonuje ćwiczenia praktyczne indywidualnie, przy bieżącym wsparciu trenera. Sala szkoleniowa będzie wyposażona w dostęp do Internetu/Wi-Fi oraz zasilania umożliwiającego pracę na komputerach przez cały czas trwania zajęć.

Wszystkie narzędzia wykorzystywane podczas szkolenia działają w przeglądarce internetowej (rekomendowana jest Google Chrome). Minimalna specyfikacja sprzętowa: laptop z minimum 8 GB RAM, procesorem klasy Intel Core i3 lub równoważnym oraz sprawną kartą Wi-Fi.

Kontakt do osoby prowadzącej usługę: kontakt@krzysztofszymak.pl

Uprzejmie prosimy uczestników o zabranie ze sobą laptopa oraz, w miarę możliwości, myszki komputerowej (która może okazać się przydatna podczas szkolenia). W przypadku braku dostępu do wymienionego sprzętu, prosimy o wcześniejsze poinformowanie Dostawcy Usługi - zapewnimy sprzęt. Dostawca ma możliwość zapewnienia sprzętudla każdego uczestnika (15 osób).

Możliwość zwolnienia z VAT na podstawie: Dz.U. 2013 poz. 1722 (Rozporządzenie Ministra Finansów z dnia 20 grudnia 2013 r. w sprawie zwolnień od podatku od towarów i usług oraz warunków stosowania tych zwolnień), §3, ust. 1, pkt 14.