Eco Web Design PRO: Tworzenie zrównoważonych stron internetowych z użyciem zaawansowanych funkcji Elementora PRO i kodu CSS z wykorzystaniem sztucznej inteligencji. Szkolenie.

Szkolenie jest dedykowane dla osób indywidualnych, chcących podnieść swoje umiejętności cyfrowe i zielone, które z własnej inicjatywy pragną poszerzyć swoje kompetencje o zaawansowane funkcje niezbędne przy realizacji profesjonalnych projektów webowych.

Program obejmuje m.in. tworzenie niestandardowych szablonów i siatek treści, wdrażanie stron docelowych i pop-upów marketingowych, integrację z narzędziami analitycznymi oraz pierwsze kroki w WooCommerce. Uczestnicy poznają także praktyczne sposoby wykorzystania AI do generowania niestandardowego kodu CSS, który pozwala personalizować wygląd strony. Szkolenie uwzględnia również aspekt zrównoważonego projektowania (eco-design), wskazując, jak optymalizować witryny pod kątem szybkości, wydajności i ograniczania śladu środowiskowego.

Szkolenie prowadzi do nabycia kwalifikacji: Programista Stron WWW (ICVC/PSI 20020.19)

Kwalifikacja potwierdza wiedzę, umiejętności i kompetencje społeczne osób pracujących w dowolnej instytucji lub firmie posiadającej stronę internetową, a także freelancerów, twórców stron www, grafików, specjalistów ds. marketingu i komunikacji wizualnej oraz osób planujących rozpoczęcie działalności w branży IT lub kreatywnej. Certyfikat ICVC/PSI 20020.19 jest wydawany osobom, które zdały egzamin ICVC weryfikujący ich przygotowanie do pracy na stanowisku Programista Stron WWW.

Pozytywny wynik egzaminu uprawnia do otrzymania certyfikatu uznawanego w sektorze IT, e-commerce i marketingu cyfrowego. W ramach szkolenia zapewniono również walidację efektów uczenia się, mającą na celu ocenę poziomu osiągnięcia efektów kształcenia. Uczestnik, który pozytywnie ukończy proces walidacji i zda formalny egzamin, uzyskuje kwalifikację branżową: Programista Stron WWW.

Zakres szkolenia i kompetencje, które nabędzie uczestnik są zielone na podstawie bazy danych ESCO – wykazu przykładowych zielonych umiejętności opracowanych przez KE w ramach klasyfikacji ESCO:

Zakres szkolenia pozwala m.in.: poruszać tematy problematyki środowiskowej, promować zrównoważony rozwój, wzbudzać pasję do przyrody, angażować innych w zachowania przyjazne dla środowiska; tworzyć i zarządzać stronami internetowymi, promującymi zrównoważone praktyki; edukować w zakresie ekologicznych przepisów i zasad zgodności środowiskowej, istotnych w procesie projektowania stron internetowych; omawiać kluczowe kwestie związane z ochroną środowiska, takie jak: techniki minimalizowania zużycia zasobów oraz śladu węglowego - w sposób angażujący i informacyjny; promować zrównoważony rozwój poprzez skuteczne wykorzystanie narzędzi cyfrowych do szerzenia świadomości ekologicznej i zmiany nawyków konsumenckich.

Zakres tematyczny usługi szkoleniowej jest spójny z tematyką wynikającą z Regionalnej Strategii Innowacji Województwa Śląskiego 2030 oraz Programu Rozwoju Technologii Województwa Śląskiego na lata 2019-2030 (Obszar technologiczny: Technologie Informacyjne). 

Usługa realizowana jest w godzinach zegarowych (tj. 1 godz. lekcyjna = 60 min)

Szkolenie będzie miało formę głównie warsztatową - co zapewni realizację celu edukacyjnego usługi. Każdy uczestnik będzie pracował przy komputerze, na własnej stronie internetowej, z wykorzystaniem Elementora PRO. Szkolenie poprzez swój zakres tematyczny wpłynie pozytywnie na poziom umiejętności uczestnika w obszarze nowoczesnych IT, dotyczących projektowania stron internetowych z wykorzystaniem zaawansowanych narzędzi, które nie pochłaniają znacznej ilości zasobów - co skutkuje zdecydowaną atrakcyjnością absolwenta szkolenia na rynku pracy w sektorze zielonej gospodarki.

Uwaga do harmonogramu: przerwy na lunch są wliczone w czas trwania usługi i zostały ustalone na godzinę 12:00 - 12:45 - uwzględniono w harmonogramie.

Część teoretyczna obejmuje 3,5 godz. zegarowe zajęć, natomiast część praktyczna - 9,5 godz. Pozostały czas trwania usługi to: 2 przerwy (w I oraz II dniu zajęć) po 45 minut oraz 1,5 godziny przeznaczone na kwestie organizacyjne, walidację oraz egzamin.

PROGRAM: 

I DZIEŃ SZKOLENIA [teoria: 2 h, praktyka: 5 h, przerwa: 45 min, kwestie organizacyjne: 15 min] - 06.12.2025:

08:00 - 08:15 Przywitanie uczestników, omówienie szkolenia, przeprowadzenie pre-testów w celu oceny początkowego poziomu wiedzy uczestników.

08:15 - 09:30 MODUŁ I: Przypomnienie funkcjonowania WordPress i Elementora PRO w kontekście eco-designu:

1. Kluczowe funkcje CMS WordPress wspierające wydajność i energooszczędność stron.
2. Struktura pracy z builderem Elementor PRO z naciskiem na optymalizację zasobów i responsywność.
3. Globalne Ustawienia jako fundament spójnej i zrównoważonej witryny.
4. Omówienie układów strony - kiedy i jak używać układów flexbox i siatki, aby minimalizować obciążenie serwera i transfer danych.
5. Krótki przegląd kluczowych widgetów Elementora PRO z uwzględnieniem eco-UX i lekkich formatów multimediów.

09:30 - 10:30 MODUŁ II: Profesjonalne zarządzanie statusem strony - tryby „Coming Soon” i „Error 404” w wersji light & eco:

1. Tworzenie i aktywacja trybu "W budowie" / "Coming Soon" w Elementorze PRO, z uwzględnieniem minimalizmu treści i grafik.
2. Szablon strony błędu „Error 404” - projektowanie i aktywacja w wersji lightweight, przyjaznej użytkownikowi i środowisku.
3. Ćwiczenia: projektowanie stron systemowych zgodnych z dobrymi praktykami green web design.

10:30 -12:00 MODUŁ III: Tworzenie szablonu „Single Post” i zarządzanie wpisami w WordPress z elementami eco-publikacji:

1. Podstawy tworzenia szablonu „Single Post” w Elementorze PRO.
2. Tworzenie, zarządzanie i edycja wpisów w WordPress z naciskiem na publikację zoptymalizowaną pod kątem transferu danych i dostępności.
3. Omówienie dynamicznych widgetów z myślą o efektywności i niskim zużyciu zasobów serwera.
4. Ćwiczenia: budowa szablonu „Single Post” od podstaw, z zastosowaniem zasad eco-content.

12:00 - 12:45 Przerwa.

12:45 - 14:00 MODUŁ IV: „Loop Item” - dynamiczne listy wpisów w wersji eco-friendly:

1. Projektowanie szablonu Loop Item - kreacja wizualna pojedynczego wpisu z uwzględnieniem lekkości i optymalizacji obrazów.
2. Wykorzystanie widgetu Loop Grid do wyświetlania szablonów na stronie głównej lub stronie bloga w wersji zrównoważonej.
3. Porównanie z klasycznym widgetem "Wpisy" - wydajność i oszczędność zasobów.
4. Ćwiczenia: projektowanie „Loop Item” oraz „Loop Grid” zgodnych z zasadami eco-designu.

14:00 -16:00 MODUŁ V: Pop-upy jako narzędzie marketingowe w duchu odpowiedzialnego designu:

1. Tworzenie i udostępnianie szablonu pop-upu zoptymalizowanego pod kątem zużycia zasobów.
2. Budowa różnych typów pop-upów (newsletter, cookies, promocje) z naciskiem na przejrzystość i prostotę.
3. Zaawansowane reguły wyświetlania i wykorzystanie dynamicznych tagów z zachowaniem zasady minimalizmu.
4. Ćwiczenie: projektowanie szablonów pop-upów zgodnych z zasadami green UX.

II DZIEŃ SZKOLENIA [teoria: 1,5 h, praktyka: 4,5 h, przerwa: 45 min, kwestie organizacyjne: 25 min, walidacja i egzamin: 50 min] - 07.12.2025:

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 - 10:30 MODUŁ VI: Tworzenie landing page'a pod kampanie reklamowe z uwzględnieniem śladu środowiskowego:

1. Najlepsze praktyki projektowania strony docelowej w duchu eco-minimalizmu i prostoty kodu.
2. Wykorzystanie technik wpływu Cialdiniego w kampaniach przy jednoczesnym dbaniu o równowagę perswazji i wydajności.
3. Display Conditions - projektowanie stron docelowych wspierających szybkość działania i niskie zużycie transferu danych.
4. Ćwiczenia: budowa landing page'a zoptymalizowanego pod kątem wydajności i śladu węglowego.

10:30 - 12:00 MODUŁ VII: Integracje z narzędziami zewnętrznymi wspierające eco-analitykę:

1. Integracja systemu e-mail marketingowego przez API (np. GetResponse) w wersji lightweight.
2. Wdrażanie Google Analytics 4 z naciskiem na monitorowanie wydajności i ekologii stron.
3. Weryfikacja strony i indeksowanie domeny w Google Search Console z uwzględnieniem eco-SEO.
4. Ćwiczenia: integracja kluczowych narzędzi Google w WordPress w kontekście wydajności i optymalizacji.

12:00 - 12:45 Przerwa.

12:45 - 14:00 MODUŁ VIII: WooCommerce - e-commerce w wersji zrównoważonej:

1. Omówienie wtyczki WooCommerce i podstawy e-commerce w kontekście eco-commerce i minimalizmu w UX.
2. Instalacja i konfiguracja WooCommerce w WordPress z uwzględnieniem efektywności zasobów.
3. Dodawanie pierwszego prostego produktu z wykorzystaniem optymalnych formatów danych i grafik.
4. Tworzenie szablonów strony produktu i archiwum sklepu zoptymalizowanych pod kątem szybkości ładowania i zużycia energii.
5. Ćwiczenie: instalacja WooCommerce i projektowanie szablonu produktu w duchu eco-commerce.

14:00 - 15:00 MODUŁ IX: Niestandardowy kod CSS z pomocą Generative AI w kontekście green coding:

1. Podstawy wykorzystania niestandardowego kodu CSS z myślą o lekkości i optymalizacji kodu.
2. Dobre praktyki tworzenia promptów do GenAI, uwzględniające generowanie wydajnych rozwiązań CSS.
3. Praktyczne przykłady kodu CSS wspierającego responsywność i energooszczędność stron.
4. Ćwiczenia: generowanie i wdrażanie niestandardowego kodu CSS w celu zrównoważonej personalizacji wyglądu strony.

15:00 - 15:10 Podsumowanie szkolenia, sesja pytań, przeprowadzenie post-testów.

15:10 - 15:35 Walidacja

15:35 - 16:00 Egzamin ICVC - test teoretyczny z wynikiem generowanym automatycznie.

*UWAGI DOTYCZĄCE WALIDACJI:

Walidacja podzielona jest na 2 etapy:

• walidację cz. 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, pod koniec szkolenia zostają one przesłane do weryfikacji przez instytucję zewnętrzną (analiza dowodów i deklaracji).
• walidację cz. teoretycznej: uczestnicy pod koniec szkolenia wypełniają elektroniczny test, który zostaje przygotowany i przesłany przez instytucję zewnętrzną, na podstawie opisanych w karcie usługi efektów uczenia się oraz efektów uczenia się określonych w zakresie kwalifikacji (test teoretyczny z wynikiem gen. aut.).

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. Zapewniamy także notesy i długopisy. Dla chętnych udostępniamy również konspekt w wersji cyfrowej.

Szkolenie "Eco Web Design PRO (...)" jest szkoleniem zaawansowanym, z tego też względu warunkiem uczestnictwa w powyższej usłudze jest wcześniejsze uczestnictwo w szkoleniu podstawowym z tworzenia stron internetowych w systemie CMS Wordpress + Elementor PRO, tj. "Eco Web Design + AI: Projektowanie responsywnej i ekologicznej strony internetowej w nurcie „no-code”, opartej o WordPress i Elementor PRO, z elementami sztucznej inteligencji. Szkolenie.".

Uprzejmie prosimy uczestników o zabranie ze sobą laptopa (oraz opcjonalnie myszki komputerowej). W przypadku braku dostępu do wymienionego sprzętu lub niemożności jego zabrania na szkolenie, prosimy o wcześniejsze poinformowanie Dostawcy Usługi. Wszystkie narzędzia używane podczas szkolenia działają w przeglądarce (rekomendujemy Google Chrome) - nie jest wymagana instalacja dodatkowego oprogramowania.

Pozytywny wynik egzaminu uprawnia do otrzymania certyfikatu uznawanego w sektorze IT, e-commerce i marketingu cyfrowego. Uczestnik, który pozytywnie ukończy proces walidacji i zda formalny egzamin, uzyskuje kwalifikację branżową: Programista Stron WWW.

Informacja o zwolnieniu z VAT: 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.