PROJEKTOWANIE I TWORZENIE STRON WWW - PROJEKTOWANIE I TWORZENIE STRON INTERNETOWYCH W PODEJŚCIU ECO WEB DESIGN Z WYKORZYSTANIEM TECHNOLOGII NO-CODE (WORDPRESS, ELEMENTOR PRO) ORAZ NARZĘDZI AI - szkolenie z egzaminem

Usługa rozwojowa trwa łącznie 16 godzin zegarowych. Przerwy są wliczone w czas trwania usługi zgodnie z harmonogramem. W ramach szkolenia ok. 70% zajęć stanowi praktyka, a 30% teoria, instruktaż i analiza przypadków.

Kwalifikacja:

PROJEKTOWANIE I TWORZENIE STRON WWW – PROJEKTOWANIE I TWORZENIE STRON INTERNETOWYCH W PODEJŚCIU ECO WEB DESIGN Z WYKORZYSTANIEM TECHNOLOGII NO-CODE (WORDPRESS, ELEMENTOR PRO) ORAZ NARZĘDZI AI

Szkolenie przygotowuje uczestnika do samodzielnego projektowania, tworzenia, publikowania i optymalizowania stron WWW w WordPress i Elementor Pro zgodnie z podejściem Eco Web Design. Uczestnik uczy się tworzyć strony lekkie, szybkie, dostępne i mniej obciążające infrastrukturę cyfrową poprzez kompresję obrazów, dobór formatów WebP/SVG, minimalizację CSS i JavaScript, stosowanie lazy loading, cache, ograniczanie zbędnych wtyczek, fontów, animacji, skryptów zewnętrznych i nadmiarowych treści. Program obejmuje dobór zielonego hostingu, analizę Core Web Vitals, optymalizację architektury informacji oraz wykorzystanie AI do szybszego tworzenia tekstów, grafik, makiet i opisów SEO bez generowania zbędnych zasobów strony.

Szkolenie rozwija zielone kompetencje cyfrowe: ograniczanie transferu danych, zasobów serwerowych, czasu ładowania strony i pośredniego śladu węglowego usług internetowych, w tym emisji związanych z przesyłaniem, przetwarzaniem i przechowywaniem danych. Uczestnik identyfikuje elementy zwiększające obciążenie środowiskowe strony oraz odróżnia realne działania Eco Web Design od greenwashingu. Powiązanie z RSI/PRT wynika z praktycznego wykorzystania technologii informacyjnych, CMS, AI, optymalizacji danych, bezpieczeństwa informacji i środowiskowego projektowania usług cyfrowych.

Powiązanie z RSI/PRT:

RSI: Technologie informacyjne i komunikacyjne oraz Zielona gospodarka.

PRT: 4.2 Technologie informacyjne, 4.6 Bezpieczeństwo informacji, 4.7 Technologie telekomunikacyjne i informacyjne wspierające Przemysł 4.0, w tym AI, zarządzanie wiedzą i bazy danych, oraz 3.6 Technologie wspomagające zarządzanie środowiskiem, w tym środowiskowe technologie informacyjne.

Dzień 1: Eco Web Design, zielony hosting i lekka struktura strony

Rozpoczęcie szkolenia

Omówienie celu, kwalifikacji, efektów uczenia się, organizacji pracy i walidacji. Wprowadzenie do Eco Web Design jako projektowania stron, które zużywają mniej transferu, mniej mocy serwera i mniej energii po stronie użytkownika.

Zielone: wpływ rozmiaru strony, hostingu, obrazów, fontów, animacji i skryptów na ślad cyfrowy.

Cyfrowe: WordPress, Elementor Pro, hosting, domena, AI, Core Web Vitals, PageSpeed/Lighthouse.

RSI/PRT: PRT 4.2, 4.6, 4.7, 3.6; RSI ICT i Zielona gospodarka.

Moduł 1: Domena, serwer i zielony hosting

Rozróżnianie domeny, hostingu, serwera, DNS, SSL i CMS. Porównanie tradycyjnego hostingu z zielonym hostingiem: źródła energii, efektywność centrum danych, lokalizacja serwera, wydajność, transparentność dostawcy i parametry techniczne. Uczestnik wybiera hosting pod kątem szybkości, bezpieczeństwa i ograniczenia śladu środowiskowego.

Zielone: wybór hostingu ograniczającego zbędne zużycie energii, transfer i opóźnienia.

Cyfrowe: konfiguracja domeny, SSL, hostingu i podstaw WordPress.

Zielony rezultat: tabela porównania minimum 3 hostingów z kryteriami: energia, lokalizacja, wydajność, SSL, kopie zapasowe, wsparcie.

RSI/PRT: PRT 4.2, 4.6, 3.6.

Moduł 2: Eco Web Design i budżet zasobów strony

Główne zasady Eco Web Design: lekka struktura, mniej podstron, mniej animacji, ograniczenie ciężkich grafik, prosty UX, dostępność, szybkie ładowanie i czytelna architektura informacji. Wprowadzenie pojęcia budżetu strony: maksymalny rozmiar obrazów, liczba wtyczek, liczba fontów, liczba skryptów i cel wydajnościowy.

Zielone: ograniczenie rozmiaru strony, liczby zasobów i zapytań do serwera.

Cyfrowe: planowanie struktury strony, makieta, lista zasobów, Core Web Vitals.

Zielony rezultat: uczestnik tworzy „budżet ekologiczny strony”, np. limit rozmiaru obrazów, liczby wtyczek, fontów i animacji.

RSI/PRT: PRT 4.2, 3.6; RSI ICT i Zielona gospodarka.

Moduł 3: WordPress no-code bez przeciążania strony

Porównanie WordPress z innymi CMS i tradycyjnym tworzeniem stron. Instalacja i podstawowa konfiguracja WordPress. Motywy, wtyczki, użytkownicy, aktualizacje, kopie zapasowe i bezpieczeństwo. Dobór minimalnej liczby wtyczek niezbędnych do działania strony.

Zielone: mniej zbędnych wtyczek oznacza mniej kodu, zapytań, aktualizacji i obciążenia serwera.

Cyfrowe: konfiguracja WordPress, użytkownicy, wtyczki, aktualizacje, backup.

Zielony rezultat: audyt wtyczek: potrzebne, zbędne, obciążające, do usunięcia lub zastąpienia lżejszym rozwiązaniem.

RSI/PRT: PRT 4.2, 4.6.

Moduł 4: Lekka struktura strony w Elementor Pro

Tworzenie strony w Elementor Pro metodą przeciągnij i upuść: nagłówek, hero, oferta, treść główna, formularz, stopka. Responsywność, hierarchia nagłówków, dostępność, logiczny układ treści i ograniczenie ciężkich widgetów. Projektowanie strony tak, aby była czytelna bez nadmiaru animacji, sliderów i dużych plików.

Zielone: prostsza struktura strony ogranicza transfer, czas ładowania i zużycie zasobów urządzenia użytkownika.

Cyfrowe: Elementor Pro, responsywność, struktura strony, dostępność.

Zielony rezultat: gotowa podstrona no-code z ograniczoną liczbą sekcji, widgetów i animacji.

RSI/PRT: PRT 4.2, 4.7.

Dzień 2: AI, grafika, optymalizacja i zielone utrzymanie strony

Moduł 5: Treści z AI w podejściu less content, more value

Tworzenie treści z wykorzystaniem ChatGPT, Jasper AI lub podobnych narzędzi: opisy usług, sekcja „o nas”, FAQ, metaopisy i treści SEO-friendly. Redakcja treści pod kątem użyteczności, dostępności, długości, struktury nagłówków i ograniczania nadmiarowych podstron. Weryfikacja faktów oraz unikanie automatycznego publikowania bez kontroli człowieka.

Zielone: krótsze, precyzyjne i potrzebne treści ograniczają liczbę zbędnych podstron, zasobów i aktualizacji.

Cyfrowe: promptowanie, redakcja AI, SEO, integracja treści w WordPress.

Zielony rezultat: uczestnik tworzy zestaw treści zoptymalizowanych pod czytelność, SEO i ograniczenie nadmiaru informacyjnego.

RSI/PRT: PRT 4.2, 4.7; AI i zarządzanie wiedzą.

Moduł 6: Grafika, kolory i dostępność bez nadmiaru zasobów

Projektowanie palety kolorów, stylu wizualnego i prostych elementów graficznych z użyciem AI, np. DALL-E, Midjourney lub Canva AI. Dobór formatów WebP, SVG, JPG i PNG. Kompresja obrazów, właściwe wymiary, teksty alternatywne, kontrast, czytelność i dostępność. Rezygnacja z grafik dekoracyjnych, które nie wspierają celu strony.

Zielone: lżejsze obrazy i mniej dekoracyjnych grafik zmniejszają transfer danych i obciążenie serwera.

Cyfrowe: AI do grafik, optymalizacja obrazów, dostępność, formaty plików.

Zielony rezultat: komplet grafik w odpowiednich formatach i rozmiarach, z tekstami alternatywnymi i kompresją.

RSI/PRT: PRT 4.2, 4.7, 3.6.

Moduł 7: Optymalizacja wydajności i Core Web Vitals

Optymalizacja strony: lazy loading, kompresja obrazów, cache, minimalizacja CSS i JavaScript, ograniczanie fontów, usuwanie zbędnych wtyczek, kontrola skryptów zewnętrznych. Testowanie w PageSpeed Insights lub Lighthouse. Analiza LCP, INP i CLS oraz wdrażanie poprawek poprawiających szybkość i doświadczenie użytkownika.

Zielone: zmniejszenie rozmiaru strony, liczby zapytań i zasobów serwerowych ogranicza ślad węglowy strony.

Cyfrowe: cache, lazy loading, minifikacja, optymalizacja Core Web Vitals.

Zielony rezultat: raport przed/po optymalizacji z poprawą wybranych parametrów wydajności.

RSI/PRT: PRT 4.2, 3.6; środowiskowe technologie informacyjne.

Moduł 8: Publikacja, bezpieczeństwo i zielone utrzymanie strony

Publikacja strony, SSL, kopie zapasowe, aktualizacje WordPress, motywów i wtyczek. Podstawy ochrony danych użytkowników, formularze kontaktowe, zgody, bezpieczeństwo logowania. Plan zielonego utrzymania strony: cykliczna kontrola Core Web Vitals, usuwanie nieużywanych mediów, przegląd wtyczek, aktualizacja treści i monitorowanie rozmiaru strony.

Zielone: regularne porządkowanie mediów, wtyczek i skryptów ogranicza długoterminowe obciążenie serwera.

Cyfrowe: SSL, backup, aktualizacje, ochrona danych, monitoring wydajności.

Zielony rezultat: plan utrzymania strony obejmujący przegląd mediów, wtyczek, Core Web Vitals, backupu i bezpieczeństwa.

RSI/PRT: PRT 4.2, 4.6, 4.7, 3.6.

Podsumowanie szkolenia

Powtórzenie kluczowych zagadnień: zielony hosting, WordPress, Elementor Pro, AI, Eco Web Design, Core Web Vitals, kompresja grafik, lazy loading, minifikacja CSS/JS, dostępność i bezpieczeństwo. Uczestnik przygotowuje plan dalszej optymalizacji strony: zmniejszenie liczby wtyczek, kompresja mediów, poprawa Core Web Vitals, usuwanie zbędnych zasobów i cykliczny monitoring wydajności.

Zielone: plan ograniczenia transferu danych, ciężkich zasobów i obciążenia serwera.

Cyfrowe: plan utrzymania WordPress, aktualizacji, kopii zapasowych i kontroli wydajności.

RSI/PRT: PRT 4.2, 4.6, 4.7, 3.6.

Walidacja efektów uczenia się

Walidacja jest niezależna od procesu szkoleniowego. Osoba prowadząca szkolenie nie bierze udziału w ocenie wyników egzaminu. Walidacja odbywa się w formie testu teoretycznego oraz analizy dowodów i deklaracji uczestnika.

Rozwijane kompetencje

Uczestnik po szkoleniu:

• rozróżnia domenę, hosting, serwer, SSL i zielony hosting,
• wyjaśnia wpływ hostingu, rozmiaru strony i Core Web Vitals na środowisko,
• charakteryzuje zasady Eco Web Design,
• konfiguruje WordPress zgodnie z zasadami wydajności i bezpieczeństwa,
• tworzy strukturę strony w Elementor Pro,
• stosuje AI do generowania i redakcji treści,
• projektuje elementy wizualne i palety kolorów z użyciem AI,
• optymalizuje obrazy, CSS, JavaScript, fonty i zasoby strony,
• stosuje lazy loading, cache i ograniczenie zbędnych wtyczek,
• monitoruje Core Web Vitals,
• stosuje zasady dostępności cyfrowej,
• przygotowuje plan zielonego utrzymania strony.

Opracowania własne trenera - prezentacja, skrypt szkoleniowy (materiały w formie elektronicznej - po zakończonym szkoleniu).

Warunkiem uczestnictwa jest zarejestrowanie się i założenie konta w Bazie Usług Rozwojowych, zapisanie się na szkolenie za pośrednictwem Bazy oraz spełnienie wszystkich warunków określonych przez Operatora, do którego składają Państwo dokumenty o dofinansowanie.

Uczestnik musi być obecny na co najmniej 80% czasu zajęć usługi rozwojowej, na co potwierdzeniem będzie wygeneroany raport ze szkolenia oraz zaliczyć zajęcia, np. w formie testu wiedzy, testu kompetencyjnego, zadań praktycznych do wykonania lub innych form zaliczenia zajęć.

Walidacja, egzamin - wliczone w cenę usługi.

Usługa kończy się egzaminem zewnętrznym oraz wydaniem stosownego certyfikatu i zaświadczenia o ukończeniu szkolenia.

Czas oczekiwania na certyfikat - do 10 dni.

Z uwagi na ograniczenia systemu BUR harmonogram pozwala oznaczyć pozycje jako walidacja, bez możliwości opisania nazw, metod walidacji. Dlatego metody walidacji wskazano w ramowym programie usługi oraz w tabeli "Efekty uczenia się oraz kryteria weryfikacji ich osiągnięcia i Metody walidacji"

Usługa szkoleniowa może być zwolniona z podatku VAT o ile kursant uzyska dofinansowanie minimum 70% (na podstawie §3 ustęp 1. pkt.14 Rozporządzenia Ministra Finansów z dnia 20.12.2013/ Dz. U. 2020.0.1983)