Tworzenie responsywnych stron WWW: HTML5 i CSS3 w Adobe Dreamweaver CC

Szkolenie wyposaża w wiedzę umożliwiającą projektowanie responsywnych stron WWW, 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. Uczestnik szkolenia pod okiem trenera krok po kroku wykonuje swoją witrynę internetową. 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ęć.
Kurs prowadzony jest za pomocą programu Adobe Dreamweaver CC — kompleksowego zestawu narzędzi dla projektantów stron internetowych i interfejsów. Łączy on zaawansowane narzędzie do opracowywania szaty projektu z edytorem kodu i rozbudowanymi funkcjami zarządzania serwisami internetowymi.
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.

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ć 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:

  • 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;
  • 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
4320 zł

36 godzin

Intensywny
5040 zł

42 godziny

Program szkolenia:

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

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

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

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

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

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