Tworzenie i pozycjonowanie stron internetowych – podstawy z uwzględnieniem cyfrowych i zielonych kompetencji/

Korzyści z udziału w szkoleniu

• Poznasz podstawy tworzenia stron internetowych – nauczysz się pisać kod w HTML i CSS, dzięki czemu stworzysz swoją pierwszą stronę od podstaw.
• Nauczysz się stylizować strony – dowiesz się, jak sprawić, żeby Twoja strona wyglądała nowocześnie i atrakcyjnie na różnych urządzeniach.
• Zrozumiesz, jak działa SEO – nauczysz się podstaw pozycjonowania stron w Google, co pomoże Ci zwiększyć widoczność Twojej strony w wyszukiwarkach.
• Dowiesz się, jak tworzyć strony przyjazne dla użytkowników – poznasz zasady UX (user experience), które sprawiają, że strona jest łatwa w obsłudze.
• Zdobędziesz wiedzę o ekologicznych stronach internetowych – nauczysz się, jak projektować strony w sposób energooszczędny i zgodny z zasadami zrównoważonego rozwoju.
• Nauczysz się projektować strony w sposób wspierający cele środowiskowe – poznasz praktyczne techniki ograniczania zużycia energii, które mają znaczenie w kontekście unijnych ram zielonych kompetencji (GreenComp) i nowoczesnego, odpowiedzialnego podejścia do tworzenia treści cyfrowych.

Interaktywna forma zdalna:

Szkolenie odbywa się w formie zdalnej, w czasie rzeczywistym, za pomocą platformy Zoom. Umożliwia to uczestnictwo z dowolnego miejsca, oszczędzając czas i koszty związane z dojazdami. Interaktywne sesje wideo, współdzielenie ekranu i chat pozwalają na aktywny udział i bieżącą komunikację z prowadzącymi oraz innymi uczestnikami.

Godziny realizacji szkolenia:

Szkolenie obejmuje 24 godziny edukacyjne. Każda godzina szkolenia obejmuje 45 minut. tj. 18 godzin zegarowych.

Walidacja wliczona jest w czas trwania usługi.

Przerwy:

Nie są wliczane w czas trwania usługi. Są ustalane w sposób elastyczny.

Metody pracy:

Zajęcia prowadzone są metodą ćwiczeniową, połączoną z rozmową na żywo oraz współdzieleniem ekranu. Warunkiem niezbędnym do osiągnięcia celu szkolenia jest samodzielne wykonanie wszystkich ćwiczeń zadanych przez trenera.

Harmonogram szkolenia:

Szczegółowy harmonogram zajęć, uwzględniający podział na dni i godziny oraz przerwy, zostanie ustalony i uzupełniony na 6 dni przed rozpoczęciem szkolenia, zgodnie z regulaminem BUR. Będzie on dostosowany do preferencji czasowych uczestników.

Osoby zainteresowane udziałem w szkoleniu prosimy o kontakt w celu określenia preferowanych godzin szkolenia.

• Szkolenie może być realizowane zarówno raz jaki i kilka razy w tygodniu w trybie dziennym, umożliwiając intensywną naukę i skoncentrowane zajęcia lub popołudniowym, co pozwala uczestnikom z innymi obowiązkami dostęp do wartościowej edukacji.
• Dodatkowo, istnieje opcja organizacji zajęć w formie weekendowej, co sprawia, że szkolenie staje się bardziej elastyczne i dostosowane do różnych harmonogramów życia.
• w związku z powyższym nie wskazano szczegółowego harmonogramu - jesteśmy gotowi dostosować się do potrzeb całej grupy zapisanych osób, tworząc harmonogram, który uwzględni zróżnicowane preferencje czasowe uczestników.
• Harmonogram szkolenia może ulegać nieznacznemu przesunięciu czasowemu, zależnie od czasu potrzebnego na wykonanie poszczególnych ćwiczeń i zdolności przyswajania materiału przez uczestników, zgodnie z ich indywidualnym tempem nauki

Dostępność kurs do potrzeb osób ze szczególnymi potrzebami

• Wsparcie techniczne: Zapewniamy wsparcie techniczne dla uczestników, którzy mogą potrzebować pomocy w obsłudze platformy szkoleniowej lub dostępu do materiałów.
• Sesje Q&A: sesje pytań i odpowiedzi, gdzie uczestnicy mogą zadawać pytania w czasie rzeczywistym, również poprzez czat tekstowy, co jest pomocne dla osób, które mogą mieć trudności z komunikacją werbalną.
• platforma ZOOM, na której prowadzone jest szkolenie, jest zgodna z międzynarodowymi standardami dostępności, takimi jak WCAG 2.1.
• elastyczny harmonogram szkolenia, aby dostosować tempo nauki do indywidualnych możliwości uczestników.

Doświadczeni prowadzący:

Zajęcia prowadzi ekspert z wieloletnim doświadczeniem, który przekazuje nie tylko wiedzę teoretyczną, ale także praktyczne wskazówki i najlepsze praktyki. Uczestnicy mają możliwość czerpania z jego wiedzy i doświadczenia.

Certyfikat ukończenia:

Certyfikat ukończenia kursu​ - Zaświadczenie wydane na podstawie § 23 ust. 4 rozporządzenia Ministra Edukacji i Nauki z dnia 6 października 2023 r. w sprawie kształcenia ustawicznego w formach pozaszkolnych (Dz. U. poz. 2175).

Program

Program kursu

1. Podstawy HTML – budowa stron internetowych

•  Wprowadzenie do HTML: znaczenie HTML5 w nowoczesnym projektowaniu.
•  Anatomia strony: struktura dokumentu, znaczniki i ich rola.
•  Sekcja `<head>`: metadane, style, tytuł strony i zewnętrzne zasoby.
•  Treść strony: nagłówki, akapity, listy – jak je tworzyć i stosować.
•  Linki: tworzenie odsyłaczy zewnętrznych i wewnętrznych.
•  Multimedia: osadzanie obrazów, audio i wideo – praktyczne podejście.
•  Elementy blokowe: organizacja treści na stronie.
•  Identyfikatory i ich znaczenie w strukturze strony.
•  Formularze: projektowanie interaktywnych elementów.

2. CSS – stylizacja i uatrakcyjnienie stron

• Wprowadzanie stylów: osadzanie CSS w HTML.
• Selektory: jak działają, ich właściwości i wartości.
• Tekst i typografia: zmiana kroju, rozmiaru, koloru i położenia tekstu.
• Elementy blokowe: kontrola rozmiaru, obramowań, układu i widoczności.
• Odstępy: marginesy i padding w praktyce.
• Pozycjonowanie elementów: techniki rozmieszczania treści.
• Kolory i tła: przezroczystość, efekty wizualne.
• Grafika w CSS: tła, filtry i manipulacja obrazami.
• Klasy i pseudoklasy: dynamiczne style, np. efekty po najechaniu kursorem.

3. Responsywność – dostosowanie do urządzeń

• Zasady projektowania responsywnego: dlaczego to kluczowe.
• Układy strony: kolumny, siatki, wymiary stałe i elastyczne.
• Media Queries: dostosowanie stylów do rozdzielczości.
• Flexbox i Grid: nowoczesne narzędzia do układów stron.
• Właściwość `column`: podział treści na kolumny.

4. Projektowanie stron internetowych

• Proces twórczy: od pomysłu do realizacji witryny.
• Style graficzne: trendy i inspiracje w designie.
• Użyteczność: co sprawia, że strona jest intuicyjna.
• Grafika online: przygotowanie obrazów (kompresja, formaty, rozdzielczość).
• Testowanie i publikacja: jak wprowadzić stronę do sieci.
• Dostępność: podstawy WCAG i projektowanie dla wszystkich.

5. SEO – optymalizacja i pozycjonowanie stron

• Wprowadzenie do SEO: jak działają wyszukiwarki (SERP, silnik Google).
• Kluczowe frazy: wybór, testowanie i optymalizacja (Google Trends, Planer Słów).
• Struktura strony: nagłówki, metaopisy, znaczniki `title` i `keywords`.
• Obrazy w SEO: optymalizacja (alt, title), pozycjonowanie grafikami.
• Linkowanie: wewnętrzne, zewnętrzne, breadcrumbs i ich wpływ na ranking.
• Zawartość: tworzenie wartościowych treści, unikanie duplikatów.
• Narzędzia Google: Search Console, PageSpeed Insights.
• Techniki pozycjonowania: Long Tail, backlinki, canonical links.

6. Zielone i cyfrowe kompetencje

• Ekologiczne podejście do technologii:
  • Jak wybór hostingu oraz techniki optymalizacji stron wpływają na ograniczenie zużycia energii i redukcję emisji CO₂.
  • Proste sposoby mierzenia wpływu strony internetowej na środowisko za pomocą dostępnych online narzędzi.
• Zielone projektowanie stron:
  • Podstawowe techniki tworzenia lekkich i energooszczędnych stron internetowych (kompresja obrazów, ograniczenie zbędnych elementów).
  • Jak uprościć projekt strony, aby ograniczyć jej wpływ na środowisko.
• Minimalizacja zasobów:
  • Proste metody ograniczania ilości przesyłanych danych (kompresja treści, minimalizacja kodu, efektywne wykorzystywanie zasobów multimedialnych).
• Cyberbezpieczeństwo i ochrona danych:
  • Podstawy zabezpieczania stron (certyfikaty SSL, aktualizacje, silne hasła).
  • Krótkie wprowadzenie do zasad zgodności z RODO.
• Praktyczne przykłady zastosowania zielonych kompetencji:
  • Jak tworzenie stron może wspierać rozwój zawodowy w firmach związanych z ochroną środowiska i odnawialnymi źródłami energii.
• Powiązanie z politykami regionalnymi (RIS) i europejskimi ramami (GreenComp):
  • Ogólne przedstawienie, jak kurs wpisuje się w regionalne strategie promujące cyfryzację i ochronę środowiska oraz w europejskie zalecenia dotyczące odpowiedzialnego wykorzystywania technologii cyfrowych.
  • Przykłady zawodów i sektorów, w których energooszczędne projektowanie stron internetowych ma zastosowanie (np. administracja publiczna, e-commerce, NGO, sektor OZE), co pozwala mu świadomie rozwijać karierę w kierunku zgodnym z zieloną transformacją rynku pracy

Usługa adresowana również dla uczestników projektu:

• Kierunek - Rozwój WUP Toruń
• Usługi rozwojowe województwa śląskiego
• Małopolski pociąg do kariery – sezon 1
• Nowy start w Małopolsce z EURESem1

uczestnicy otrzymają materiały dydaktyczne w formie elektronicznej. Zostaną one przesłane w postaci plików i dokumentów (np. PDF, prezentacje, arkusze informacyjne, linków, inne)

Podczas szkolenia obowiązkowe jest korzystanie z kamery internetowej przez uczestników.

Podstawą do rozliczenia usługi jest wygenerowanie z systemu raportu, umożliwiającego identyfikację wszystkich uczestników oraz zastosowanego narzędzia.

Zawarto umowę WUP w Toruniu w ramach Projektu Kierunek - Rozwój

„Małopolski pociąg do kariery – sezon 1” i projektu „Nowy start w Małopolsce z EURESem” został obustronnie podpisany regulamin współpracy i rozliczenia usług z wykorzystaniem elektronicznym bonów szkoleniowych w ramach projektu.

Kompetencje związane z zieloną i cyfrową transformacją.

Ośrodek Szkolenia Dokształcania i Doskonalenia Kadr Kursor Spółka z ograniczoną odpowiedzialnością świadczy usługi zwolnione z podatku od towarów i usług na podstawie Art. 43., ust. 1. Ustawy o podatku od towarów i usług z dnia 11 marca 2004 r.

platforma zoom

Warunki techniczne szkolenia na platformie Zoom:

1. Sprzęt komputerowy:
   • Wymagany komputer PC lub Mac z dostępem do internetu.
   • Zalecana kamera internetowa oraz mikrofon dla udziału w sesjach wideo.
2. Przeglądarka internetowa:
   • Zalecane przeglądarki: Google Chrome, Mozilla Firefox, Safari.
   • Wymagane zaktualizowane wersje przeglądarek dla optymalnej wydajności.
3. Stabilne połączenie internetowe:
   • Minimalna prędkość łącza: 2 Mbps dla udziału w sesjach wideo.
   • Zalecane połączenie kablowe dla stabilności.
4. Platforma Zoom:
   • Konieczne pobranie i zainstalowanie najnowszej wersji aplikacji Zoom przed szkoleniem.
   • Aktywne konto Zoom (możliwość utworzenia bezpłatnego konta).
5. System operacyjny:
   • Kompatybilność z systemem Windows lub macOS.
6. Oprogramowanie dodatkowe:
   • Zalecane zainstalowanie najnowszych wersji programów, takich jak przeglądarka, Java, Flash itp.
7. Dźwięk i słuchawki:
   • Zalecane użycie słuchawek z mikrofonem dla lepszej jakości dźwięku.
   • Sprawdzenie działania dźwięku przed rozpoczęciem szkolenia.
8. Przygotowanie przed sesją:
   • Testowanie sprzętu i połączenia przed planowanym szkoleniem.
   • Zapewnienie cichego miejsca pracy dla minimalizacji zakłóceń.
9. Wsparcie techniczne:
   • Zapewnienie kontaktu z pomocą techniczną w razie problemów podczas sesji.
10. Zaplanowane przerwy:
    • Uwzględnienie krótkich przerw w grafiku dla odpoczynku uczestników.

Zapewnienie powyższych warunków technicznych umożliwi płynny przebieg szkolenia na platformie Zoom, zminimalizuje zakłócenia i zagwarantuje efektywną interakcję między prowadzącym a uczestnikami.