Szkolenie Web Design przygotowuje do tworzenia stron internetowych. Szkolenie prowadzone jest od podstaw i trwa 150 godzin. Kończy się międzynarodowo uznanym certyfikatem Cambridge University. Najobszerniejsza część szkolenia poświęcona jest Photoshop.
1. Web Designer
Najważniejszą kwestią dla użytkowników stron internetowych jest szybki i nieskomplikowany dostęp
do informacji. Na drugim miejscu, lecz nie mniej ważny jest design i atrakcyjny wygląd strony.
W dzisiejszych czasach zawód Web Designera jest bardo popularny i tendencja ta nie ulegnie zmianie
w najbliższym czasie.
Ilość użytkowników Internetu rośnie, podobnie jak rośnie rola Internetu. Istnieją miliony stron inter-
netowych, które czekają na re design gwarantując pracę dla Web Designerów.
Szkolenie poprzez nowoczesne podejście do nauczania, prace seminaryjne i konsultacje umożliwią
poznanie wszystkich umiejętności potrzebnych do sprawnej pracy nad Web Designem.
2. Web Designer
SZCZEGOŁOWY PLAN ZAJĘĆ KIERUNEK WEB DESIGNER
1. BUDOWA KOMPUTERA · Rodzaje MIME
· Pojęcie, rozwój, rodzaje komputerów · Struktura dokumentu xhtml
· Hardware (układy wejścia, układy wyjścia, pamięć, konektory, · Deklaracje Docype
łączenie komputerów) · Typy dokumentów
· Software (rodzaje wsparcia programowego, systemy opera- · Zastosowanie różnych dokumentów
cyjne, pojęcia software’owskie) · Elementy <html>, <head>, i <body>
· XML deklaracja
1.1. PRACA Z SYSTEMEM OPERACYJNYM Windows XP · Budowa dokumentu HTML
· Części interfejsu Windows (pulpit, okna, ikony, praca z · Elementy prezentacji
myszką i oknami, włączanie i wyłączanie · Markup dokumentu
komputera) · Odcinek nowa linia i tytuł
· Obiekt my computer (organizacja danych na dysku, pojęcie · Dane kontaktowe
mapy, plik, partycje, przegląd treści · Cytaty
dysku, dopasowanie wyglądu okna, przegląd pojemności · Bloki cytatów
dysku) · Cytaty linijne
· Praca z mapami i plikami (Windows Explorer) – kopiowanie, · Listy
przesuwanie, przemianowanie, skróty, · Policzone
przeszukiwanie...) · Niepoliczone
· Recycle bin (kasowanie i odzyskanie plików) · Definicje
· Pasek zadań i przycisk start · Linki
· Praca z akcesoriami (notepad, wordpad, paint, calculator, · Łączenie
czyszczenie dysku, defragmentacja · Adresowanie linków
dysku) · Dostępne połączenie
· Panel sterowania (control panel) – ustawienia komputera · Zaznaczanie zmian dokumentu
· Elementy prezentacyjne
2. WSTĘP DO WEB DESIGN · Elementy do formatowania czcionki
· Czym jest Web design? · <hr>,<pre>,<sup>, i <sub> elementy
· Proces projektowania strony internetowej · Elementy zdania
· Projektowanie dla użytkowników · Intonacja
· Rodzaje i architektura stron · Cytaty i definicje
· Nawigacja- teoria i praktyka · Kodowanie
· Łączenie: tekst, przyciski, ikony, obrazy · Skróty
· Poszukiwanie i design · Obrazy i multimedia
· Mapy, indeksy i inne narzędzia do poruszania się po stronie i · Obrazy x-repeat, y-repeat
ich użycie · CSS background
· Rodzaje stron internetowych i ich organizacja · Obrazy mapy
· Tekst, barwy, obrazy i tło · Obiekty
· Zabezpieczenie interaktywności za pomocą elementów · WEB 2.0
środowiska graficznego · Czym jest CSS?
· Technologie Web i ich wpływ na tworzenie strony Web · Połączenie CSS z HTML
· Wysyłka i utrzymywanie strony Web · Sposób liniowy
· Przyszłość WEB DESIGN · Sposób wewnętrzny
· Podstawowe zasady projektowania strony Web · Sposób zewnętrzny
· Omówienie przykładów stron · Użycie CSS
· Czcionka i barwy · Skład CSS języka
· Historia Internetu · Selektory: tagi, id, class
· XHTML Tag-i i CSS Stile · Grupowanie
· Używanie dokumentów XHTML · Komentarze
· Stylizacja za pomocą CSS
3. JĘZYK Xhtml I JĘZYK CSS · Obrazy tła
· Xhtml Terminologia · Tekst
· Elementy i tag-i · Font
· Atrybuty · Ramy
· Inne terminy · Marginesy wewnętrzne i zewnętrzne
· Linie i elementy · Listy
· Atrybuty Id i klasy · Tablice
· Porównanie XHTML do HTML · Rozmiary
· Różnice pomiędzy XHTML i HTML · Pseudo elementy
· Semantyka/struktura xhtml-u · Pseudo klasy
· Standardy Web · Rozkład elementów HTML za pomocą CSS
3. Web Designer
SZCZEGOŁOWY PLAN ZAJĘĆ KIERUNEK WEB DESIGNER
· Box model · Gamy
· Dostosowywanie strony xhtml · Okna
· Referencje CSS · Rodzaje dokumentów
· Menu cytat
4. DREAMWEAVER CS3 · Organizacja warstw w dokumencie
· Wprowadzenie do Dreamweaver · Narzędzia podstawowe
· Analiza kodów · Narzędzia do selekcji
· Projektowanie · Narzędzia do tekstu
· Skróty · Narzędzia do manipulacji obrazem
· Panele · Zmiana
· Okna dokumentu · Sposób podglądu i szablony barw
· Ustawienia · Głębokość bitów
· Definicja prezentacji Web · Dostosowywanie kolorów
· Tworzenie strony Web · Pędzle
· Wpis tekstu i obrazu · Malowanie cyfrowe
· Formatowanie treści za pomocą CSS · Retusz
· Dodawanie linków · Warstwy
· Łączenie dokumentów · Maski
· Tag Inspector · Root
· Formatowanie kodu HTML i CSS · Filtry
· Tablice · Zastosowanie Photoshop do stron internetowych
· Struktura · Tworzenie interfejsu graficznego strony Web
· Łączenie danych ze stopką · Dostosowywanie grafiki do przeglądarki internetowej
· Ramy tablic
· Stopki tablic 6. ANIMACJE FLASH NA STRONIE INTERNETOWEJ
· Kolor tablicy i kolor tła · Tworzenie filmów w programie Flash
· Wielkość tablicy i porównywanie · Planowanie projektów
· Porównywanie treści w komórce · Środowisko programu Flash
· Skała kolumn · Tworzenie filmu
· Grupowanie tablic · Tworzenie obiektów graficznych do filmu
· Szablony · Dodawanie elementów multimedia
· Tworzenie szablonów · Efekty z tekstem
· Kontrola pola tekstu · Transformacja tekstu i grafiki
· Kontrola przestrzeni tekstu · Zastosowanie koloru i stylu linii na tekst i grafikę
· Przyciski radio · Użycie bibliotek, instancji i symboli graficznych
· Pola wyboru · Dodawanie obrazu i dźwięku do filmu
· Listy opadające · Techniki animacji w programie Flash
· Przyciski do wysyłania i kasowania szablonów · Podstawy animacji
· Inne przyciski · Wykorzystanie obrazów przejściowych do animacji
· Grupowanie pól · Wykorzystanie obrazów przejściowych typu Shape do ani-
· Wysyłanie danych z szablonu macji w programie Flash
· Multimedia · Tworzenie przycisków i odcinków z animacją
· Formaty Audio/Video · Tworzenie animacji interaktywnych
· Audio w dokumencie · Łączenie skryptów z odcinkami, przyciskami i obrazami
· Video w dokumencie · Actionscript
· Efekty specjalne · Test i publikowanie animacji
· Ramy – frames
· Meta data 7. PRACA SEMINARYJNA
· Mikroformaty · Słuchacz szkoleń samodzielnie, korzystając z wiedzy i
· Tworzenie i formatowanie dokumentów za pomocą DIV i CSS umiejętności uzyskanych podczas szkoleń,
· Szablony będzie musiał zaprojektować i zaprezentować kompletną
· Użycie szablonu stronę internetową dla firmy istniejącej lub
· Multimedia fikcyjnej
· Program dodatkowy · Swoją pracą seminaryjną student zaprezetuje zdolności w
· Dynamiczne strony Web obsłudze aplikacji, które codziennie są
· Spry javascript Framework wykorzystywane przez Web designera
· Sprawdzenie zgodności
5. TWORZENIE INTERFEJSU GRAFICZNEGO (PHO-
TOSHOP CS3)
· Zapoznawanie się z interfejsem