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ęć.
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:
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
5400 zł
30 godzin
Intensywny
6480 zł
36 godzin
Zapytaj o termin:
Zapraszamy do kontaktu telefonicznego w godz. 10:00-16:00.
Program szkolenia:
1. Dlaczego HTML5? Wprowadzenie do języka HTML:
- 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.
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 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.
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 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).
4. Responsywny układ strony:
- 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.
5. Projektowanie stron WWW:
- 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).
