Tworzenie responsywnych stron WWW: HTML5 i CSS3

Tworzenie responsywnych stron WWW: HTML5 i CSS3

Autorski program Beaty Krzyś

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ęć.

Ponadto:

  • zdobędziesz nowe kompetencje zawodowe, które mogą przełożyć się na awans, nową pracę, gdyż po szkoleniu otrzymujesz zaświadczenie MEiN,
  • poznasz osoby z branży i nawiążesz zawodowe relacje i kontakty,
  • wzbogacisz swoje umiejętności cyfrowe o nowe zasoby,  patenty i triki, dzięki czemu będziesz pracować szybciej i bardziej efektywnie, co przełoży się na większe dochody w perspektywie czasu,
  • dowiesz się jak pracują inni, przez co wskoczysz od razu na wyższy poziom rozwoju zawodowego,
  • spędzisz miło czas w towarzystwie pasjonatów tematu i zyskasz wsparcie, inspirację i motywację w rozwoju.

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

Szkolenie indywidualne!

100% uwagi trenera dla Ciebie

sprawdź korzyści »

Cennik:

Standardowy
6000 zł

30 godzin pracy 1:1 z ekspertem

Intensywny
7200 zł

36 godzin pracy 1:1 z ekspertem

UWAGA:
W przypadku szkoleń z walidacją, patrz cennik dodatkowych usług (link) »

Sprawdź dostępność kursu grupowego w niższej cenie.

Idź do sklepu

Bez zbędnych formalności.

Współpraca z BUR

Dofinansowanie nawet do 100%

sprawdź aktualne szkolenia »

sprawdź jak zdobyć »

Zapytaj o termin:

Napisz
Zadzwoń
Zgłoś się

Zapraszamy do kontaktu telefonicznego w godz. 10:00-16:00.

Pobierz PDF:

Pełna oferta szkoleń

Program szkolenia:

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

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

3. Animacje i efekt ruchu

– 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 zdjeć.
  • 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).

4. 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.
Zgłoś się