Tworzenie responsywnych
stron WWW: HTML5 i CSS3

Kurs wyposaża w wiedzę umożliwiającą projektowanie stron responsywnych, czyli dopasowanych do wyświetlania na urządzeniach o różnej rozdzielczości, od ekranów monitorów począwszy, na urządzeniach mobilnych kończąc. Wiedza i umiejętności wyniesione z kursu pozwalają stworzyć atrakcyjną wizualnie witrynę internetową z rozbudowaną siecią zakładek (odnośników), galerią zdjęć, formularzem kontaktowym i ciekawymi animacjami (np. slider), bez konieczności użycia rozszerzeń języków dynamicznych. Kurs zakłada opanowanie przez uczestnika programu nauczania pozwalającego samodzielnie wykonać responsywną witrynę internetową. Ma to nastąpić przez stopniowe opanowywanie nowej wiedzy i praktyczne jej zastosowanie. Uczeń pod okiem szkoleniowca krok po kroku wykona witrynę internetową, której zawartość będzie obejmować całą wiedzę zdobytą w trakcie zajęć.
Tworzenie responsywnych stron WWW: HTML5 i CSS3

Jeżeli jesteś:

  • osobą, która chce odkryć i rozwinąć swoją nową pasję, robić coś kreatywnego, twórczego, pięknego, nowego,
  • osobą, która chce opanować umiejętność tworzenia witryn internetowych za pomocą języka HTML i kaskadowych arkuszy stylów — CSS lub modyfikować istniejące strony i serwisy WWW w warstwie kodu;
  • osobą, która chce nabyć niezbędną wiedzę teoretyczną i praktyczną do ubiegania się o stanowisko Front-End Developera,
  • artystą plastykiem, architektem, projektantem, pracownikiem firm reklamowych i poligraficznych, pracownikiem marketingu,
  • studentem, który chce nauczyć się sprawnie używać programów, które mogą być potrzebne na studiach lub w późniejszej karierze zawodowej,
  • bezrobotną osobą, która chce się przekwalifikować lub zdobyć nowy zawód,
    doradcą zawodowym z PUP, z projektów edukacyjnych, działów HR, fundacji, lub menedżerem, który chce zorganizować szkolenie dla swoich pracowników,
  • osobą z niepełnosprawnościami, która szuka pomysłu na możliwość fajnej pracy w domu,

Lub jeżeli:

  • chcesz stworzyć swoje miejsce w Internecie dla swojej działalności zawodowej lub prywatnej;
  • zatrudnienie webmastera jest zbyt kosztowne i czasochłonne i chcesz tego uniknąć,
  • chcesz mieć większą kontrolę nad swoją stroną i chcesz umieć szybko edytować treści na stronie;
  • chcesz nauczyć się czegoś nowego tylko dla swojej przyjemności

… to szkolenie jest dla Ciebie,
ponieważ nauczysz się:

  • tworzyć strony WWW,
  • umieszczać na stronach niezbędne elementy, jak sieć zakładek (odnośników), galerie zdjęć, formularz kontaktowy, animacje (np. slider), bez konieczności użycia rozszerzeń języków dynamicznych,
  • formatować wygląd strony za pomocą stylów,
  • projektowania stron responsywnych, czyli dopasowanych do wyświetlania na urządzeniach o różnej rozdzielczości, od ekranów monitorów począwszy, na urządzeniach mobilnych kończąc,
  • ruszać gdy utkniesz i nie wiesz jak rozwiązać problem,
  • dowiesz się, jak nie bać się kodu HTML i CSS, umieć czytać te zapisy i poruszać się w tym gąszczu,
  • jak wykorzystywać optymalne rozwiązania do konkretnych problemów,
  • robić projekty, które zachwycają i wykorzystują niebanalne rozwiązania.

Nasze szkolenie jest skuteczne, ponieważ:

  • jest indywidualne, co pozwala Trenerowi maksymalnie skoncentrować się na Twoich postępach w nauce; wyłapać ewentualne trudności, przeszkody i wykorzystać Twój czas efektywnie;
  • możemy uzgodnić przed szkoleniem indywidualny zakres szkolenia, jeżeli proponowany przez nas standard nie pasuje do Twojego obecnego zaawansowania lub zainteresowań, a dzięki temu nie tracisz czasu na tematy, które już znasz lub nie będą Ci potrzebne w praktyce zawodowej;
  • możemy pracować bezpośrednio na przykładach z Twojej praktyki zawodowej tworząc w trakcie szkolenia portfolio Twoich projektów, jeżeli ubiegasz się o pracę lub Twoją specyficzną stronę WWW czy kreację marketingową zgodną z Twoją marką.
  • nie tracisz czasu i poszczególnych zajęć, ponieważ: 
    • harmonogram jest dopasowany do Twoich możliwości czasowych,
    • nie czekamy na zebranie się grupy, zaczynasz szkolenie od razu,
    • jeżeli wypadnie Ci termin z powodów losowych możemy ustalić inny, czyli nie tracisz zajęć, gdy z jakiegoś powodu nie możesz być na nich obecny.
  • są to praktyczne warsztaty w 100% skoncentrowane na Tobie, więc nic nie odciąga Twojej uwagi, nie rozprasza Cię.
  • pracujesz z zawodowcami, którzy przekazują Ci aktualizowane  na bieżąco rozwiązania, taktyki ze swoich zawodowych osiągnięć.

Sprawdź propozycje najbliższych terminów:

Ponadto:

  • spędzisz miło i kreatywnie czas w towarzystwie pasjonatów Photoshopa
  • rozwiniesz swoje zasoby i patenty i triki, dzięki czemu będziesz pracować szybciej i będziesz bardziej pewnie siebie;
  • dowiesz się jak w tym programie pracują zawodowcy, przez co wskoczysz od razu na wyższy poziom w swoich oczach i w oczach innych;
  • na zajęciach stworzysz portfolio swoich projektów, które może być pomocne w poszukiwaniu nowej pracy;
  • zdobędziesz nowe kompetencje zawodowe, które mogą przełożyć się na awans, nową pracę lub uznanie, gdyż po szkoleniu otrzymujesz zaświadczenie MEIN,
  • gdy myślisz o pracy za granicą możesz zdobyć kwalifikacje zawodowe na poziomie międzynarodowym, ponieważ przygotowujemy i przeprowadzamy po zakończonym szkoleniu egzaminy ECCC, ECDL i inne,
  • poznasz osoby z branży i może nawiążesz zawodowe i towarzyskie relacje lub zdobędziesz zlecenia.

Twoje korzyści. Dzięki szkoleniu nauczysz się:

  • tworzyć konstrukcję strony wykorzystując język HTML5,
  • dodawać linki, zakładki, tabele,
  • wstawiać grafikę, kolory, animację i ruch,
    tworzyć i formatować formularze,
  • formatować wygląd strony za pomocą kaskadowych arkuszy stylów — CSS,
  • dodawać menu rozwijalne,
  • tworzyć galerie zdjęć,
  • formatować strony pod kątem urządzeń mobilnych.

Szkolenie to:

  • praca indywidualna - jedna osoba na zajęciach;

  • teoria i praktyka;​

  • warsztaty stacjonarne lub zdalne - do wyboru, w czasie rzeczywistym pod okiem Trenera;

  • praktyczne projekty i ćwiczenia bazujące na przykładach z praktyki naszych Trenerów, czyli osób, które zawodowo pracują w tej dziedzinie;

  • wsparcie, feedback, konstruktywna analiza Twoich projektów;

  • możliwy jest również kurs w grupie od 2 do 4 osób (np. z jednej firmy) z RABATEM.

Tryby szkolenia:

1. Standardowy

  • zajęcia dwa razy w tygodniu, najczęściej w godzinach popołudniowych lub wieczornych, opcjonalnie w soboty;
  • 10 spotkań (1 sp. to 3 godziny zegarowe), łącznie 30 godzin;

2. Intensywny

  • zajęcia codziennie przez 6 dni, od pon. do pt. po 6 godzin w godz. 9.00 – 15.00
    – razem 36 godzin

Cennik:

Standardowy
3600 zł

30 godzin

Intensywny
4320 zł

36 godzin

Program szkolenia:

  • struktura dokumentu HTML (czyli strony internetowej), konstrukcja 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.

  • 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 przezroczystoś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.

  • czyli płynna zmiana wyglądu lub rozmiaru danych elementów, zależnie bądź niezależnie od działań podejmowanych przez użytkownika,
  • stworzenie slidera ze zdjęciami,
  • stworzenie rozwijanego menu,
  • stworzenie galerii zdjęć,
  • wprowadzenie ruchomych elementów tła na stronie,
  • wzbogacenie odnośników o efekty dynamiczne,
  • transformacja elementów (wydłużanie, obracanie, ścieśnianie, wykrzywianie).

  • 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.

  • etapy pracy nad stroną 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).