Tworzenie responsywnych stron WWW: HTML5 i CSS3 w Adobe Dreamweaver CC
Jeżeli jesteś:
- 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 za pomocą programu Adobe Dreamveawer;
- osobą, która potrzebuje nabyć niezbędną wiedzę teoretyczną i praktyczną do ubiegania się o stanowisko Front-End Developera;
- grafikiem komputerowym, pracownikiem firm reklamowych, pracownikiem marketingu i czasami coś musisz zrobić samodzielnie na stronie WWW;
- fotografikiem, artystą plastykiem, architektem, projektantem lub inną osobą, która chce tworzyć własne miejsce w Internecie;
- studentem, który chce nauczyć się nowej kompetencji cyfrowej, która będzie potrzebna 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 mieć większy wpływ na to co się dzieje na Twojej firmowej stronie WWW i móc to zmieniać;
- zatrudniasz zewnętrzna firmę do prac na stronie i nie rozumiesz o czym oni do Ciebie mówią i co naprawdę mogą zrobić dla Ciebie;
- w zakresie Twoich obowiązków jest aktualizacja treści na stronie firmy np. w WordPressie i nie chcesz blokować się, gdy praca wymaga poprawek w kodzie lub w stylach css i chcesz robić to bardziej świadomie i spokojniej,
- chcesz nauczyć się czegoś nowego tylko dla swojej przyjemności
… to szkolenie jest dla Ciebie,
ponieważ nauczysz się:
- jak edytować kod html strony WWW w Adobe Dreamveawer,
- edytować kod css w Adobe Dreamveawer;
- modyfikować html i css w istniejącej stronie WWW używając edytora kodu, który pozwala pracować w trybie wizualnym , co ułatwia i przyspiesza pracę;
- na czym polega filozofia języka html i jak zacząć myśleć w tym języku, dzięki temu zrobisz to, co chcesz i jak chcesz,
- rozpoznawać, w czym masz problem i gdzie robisz błędy w kodzie,
- wdrażać w życie proste rozwiązania, patenty i triki, które sprawią, że Twoja strona będzie zaprogramowana zgodnie ze współczesnymi standardami;
- jak wykorzystywać optymalne rozwiązania do konkretnych problemów i przy tym nie utonąć w ich gąszczu,
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ą;
- 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ęć.
- 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.
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ć strukturę strony wykorzystując język HTML;
- 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;
- formatować strony pod kątem urządzeń mobilnych;
- tworzyć galerie zdjęć;
- wykorzystywać Adobe Dreamweaver CC do projektowania i publikowania strony;
- dodawać elementy strony w sposób szybszy bez konieczności kodowania;
- pracować ze stylami w programie Adobe Dreamweaver CC;
- wykorzystywać szablony;
- wykorzystywać elementy Spry bez programowania.
Szkolenie to:
Tryby szkolenia:
1. Standardowy
- zajęcia dwa razy w tygodniu, najczęściej w godzinach popołudniowych lub wieczornych, opcjonalnie w soboty;
- 12 spotkań 3-godzinnych, łącznie 36 godzin;
2. Intensywny
- zajęcia codziennie przez 7 dni, od pon. do pt. po 6 godzin w godz. 9.00 – 15.00
– razem 42 godzin
Cennik:
Standardowy
6480 zł
36 godzin
Intensywny
7560 zł
42 godziny
Zapytaj o termin:
Zapraszamy do kontaktu telefonicznego w godz. 10:00-16:00.
Program szkolenia:
1. Nauka języka HTML:
- Wprowadzenie do języka HTML. Dlaczego HTML5.
- 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 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 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 – 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.
5. Adobe Dreamweaver CC:
- Konfigurowanie projektowanego serwisu.
- Omówienie budowy stron za pomocą siatki – gridy.
- Widoki: widok projektu i edytor kodu; mieszany;
- Opcje widoku: numerowanie linii kodu, zawijanie tekstu, kolorowanie kodu i błędów, wyświetlanie linijki i siatki.
- Dostosowanie interfejsu do własnych potrzeb.
- Właściwości dokumentu: Ustawienie obrazka jako tła; Domyślny koloru tekstu; Kolor linków; Marginesy strony; Ustawienie polskiej strony kodowej.
- Tabele, warstwy, projektowanie makiet.
- Wstawianie tekstu; Wstawianie znaków specjalnych; właściwości tekstu, rodzaje tekstów; Hyperlinki; Listy; Wstawianie zakładki.
- Listy, linie, wstawianie daty, wstawianie komentarzy.
- Grafika, obiektów Animate, współpraca z Photoshopem.
- Formatowanie elementów strony za pomocą stylów CSS.
- Tworzenie galerii.
- Narzędzia SPRY, pasek menu, panel z zakładkami, paneli harmonijkowych, dołączanie danych.
- Obsługa zdarzeń Java Script.
- Wstawianie przycisków i menu przycisków.
- Formularze.
- Praca w szablonami, edycja szablonów, wykorzystanie gotowych szablonów.
- Sprawdzanie poprawności kodu, sprawdzanie pisowni, wyszukiwanie i zastępowanie tekstu, przeglądanie stron w przeglądarkach, renderowanie stylów na potrzeby różnych nośników.
- Publikowanie stron.
6. 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).
