Kurs Web Design

cena 5600 zł (netto)

88h (11 dni)

Ścieżka: Tworzenie stron www i aplikacji

Najbliższy termin:


I Etap kursu: 29 listopada – 1 grudnia 2019
II Etap kursu: 19-21 grudnia 2019
III Etap kursu: 20-24 stycznia 2020

Sprawdź inne terminy zapisz się

Kurs Web Design

średnia ocen: 5.0

Kurs Web Design

Kurs Web Design składa się z trzech szkoleń, kolejność ich realizacji zależy od uczestnika:

I Etap: Szkolenie WordPress – moduł I: Profesjonalna strona internetowa z szablonami WordPress + Wstęp do HTML i CSS – 20-24 stycznia 2020.
II Etap: Szkolenie Adobe Illustrator – moduł I – 19-21 grudnia 2019,
III Etap: Szkolenie Adobe Photoshop – moduł I – 29 listopada – 1 grudnia lub 12-14 grudnia 2020.

Naucz się kompleksowego projektowania stron internetowych przy pomocy najpopularniejszych narzędzi tj. Adobe Photoshop, Adobe Illustrator, WordPress.

Projektowanie banerów i nie tylko

W ramach szkolenia Adobe Photoshop poznasz możliwości, jakie daje nam program Photoshop. Poznasz podstawy obróbki i edycji zdjęć. W tym także zmiany kolorystyki, kontrastu, ostrości zdjęcia oraz pracy z warstwami. Odkrycie różnych zastosowań Photoshopa przyda Ci się w konkretnych projektach graficznych tj. banery, które mogą przyciągać na Twoją stronę wielu odbiorców. Trener nauczy Cię również dobrych nawyków, dzięki którym zwiększysz swoją efektywność pracy z programem.

Tworzenie logo

Jednym z najlepszych programów przeznaczonych do projektowania grafik wektorowych np. logo, jest Adobe Illustrator. Jeżeli chciałbyś w przyszłości projektować strony www, na pewno wiedza na temat tego programu okaże się bardzo potrzebna. W trakcie kursu będziesz miał możliwość poznania podstawowych zasobów, jakie oferuje Adobe Illustrator. Co więcej, nauczysz się zasad pracy z obiektami wektorowymi i tworzenia grafik wektorowych.  Zdobędziesz umiejętności tworzenia elementów graficznych, które będziesz mógł umieścić w aplikacji mobilnej lub na stronie www. Po szkoleniu Adobe Illustartor będziesz wiedział, w jaki sposób zaprojektować prostą infografikę, atrakcyjną reklamę, bądź baner internetowy. Dzięki temu Twoja strona będzie jeszcze bardziej przyjemna w odbiorze.

Profesjonalna strona z WordPress

Dopełnieniem kursu jest szkolenie WordPress – moduł I: Profesjonalna strona internetowa z szablonami WordPress + Wstęp do HTML i CSS. Na zajęciach trener szczegółowo omówi zagadnienia związane z systemem CMS WordPress.

System CMS WordPress jest obecnie najpopularniejszym systemem zarządzania treścią realizowanym w ramach Open Source. Jest on wykorzystywany w blisko 25% wszystkich stron w Internecie. Wiele firm korzysta z tego systemu, zatem jego znajomość stwarza duże możliwości związane ze znalezieniem zatrudnienia. Oprócz korzyści finansowych WordPress daje nam sposobność do podzielenia się naszymi pomysłami, budowania społeczności czy podzielenia się z innymi naszą własną historią.

W ramach szkolenia WordPress uczestnicy zapoznają się z technikami instalacji systemu CMS WordPress. Co więcej, nauczą się zarządzania zawartością strony w tym systemie. Po zajęciach będziesz wiedział, w jaki sposób modyfikować i dostosowywać szablony systemu. Dodatkowo, zaczniesz poprawnie używać popularnych wtyczek, które rozbudowują funkcjonalność WordPress’a. Dowiesz się, jak korzystać z dodatkowych narzędzi Google’a i jak zoptymalizować stronę pod kątem wyszukiwarki. Na koniec odkryjesz proces publikacji gotowego serwisu w Internecie.

Zapisz się na kurs Web Design już dziś!

Kurs Web Design daje Ci możliwość nauczenia się pracy z najpopularniejszymi narzędziami tj. Adobe Photoshop, Adobe Illustrator oraz system zarządzania treścią – WordPress. W ramach uczestnictwa odkryjesz różne zastosowania niezbędne do przygotowania profesjonalnego projektu Twojej nowej strony www. Kurs Web Design otworzy przed Tobą drzwi do osiągnięcia kariery w branży IT, jako Web Designer.

Czego się nauczysz

W ramach szkolenia Adobe Photoshop – moduł I:

  • Możliwości, które daje program Adobe Photoshop początkującemu grafikowi
  • Podstaw obróbki i edycji zdjęć: zmiany kolorystyki, kontrastu, ostrości zdjęcia, pracy z warstwami
  • Tajników retuszu: korekcji sylwetki, usuwania elementów (np. pieprzyków, zmarszczek) lub ich dodawania (np. makijaż cyfrowy)
  • Zastosowania Photoshopa w konkretnych projektach graficznych (przy tworzeniu np. logo, bannerów, nadruków, etc.)
  • Dobrych nawyków ułatwiających efektywną pracę z programem, m.in. zapisywania efektów pracy w odpowiednich formatach i ich publikacji w sieci

W ramach szkolenia Adobe Illustrator – moduł I:

  • Wykorzystania podstawowych zasobów programu Adobe Illustrator: pędzli, symboli, próbek, personalizacji ustawień programu i dostosowania do konkretnych zadań
  • Zasad pracy z obiektami wektorowymi, tworzenie grafik wektorowych
  • Przekształcania zdjęć w grafikę wektorową, wykorzystywania grafik bitmapowych w pracy z Illustratorem oraz pracy z różnymi formatami plików: AI, PDF, SVG oraz EPS
  • Tworzenia ikonek oraz elementów graficznych aplikacji mobilnej lub strony WWW
  • Tworzenia infografik, piktogramów, logotypów, reklam, plakatów i banerów internetowych

W ramach szkolenia Szkolenie WordPress – moduł I:

  • Technik instalacji systemu WordPress
  • Zarządzania zawartością strony w WordPress
  • Modyfikacji i dostosowywania szablonów systemu
  • Poprawnego użycia popularnych wtyczek, rozbudowujących funkcjonalności WordPress’a
  • Optymalizacji strony pod wyszukiwarki
  • Wykorzystaniu dodatkowych narzędzi Google
  • Publikacją gotowego serwisu w Internecie

Dla kogo jest to szkolenie?

Kurs Web Design jest skierowany do osób, które chciałyby się nauczyć projektowania stron przy wykorzystaniu narzędzi tj. Adobe Photoshop, Adobe Illustrator, WordPress.

Czego oczekujemy?

Znajomość obsługi komputera oraz platformy PC lub MacOS.

Program szczegółowy

Kurs Web Design składa się z trzech szkoleń:

Szkolenie Photoshop – moduł I

Informacje ogólne

  • Porównanie różnych wersji programu
  • Możliwości Adobe Creative Cloud
  • Personalizacja
  • Narzędzia i palety
  • Podstawowe skróty klawiaturowe

Grafika bitmapowa

  • Podstawowe informacje o grafice bitmapowej, jej zalety i wady
  • Porównanie grafik bitmapowych i wektorowych
  • Analiza parametrów: wielkość obrazu, rozdzielczość, głębia bitowa
  • Tryby definiowania kolorów RGB, CMYK, Lab

Formaty i zastosowanie plików graficznych

  • Podstawowe formaty graficzne
  • Sposoby wykorzystywania grafik
  • Zastosowanie przezroczystości

Adobe Bridge

  • Przeglądanie plików graficznych
  • Sortowanie, filtrowanie i wyszukiwanie zdjęć

Tworzenie nowych dokumentów i otwieranie zdjęć

  • Rodzaje dokumentów
  • Ustawienia nowego dokumentu
  • Zarządzanie wielkością obszaru roboczego
  • Zarządzanie wielkością i rozdzielczością obrazu
  • Tryby koloru

Malowanie w Adobe Photoshop

  • Pędzel i ołówek – podstawowe informacje
  • Dobór wielkości, kształtu i typu pędzla
  • Opcje narzędzi

Podstawowe techniki retuszu

  • Usuwanie plamek, przebarwień i innych artefaktów
  • Usuwanie drobnych detali
  • Usuwanie większych elementów obrazu
  • Usuwanie piegów, zmarszczek i znamion
  • Narzędzia korygujące i stempel
  • Technologia Content Aware

Zaznaczanie i edycja zaznaczenia wybranych obszarów obrazu

  • Podstawowe narzędzia selekcji (Marquee, Lasso, Quick Selection) i konfiguracja opcji
  • Rozszerzanie, pomniejszanie, podstawowa edycja zaznaczenia
  • Panel Refine Edge (do poprawiania kształtu zaznaczenia)
  • Inne narzędzia edycji zaznaczenia i inne techniki zaznaczania

Zaznaczenie automatyczne

  • Różdżka magiczna
  • Polecenia Select Similar oraz Grow (Zaznacz Podobne oraz Powiększ)
  • Panel Color Range (Zakres koloru)

Zaawansowane techniki retuszu

  • Określanie celów retuszu i dobór odpowiednich narzędzi
  • Opcje narzędzi

Wygładzanie skóry

  • Narzędzia retuszu skóry
  • Filtry wygładzające
  • Techniki korekcji cery

Korekcja sylwetki i ciała

  • Narzędzia edycji ciała i mięśni
  • Korekcja sylwetki
  • Modyfikacja rysów twarzy

Warstwy – tworzenie i edycja

  • Tworzenie prostych fotomontaży z użyciem warstw
  • Dodawanie efektów (style warstw)
  • Kopiowanie i ustalanie opcji warstw
  • Kopiowanie i zaznaczanie warstw
  • Skalowanie i obracanie wybranych fragmentów obrazu
  • Zniekształcanie warstwy
  • Tworzenie cieni i podcieni
  • Edycja kształtu i opcje cienia
  • Skalowanie z użyciem siatki

Tworzenie wizualizacji reklamowych

  • Nadruki na kubkach, czapkach i koszulkach
  • Wizualizacje na ekranie telefonu, komputera czy tabletu

Quick Mask – opcja szybkiej maski

  • Tworzenie i edycja złożonych selekcji
  • Wycinanie z tła różnorodnych kształtów
  • Zmiana tła i dodawanie cieni, lustrzanych odbić i innych efektów

Narzędzia jasności i kontrastu

  • Praca z ciemnymi zdjęciami
  • Praca z narzędziem Curves (Krzywe)
  • Wykorzystanie panelu Shadows/Hightlights (Cienie /Podświetlenia)
  • Zastosowanie esowatej krzywej kontrastu do poprawy ostrości i kontrastu zdjęć

Narzędzia edycji barw

  • Zarządzanie intensywnością kolorów
  • Dobieranie i zmienianie kolorów
  • Usuwanie przebarwień
  • Cyfrowy makijaż
  • Narzędzia Hue/Saturation (Barwa/Nasycenie), Selective Color (Kolor Selektywny), Replace Color (Zastąp Kolor), Color Balance (Balance kolorów) i ich zastosowanie w edycji kolorystyki zdjęć
  • Zasady korekcji wybiórczej z użyciem Quick Mask i zaznaczenia

Maski warstw

  • Zasady użycia i ich dodawanie
  • Montaże z użyciem masek i warstw
  • Retusz, edycja kolorów i efekty specjalne z użyciem maski

Montaże z użyciem masek

  • Dobór fryzury
  • Dobór zarostu, tatuaży, innych efektów wizualnych
  • Projekty z użyciem masek, warstw i trybów mieszania kolorów

Style warstw i efekty specjalne

  • Cienie, cienie wewnętrzne
  • Rozbłyski
  • Dobór i edycja efektów

Zmiana ostrości

  • Podstawowe techniki sterowania ostrością
  • Wyostrzanie zdjęć

Dodawanie treści

  • Wprowadzanie, formatowanie, edycja tekstu
  • Tworzenie bannerów reklamowych z użyciem masek, tekstów i warstw

Publikacja grafik

  • Dobór odpowiedniego formatu
  • Przygotowanie do publikacji w Internecie


Szkolenie Adobe Illustrator – moduł I

informacje ogólne

  • Porównanie różnych wersji programu
  • Adobe Creative Cloud
  • Preferencje ogólne
  • Narzędzia i palety
  • Podstawowe skróty klawiaturowe

Grafika wektorowa

  • Zalety i wady grafiki wektorowej
  • Grafika wektorowa a zdjęcia
  • Narzędzia do pracy z grafiką wektorową

Tworzenie nowego dokumentu

  • Rodzaje dokumentów
  • Definiowanie obszaru roboczego
  • Zarządzanie wielkością obszaru roboczego
  • Tryby koloru

Rysowanie prostych figur wektorowych

  • Podstawowe kształty wektorowe
  • Kwadraty, prostokąty, wieloboki i gwiazdy
  • Precyzyjne tworzenie wybranych kształtów
  • Opcje figur i ścieżek

Zarządzanie wielkością i kolorem obiektów

  • Zaznaczanie i skalowanie ścieżek
  • Obracanie obiektów
  • Dodawanie koloru wypełnienia i obrysu
  • Zarządzanie obrysem i opcje obrysów
  • Dobór kolorów
  • Opcje podglądu dokumentu

Grupowanie obiektów

  • Zaznaczanie, kopiowanie i grupowanie obiektów
  • Edycja elementów grupy

Skuteczne sposoby zaznaczania

  • Narzędzia zaznaczania
  • Czarna strzałka, biała strzałka, lasso
  • Opcje narzędzi zaznaczania
  • Skuteczne techniki zaznaczania

Sposoby łączenia i dzielenia ścieżek

  • Shape Builder (Generator kształtów)
  • Łączenie obiektów wektorowych
  • Tworzenie ścieżek o nieregularnym kształcie

Budowanie logotypów i piktogramów

  • Tworzenie logotypów z pomocą narzędzi łączenia i dzielenia ścieżek
  • Budowanie złożonych kształtów wektorowych na bazie prostych figur geometrycznych
  • Tworzenie piktogramów informacyjnych
  • Budowanie ikon programów komputerowych

Narzędzie ołówek

  • Rysowanie kształtów wektorowych
  • Opcje ołówka
  • Rysowanie i wygładzanie ścieżek
  • Łączenie ścieżek

Wykorzystanie pędzli do tworzenia wektorowych ilustracji

  • Rodzaje pędzli
  • Malowanie z użyciem różnych typów pędzla
  • Biblioteki pędzli
  • Tworzenie własnych pędzli
  • Wykorzystanie pędzli do tworzenia ilustracji

Wektorowe przekształcenia – tajniki transformacji ścieżek

  • Zaawansowane narzędzia skalowania
  • Obracanie i pochylanie ścieżek
  • Inne przekształcenia
  • Powtarzanie podobnych działań

Tworzenie przejść i rozmieszczanie obiektów

  • Narzędzie tworzenia przejść – Blend
  • Tworzenie różnorodnych przejść
  • Rozmieszczanie obiektów
  • Sposoby rozmieszczania i wyrównywania obiektów

Praca z kolorem

  • Rodzaje kolorów w programie Illustrator
  • Tworzenie i modyfikacja kolorów
  • Biblioteki kolorów
  • Adobe Color

Wykorzystanie symboli

  • Używanie symboli
  • Edycja symboli
  • Zarządzanie symbolami
  • Narzędzia pracy z symbolami
  • Tworzenie własnych symboli
  • Biblioteki symboli

Maski

  • Dodawanie masek wektorowych
  • Edycja maski oraz jej zawartości

Zasady pracy ze zdjęciami i grafiką bitmapową

  • Importowanie zdjęć i grafik bitmapowych
  • Zasady importu, dobór rozmiaru, rozdzielczości i tryb koloru
  • Zarządzanie elementami bitmapowymi

Wektoryzowanie zdjęć

  • Przekształcanie zdjęć i obrazów w grafikę wektorową
  • Zasady wektoryzacji
  • Wybór ustawień i opcji
  • Wykorzystanie wektoryzowanych plików w praktycznych przykładach
  • Tworzenie ikonek internetowych

Wprowadzanie tekstu

  • Różne rodzaje tekstów
  • Dodawanie tekstu
  • Zmiana tekstu na krzywe

Edycja tekstu

  • Parametry typograficzne
  • Zasady edycji tekstu
  • Przelewanie tekstów

Złożone projekty graficzne

  • Budowanie złożonych projektów graficznych z użyciem zdjęć, tekstów i grafiki wektorowej
  • Tworzenie plakatów i reklam
  • Projektowanie ulotek i banerów reklamowych

Zasady użycia efektów

  • Podstawowe zasady użycia efektów
  • Dodawanie i edycja efektów
  • Zarządzanie efektami

Zapis plików projektowych

  • Formaty zapisu
  • Tworzenie plików PDF
  • Zapis elementów SVG
  • Przygotowanie plików do pracy z innymi grafikami


Szkolenie WordPress – moduł I: Profesjonalna strona internetowa z szablonami WordPress + Wstęp do HTML i CSS

Wprowadzenie

  • Zasady projektowania i tworzenia serwisów internetowych
  • rozpoznanie potrzeb Klienta
  • wybór odpowiedniej technologii
  • przygotowanie struktury serwisu
  • omówienie układu strony internetowej
  • struktura strony internetowej
  • wprowadzenie do Responsive Web Design
  • wybór domeny
  • wybór hostingu – na jakie elementy należy zwrócić uwagę

Standardy budowy stron WWW

  • typy dokumentów HTML
  • HTML4 i HTML5
  • CSS
  • Rozdzielczości
  • Grid system
  • Kolory

Podstawowe elementy strony WWW

  • tekst
  • grafika
  • style CSS
  • biblioteki JavaScript
  • PDF
  • wideo i muzyka

Wprowadzenie do optymalizacji strony www

  • Najważniejsze informacje o stronach internetowych
  • Przyjazna struktura strony internetowej

Popularne systemy zarządzania treścią – WordPress, Joomla, Drupal …

  • Wykorzystanie projektów Open Source przy tworzeniu strony www
  • Wady i zalety popularnych systemów CMS
  • Wady i zalety WordPress’a

Wymagania oraz instalacja systemu WordPress

  • Sposoby instalacji WordPress’a – localhost / hosting
  • Konfiguracja serwera lokalnego
  • Przygotowanie bazy danych MySQL
  • Plik konfiguracyjny wp-config

 Przegląd interfejsu oraz ustawień w WordPress

  • Dostosowanie wyglądu kokpitu
  • Aktualizacje systemu oraz wtyczek
  • Opcje ekranu

Tworzenie zawartości serwisu

  • Dodawanie stron
  • Dodawanie kategorii oraz wpisów
  • Własne szablony stron, wpisów oraz kategorii
  • Osadzanie Google maps
  • Formularz kontaktowy
  • Tworzenie własnego menu oraz integracja z szablonem oraz widgetami
  • tworzenie struktury menu
  • zarządzania typami menu
  • osadzanie menu w szablonie strony

Dodawanie widgetów oraz ich integracja z szablonami

  • Przydatne wtyczki
  • Dostosowanie wyglądu

Interfejs programu Adobe Dreamweaver

  • okna i palety programu
  • dopasowanie ekranu roboczego do własnych potrzeb
  • tworzenie własnych skrótów klawiaturowych

 Integracja z Adobe Dreamweaver

  • Konfiguracja Adobe Dreamweaver
  • Widok kodu i projektu
  • Live Code

 Formatowanie strony i edycja układu strony w oparciu o style CSS

  • wykorzystanie różnorodnych selektorów CSS
  • zasady dziedziczenia
  • hierarchia stylów
  • użycie zaawansowanych właściwości CSS do formatowania elementów strony i jej układu

 Zarządzanie i edycja wyglądu szablonu strony

  • header.php
  • footer.php
  • index.php
  • category.php
  • sidebar.php
  • page.php / single.php
  • function.php
  • style.css i inne

 Wykorzystanie multimediów na stronie

  • Audio
  • Wideo
  • Integracja z serwisami: YouTube, Vimeo, Dailymotion, SoundCloud i inne

 Instalacja i przegląd wtyczek

  • Galeria zdjęć
  • Multimedia
  • Formularze kontaktowe
  • Slider
  • Accordiony oraz taby
  • Social media
  • SEO
  • Wersje językowe

Administracja WordPress

  • Ustawienia
  • Bezpośrednie odnośniki
  • Zarządzanie użytkownikami

 Publikowanie strony na serwerze

  • Eksportowanie i importowanie serwisu
  • Zabezpieczenia systemu WordPress
  • Kopia bezpieczeństwa

Indeksacja strony www w wyszukiwarce Google

  • Optymalizacja strony pod wyszukiwarki
  • Struktura strony, nagłówki, multimedia, treść
  • Dodatkowe wtyczki wspomagające indeksację strony

Integracja z Google Analytics – statystyki

Narzędzia Google dla webmasterów

Tips & Triks

Nasi trenerzy

Paweł Zakrzewski

Wybitny fachowiec w dziedzinie szkoleń komputerowych dotyczących oprogramowania firmy Adobe o czym świadczyć może jego długoletnia kariera zawodowa – ponad 15 lat udokumentowanej pracy w charakterze wykładowcy.

dowiedz się więcej
o tym wykładowcy
Robert Jarzębiński

Uznany wykładowca, od ponad 17 lat prowadzi szkolenia, w kraju i za granicą. Specjalizuje się w zakresie DTP, grafiki komputerowej oraz składu wielostronicowego a także projekty na urządzenia mobilne.

 

dowiedz się więcej
o tym wykładowcy
Marcin Bober

Marcin Bober. Prowadzi szkolenia z zakresu budowania i optymalizacji serwisów www i aplikacji mobilnych. W pracy dydaktycznej duży nacisk kładzie na przygotowanie słuchaczy do samodzielnej pracy i tworzenia własnych kreatywnych rozwiązań.

dowiedz się więcej
o tym wykładowcy
Jarek Foltman

Specjalista DTP z bardzo dużym doświadczeniem w projektowaniu graficznym, składzie i przygotowania do druku.

dowiedz się więcej
o tym wykładowcy

Standard szkolenia

Jedyny w Polsce
Autoryzowany Ośrodek Szkoleniowy
Adobe i Maxon

Certyfikowani wykładowcy - praktycy

Najnowsze oprogramowanie i samodzielne stanowisko komputerowe PC/MAC

Certyfikat i materiały szkoleniowe

Małe, kameralne grupy szkoleniowe

Pyszny obiad i kawa

Opinie z ankiet po szkoleniu

Kapitalne podejście do tematu

- Radosław P.

Bardzo mi się podobało. Kurs pomógł mi rozwinąć swoje umiejętności.

- Leszek C.

Fajne, małe grupy, można zadawać pytania, jest ok. Mogę polecić.

- Ilona C.

Czcesz zapytać o coś przed zakupem?
Napisz do nas na szkolenia@itmedia.pl

lub zadzwoń pod numer

22 678 38 87

System rozwoju w Akademii IT Media:

Kończąc to szkolenie
zyskujesz rangę
Specjalista

Co otrzymuję jako Specjalista:

  • Materiały szkoleniowe
  • Zniżki na oprogramowanie Adobe i tablety Wacom
  • Newsletter z materiałami rozwojowymi
  • Zaproszenia na bezpłatne
    Dni Otwarte w IT Media
  • Komplet filmów tutorialowych na Start (Photoshop, Illustrator, InDesign, Premiere Pro, After Effects)

dowiedz się więcej