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 sztucznej inteligencji 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. Dzięki temu uczestnicy nauczą się projektować strony nie tylko atrakcyjne wizualnie i funkcjonalne, ale także przyjazne środowisku. Ukończenie szkolenia pozwoli im samodzielnie realizować nowoczesne, energooszczędne i kompleksowe projekty internetowe odpowiadające na aktualne potrzeby rynku.

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. Ujęte godziny szkolenia są godzinami zegarowymi tj.1 godzina lekcyjna = 60 minut.

Szkolenie będzie miało formę głównie warsztatową. Forma warsztatowa zapewni realizację celu edukacyjnego usługi. Każdy uczestnik będzie pracował przy komputerze, na własnej stronie internetowej, z wykorzystaniem Elementora PRO (zapewniamy dostęp do wtyczki). Szkolenie poprzez swój zakres tematyczny oraz rozbudowaną część praktyczną wpłynie pozytywnie na poziom umiejętności uczestnika w obszarze nowoczesnych technologii informacyjnych, dotyczących projektowania stron internetowych z wykorzystaniem zaawansowanych narzędzi, które są w dodatku energooszczędne, szybko się ładują, nie pochłaniają znacznej ilości zasobów - co skutkować będzie 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 godziny zegarowe zajęć, natomiast część praktyczna - 9,5 godziny. 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 (m.in. przywitanie, pre-testy, post-testy, pytania, podsumowanie zajęć) i walidację usługi.

PROGRAM: 

I DZIEŃ SZKOLENIA [część teoretyczna: 2 godziny, część praktyczna: 5 godzin, 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 [część teoretyczna: 1,5 godziny, część praktyczna: 4,5 godziny, przerwa: 45 min, kwestie organizacyjne: 45 min, walidacja - test: 30 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:15 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:15 - 15:30 Podsumowanie szkolenia, sesja pytań, przeprowadzenie post-testów.

15:30 - 16:00 Walidacja - test teoretyczny z wynikiem generowanym automatycznie*.

*UWAGI DOTYCZĄCE WALIDACJI USŁUGI:

Walidacja przeprowadzana jest w formie ZDALNEJ [forma zdalna dotyczy tylko osoby walidującej - uczestnicy wykonują ćwiczenia i wypełniają test, będąc stacjonarnie na sali szkoleniowej] i podzielona jest na 2 etapy:

• walidację części praktycznej zajęć (polega na sprawdzeniu przez osobę walidującą nabywanych efektów uczenia oraz kryteriów weryfikacji w/w efektów, dotyczących umiejętności). Walidator posiada dostęp do projektowanych przez Uczestników stron i zdalnie ocenia postęp prac w trakcie trwania szkolenia (analiza dowodów i deklaracji). Walidator dokonuje również analizy przesłanych przez Uczestników ćwiczeń, wykonanych podczas szkolenia (analiza dowodów i deklaracji). Ta część odbywa się w godzinach popołudniowych I dnia oraz w godzinach porannych II dnia szkolenia;
• walidację części teoretycznej (polega na sprawdzeniu efektów uczenia się dotyczących wiedzy) - przeprowadzoną na koniec zajęć, w formie testu wiedzy online, którego wynik generuje się automatycznie.

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.

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 - nie jest wymagana instalacja dodatkowego oprogramowania.

Po zakończonym szkoleniu Uczestnicy otrzymają zaświadczenia o uczestnictwie w usłudze szkoleniowej oraz imienny certyfikat.

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.