Tworzenie responsywnych stron WWW: HTML, CSS, pozycjonowanie SEO - usługa zdalna w czasie rzeczywistym

Szkolenie obejmuje 49 godzin dydaktycznych (1 godzina dydaktyczna to 45 minut), które są rozliczane bonami: 48 godzin dydaktycznych zajęć oraz 1 godzina dydaktyczna walidacji. To odpowiada liczbie 36 godzin zegarowych zajęć warsztatowych praktycznych i 45 minut (walidacja). Walidacja polega na przekazaniu walidatorowi i sprawdzeniu przez niego wykonanego projektu strony każdego uczestnika i opracowaniu raportu potwierdzającego osiągnięte kryteria (metoda walidacji - analiza dowodów i deklaracji) W trakcie walidacji trenerzy ani kursanci nie są obecni na platformie.

Nauka języka HTML:

• Wprowadzenie do języka HTML. Dlaczego HTML5.
• Struktura dokumentu HTML (czyli strony internetowej), kontrukcja znaczników i ich zastosowanie.
• Elementy zawarte w głowie dokumentu (metatagi, style, title, link).
• Znaczniki treści (nagłówki, paragrafy, tabele, listy).
• Formatowanie treści za pomocą znaczników (strong, em, sub, sup itd.).
• Odsyłacze – budowa i zastosowanie; w tym także odsyłacze wewnętrzne.
• Dodawanie zdjęć i obrazków – różne praktyczne zastosowania.
• Dodawanie mediów – plików muzycznych i filmowych.
• Elementy blokowe języka HTML i ich zastosowanie w budowie strony.
• Identyfikatory – główny atrybut znaczników.
• Tworzenie formularzy na stronie.

CSS – formatowanie znaczników języka HTML:

• Sposoby dodawania arkuszy stylów w dokumencie HTML.
• Charakterystyka selektorów CSS - własności i wartości.
• Tekst i czcionka – różnice i zastosowanie: m.in. zmiana rozmiaru, koloru i rodzaju czcionki, zmiana położenia i widoczności tekstu.
• Działanie na elementach blokowych – m.in. rozmiar, obramowanie, rozmieszczenie, widoczność; wzajemne powiązanie.
• Odstępy między elementami – margines zewnętrzny i wypełnienie.
• Pozycjonowanie i sposoby wpływania na wyświetlanie elementów na stronie.
• Operacje na kolorach – gradient, tło, definiowanie kolorów, uzyskiwanie efektu przeźroczystości.
• Operacje na obrazach - wykorzystanie grafiki jako tła, zastosowanie filtrów dla obrazów.
• Obramowanie i operacje z użyciem cienia.
• Atrybut klasy – jak używać, gdzie zastosować.
• Pseudoklasy – wybrane przykłady zastosowania; w tym pseudoklasy odnośników.
• Zmiana wyglądu elementów po najechaniu na nie kursorem.
• Zmiana wyglądu elementów, do których przenosi nas kliknięcie kursorem.

Responsywny układ strony

– czyli dopasowanie wyświetlania strony do różnych rozdzielczości.

• Popularne układy strony (kolumnowy, siatka, stałe i procentowe wymiary).
• Użycie reguły @mediaqueries.
• Właściwości aktywowane za pomocą flexbox.
• Właściwość column.
• Omówienie budowy stron za pomocą siatki – gridy.

Projektowanie stron WWW

• etapy pracy nad strona internetową
• style graficzne stron internetowych
• szukanie pomysłów, kreatywność
• czynniki decydujące o użyteczności witryny
• przygotowanie grafiki do potrzeb Internetu: rozdzielczość, kompresja, formaty grafiki
• testowanie witryny
• etapy publikacji w Internecie
• dostępność / użyteczność stron WWW (WCAG 2.0/WAI)

Pozycjonowanie stron SEO 

1. Działania algorytmów i wyszukiwarek internetowych

• Czym jest pozycjonowanie, podstawowe pojęcia, wyszukiwarki, wyniki wyszukiwania, standardy - HTML, CSS, W3C, główne cele promowania stron

2. Optymalizacja on-page i off-page SEO

• Optymalizacja witryn internetowych: znaczniki meta, treści na stronie, grafika, galerie na stronie, przyjazna struktura strony internetowej
• Linki, czyli odnośniki do stron. Linkowanie na stronie, Linkowanie do strony, gdzie szukać darmowych, a zarazem przydatnych linków, wymiany linków, wskaźniki

3. Analiza danych i monitorowanie efektów kampanii SEO

• Narzędzia dla właścicieli stron / dla webmasterów. Darmowe narzędzia od Google do słów kluczowych, do statystyk / analizy strony, do linków sponsorowanych. Inne przydatne narzędzia. zagadnienie SERP, różnorodne wyniki zapytań, rankingi wyszukiwarek i platform; 
• Mapa kliknięć, czas pozycjonowania, frazy kluczowe, wskaźnik CTR — Click Through Rate, polecenia: info, site, allintitle, allinurl, inanchor, ext, filetype, define; 
• Działania silnika Google, cashowania stron wg Google; dowie się, jak tworzyć kopię strony w database Google; jak działa AdWords w służbie SEO; działania planera słów kluczowych, zasady testowania fraz, wykorzystanie Google Trends jako sposobu na planowanie kampanii, wykorzystanie elementu title; 
• Analiza konkurencji pod kątem SEO, wykorzystanie nietypowych opisów stron oraz ikonografik; wykorzystania kodowania ANSI/ASCII oraz CTR, budowania skutecznego meta description; użycia znaczników keywords oraz optymalizacji obrazów na stronie (alternative text, title);

• prezentacja multimedialna wspierająca szkolenie w formacie pdf
• ćwiczenia w postaci plików do pobrania
• nagrania szkolenia przekazane Kursantowi na własny użytek
• dodatkowe materiały teoretyczne w postacie tablic pdf

Podstawowa znajomość obsługi komputera.
Udzielenie zgody na przetwarzanie danych w zakresie niezbędnym do organizacji szkolenia i wystawienia zaświadczenia MEN.
Podpisanie umowy.
Wpłacenie zaliczki/wkładu własnego przed rozpoczęciem szkolenia lub zgodnie z ustaleniami wtrakcie szkolenia.

Szkolenie jest - dopasowane do konkretnych potrzeb Zamawiającego, tzw. "szyte na miarę": dostosowane do stanu wiedzy i predyspozycji kursanta.

Prowadzą je doświadczeni nauczyciele.

Szkolenie dedykowane jest do projektów:

Małopolski Pociąg do kariery

Nowy start w Małopolsce z EURESEM

Kierunek - Rozwój

Regionalny Fundusz Szkoleniowy II

NetBon 2. Numer projektu: FEMP.06.06-IP.02-0048/23

Osoby z innych projektów lub komercyjne też mogą brać udział w usłudze, po potwierdzeniu ustaleń z biurem Quali

Podstawa prawna zwolnienia z podatku VAT: art. 43, ust1, pkt 26 podpunktu a. ustawy o podatku od towaru i usług z dnia 11.03.2004 r. Dz.U.Nr z 54 , poz 535 z późn. zm.

Zawarto umowę z WUP w Toruniu w ramach projektu Kierunek – Rozwój.

Kompetencja związana z cyfrową transformacją.

Warunki techniczne niezbędne do udziału w usłudze:

- platforma Evenea Live, nie wymaga instalowania żadnych programów czy wtyczek, Uczestnik dostaje link na adres mailowy za pomocą, którego loguje się do pokoju webinarowego. Link będzie dostępny w trakcie spotkania.

By skorzystać z Evenea Live komputera PC, skorzystaj z następujących wersji przegladarek:

• Google Chrome (wersja 29 lub wyższa)
• Mozilla Firefox (wersja 45.0 lub wyższa)
• Opera (wersja 38.0 lub wyższa)

Jeżeli chodzi o wersję mobilną - Evenea Live zadziała na - lepiej jednak korzystać z laptopa lub komputera:

• Safari oraz Chrome w systemie iOS
• Chrome w systemie Android

Uczestnik nie potrzebuje innego oprogramowania.
Wystarczy laptop lub komputer z stabilnym dostępem do Internetu.