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

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

• zagadnienie SERP,
• różnorodne wyniki zapytań,
• analiza wyszukiwarek,
• analiza rankingów wyszukiwarek i platform,
• mapa kliknięć,
• czas pozycjonowania,
• frazy kluczowe,
• wskaźnik CTR – Click Through Rate,
• polecenia: info, site, allintitle, allinurli inanchor, ext, filetype, define,
• działanie silnika google,
• cashowanie stron wg. Google,
• kopia strony w database google,
• AdWrods – w służbie SEO,
• planer słów kluczowych,
• testowanie fraz,
• Google Trends jako sposób na planowanie kampanii,
• element Title,
• analiza konkurencji pod kątem SEO,
• nietypowe opisy stron, ikonografika,
• kody ANSI / ASCII a CTR,
• budowanie skutecznego meta decription,
• znaczniki keywords – czy nadal warto?
• optymalizacja obrazów na stronie (alternative text, title),
• pozycjonowanie obrazami,
• struktura headings,
• montaż fraz w anchor,
• konstrukcja odpowiedniej nawigacji,
• treści na stronie,
• optymalizacja treści,
• wyróżnianie znacznikami,
• czynniki wpływające na jakość pozycjonowania,
• Google robots,
• ręcznie zgłaszanie strony,
• pingowanie,
• Google Tools – search console,
• autoryzacja serwisu w S.C.,
• Web Maps – tworzenie, dodawanie, testowanie,
• Robots.txt – tworzenie, edycja, testowanie,
• określenie robotów w sekcji HEAD,
• linkowanie strony,
• Breadcrumbs,
• prezentacja linków wewnętrznych,
• popularność witryny,
• dostępność witryny i awarie, a SEO,
• reputacja domeny,
• dobór domeny,
• analiza hostingów,
• PageSpeed Insights,
• technika Long Tail,
• canonical links,
• przekierowania 301 i 302,
• znaczniki HTML5,
• katalogowanie strony po update google,
• budowanie zaplecza na nowych zasadach,
• dywersyfikacja zaplecza,
• circle link lub piramid structure,
• backlink,,
• black hat SEO,
• co obniża skuteczność pozycjonowania,
• ban & filtr od google,
• nałożone ręczne działania – odblokowywanie strony,
• zdejmowanie blokad od google,
• algorytm PageRank czy nie zaginął?
• wskaźnik TrustRank,
• systemy SWL – wg. nowych zasad,
• samodzielne pozycjonowanie – strategia,
• Scrapebox i Xrumer – dla zuchwałych,
• pozycjonowanie sklepu,
  • sklep, a technika długiego ogona,
  • optymalizacja opisów produktów,
  • unikalność treści – problemy,
  • opisy kategorii,
  • zależność nowych leadów i miesięcznej liczby postów na blogu,
• artykuły,
• poradniki,
• grafika i kinografika,
• infografiki,
• oceny i recenzje użytkowników,
• wpływ filmów wideo na trafic,
• Google lubi to – czyli jak poprawić wskaźniki,
• gęstość słów kluczowych,
• aktualizacja treści,
• przydatne narzędzia,
  • validator w3c,
  • Checkbulkpagerank,
  • Google Analitics,
  • Majestic,
  • BacklinkWatch,
  • WebDeveloper,
  • SeoQuake,
  • Density,
  • Semrush,
  • Free monitor for Google,
  • Google Alerts,
  • opensiteexplorer,
• mMarkery danych,
• Accelerated Mobile Pages AMP,
• strony responsywne RW,
• stan indeksowania,
• współpraca z agencjami SEO,
• AdSense,
• Precle,
• AdWords vs. Pozycjonowanie,
• SiteLinks,
• co zmieniła Panda update,
• co zmienił Pingwin update,
• nowe zasady po zmianach algorytmów google,
• zmiany po Phantom, Koliber, Fred,
• Disavow links – narzędzie do zrzekania się linków,
• Mobilegeddon,
• Top Heavy – page layout test,
• duplikacja treści, plagiaty,
• zaangażowanie usera,
• współczynnik odrzuceń,
• Rich Cards,
• pozycjonowanie na YouTube,
• moja firma w google,
• fakty i mity o SEO

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

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.

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.