PROGRAM SZKOLENIA WRAZ Z HARMONOGRAMEM CZASOWO-MERYTORYCZNYM SZKOLENIA. Nazwa szkolenia Tworzenie stron www wraz z projektowaniem graficznym.

Transkrypt

1 Nr sprawy: 18/2012 Umowy Załącznik nr 2 do... (pieczątka instytucji szkoleniowej) PROGRAM SZKOLENIA WRAZ Z HARMONOGRAMEM CZASOWO-MERYTORYCZNYM SZKOLENIA MA BYĆ SPORZĄDZONY WG PONIŻSZEGO WZORU: Nazwa szkolenia Tworzenie stron www wraz z projektowaniem graficznym. Czas trwania i sposób organizacji szkolenia Czas trwania szkolenia 40 dni szkoleniowych, każdy po 5 godzin zegarowych. Zajęcia będą realizowane w godzinach Liczba przerw: 2 każdego dnia szkoleniowego. Liczba godzin teoretycznych: 32. Liczba godzin praktycznych: 168. Wymagania wstępne dla uczestników szkolenia Podstawowa znajomość obsługi systemu operacyjnego. Znajomość metod archiwizacji danych oraz operacji na danych. Umiejętność posługiwania się narzędziami internetowymi: , przeglądarka internetowa. Cele szkolenia Kurs przygotowuje uczestników do samodzielnej kreacji projektów graficznych na potrzeby witryn internetowych poprzez opanowanie zasad poprawnej kompozycji na potrzeby serwisów internetowych, swobody w kreacji graficznej projektów stron internetowych oraz umiejętności optymalizacji grafiki dla serwisów internetowych; - opanowanie umiejętności związanych z projektowaniem stron internetowych oraz obsługą programów służących do projektowania stron www, takich jak m.in. Adobe Dreamweaver, Adobe Flash, oraz zapoznana się z funkcjami takich programów graficznych jak: CorelDraw, Adobe Photoshop, Adobe Illustrator, Adobe InDesign; - uczestnicy szkolenia potrafią skonstruować samodzielnie rozbudowaną, ciekawą graficznie i funkcjonalną witrynę internetową.

2 Wykaz literatury oraz niezbędnych środków i materiałów dydaktycznych wykorzystywanych podczas szkolenia 1. #2 The Smashing Book. Edycja Polska. Helion Adobe Creative Team, Adobe Dreamweaver CS5/CS5 PL. Oficjalny podręcznik, Helion 2011/12 3. Phil Ballard, Michael Moncur Ajax, JavaScript i PHP. Intensywny trening, Helion Elaine Weinmann, Peter Lourekas, Po prostu Photoshop CS5/CS5 PL, Helion Adobe Creative Team, Adobe InDesign CS5/CS5 PL. Oficjalny podręcznik, Helion 2011/12 6. Adobe Creative Team, Adobe Illustrator CS5/CS5 PL. Oficjalny podręcznik, Helion 2011/12 7. Adobe Creative Team, Adobe Flash Proffesional CS5/CS5 PL. Oficjalny podręcznik, Helion 2011/12 8. Witold Wrotek, CorelDRAW Graphics Suite X5 PL, Helion 2011 Sposób sprawdzania efektów szkolenia Realizacja dużego projektu graficzno-webowego: złożonej strony www ocena projektu Sprawdzian wiadomości z zakresu szkolenia. Program szkolenia wraz z harmonogramem czasowo-merytorycznym Dzień Liczba godzin Tematy zajęć Treści szkolenia w zakresie poszczególnych szkolenia zegarowych edukacyjnych, zajęć edukacyjnych ze wskazaniem na teorię i praktykę 1 dzień 5 Teoria: Wstęp do projektowania stron www 2 dzień 5 Teoria: Podstawy języka HTML, Podstawy obsługi Struktura strony www. Architektura klient serwer. Podstawy języków programowania stron www. Oprogramowanie wspomagające projektowanie i tworzenie stron www. Elementy języka HTML oraz PHP. Przygotowanie struktury site'a na dysku lokalnym w programie Dreamweaver.

3 i konfiguracji programu Adobe Dreamweaver Praktyka: Obsługa i konfiguracja programu Adobe Dreamweaver 3 dzień 5 Teoria: formatowanie tekstu, tabele, ramki w HTML Praktyka: ćwiczenia w użyciu znaczników języka HTML 4 dzień 5 Teoria: Formularze w HTML Praktyka: Budowa formularzy w HTML 5 dzień 5 Teoria: Zaawansowane technologie formatowania tekstu. Praktyka: Pliki CSS - zastosowanie 6 dzień 5 Teoria: Język XML Praktyka: Tworzenie prostych struktur języka XML Katalogi i inne elementy strony. Podstawy języka HTML: znaczniki formatujące, tabele, ramki, obiekty. Opis opcji narzędziowych oraz konfiguracyjnych programu Adobe Dreamweaver. Przygotowanie do pracy z programem. Wykonanie prostych projektów stron. Umieszczanie i formatowanie tekstu na stronie internetowej Umieszczanie obrazków na stronie internetowej Wykonywanie połączeń na stronach internetowych Stosowanie tabel w budowie stron internetowych Elementy standardu HTML 5 Projektowanie i budowa formularzy w formacie HTML. Obsługa formularzy po stronie serwera. Skrypty w językach Ajax i PHP. CSS w wersji 2 oraz 3. Formatowanie strony www za pomocą CSS wewnętrznego oraz zewnętrznego. Użycie metadanych w zbiorach CSS. Budowa źródeł danych. Tworzenie i użycie plików XML. Deklaracja i definicja DTD. DTD wewnętrzne i zewnętrzne. Model zawartości składników dokumentu. Deklaracja elementów. Deklaracja atrybutów. Wbudowane typy danych XML Schema Typy danych użytkownika Aspekty wymuszające Składacze sequence, choice i all Określanie wystąpień atrybutów

4 7 dzień 5 Praktyka: Język XML i bazy danych 8 dzień 5 Teoria: Wstęp do JavaScript Praktyka: Pisanie prostych skryptów js. 9 dzień 5 Praktyka: Programowanie w języku JavaScript 10 dzień 5 Praktyczne: Wykonanie projektu strony www 11 dzień 5 Teoria:Podstawy grafiki wektorowej. Obsługa programu Corel Draw. Modele i palety kolorów Praktyka: Użytkowanie programu Coral Draw 12 dzień 5 Praktyka: praca z obiektami wektorowymi. Linia i wypełnienie Transformacje dokumentu XML - standard XSLT: Szablony transformacji, Dopasowywanie szablonów Typy dokumentów wynikowych, Zmienne i parametry, Wyrażenia warunkowe, Pętle, Sortowanie Zmienne, operatory, podstawowe elementy języka. Instrukcje algorytmiczne. Obiekty wbudowane w język. DHTML. Ajax Zastosowanie plików js. Operowanie na źródłach danych. Parsery typu DOM. Zastosowanie js z elementami Ajax i Dom. Wykonanie poprawnej strukturalnie strony www użyciem stylów CSS oraz języka JavaScript, w pełni poprawnej strukturalnie Omówienie grafiki wektorowej oraz programu Corel Draw. Tworzenie prostych obiektów graficznych. Rodzaje wypełnień: - wypełnienie jednolite - wypełnienie tonalne - wypełnienie deseniem - wypełnienie teksturą - wypełnienie PostScriptowe - wypełnienie narzędziem - wypełnienie interaktywne Rodzaje obrysu właściwości Duplikowanie obiektów Klonowanie obiektów Usuwanie obiektu Rozdzielanie i łączenie linii

5 13 dzień 5 Praktyka: Transformacje obiektów, efekty. Praca z tekstem. 14 dzień 5 Praktyka: Praca z użyciem warstw, zaawansowane narzędzia 15 dzień 5 Praktyka: Publikacja projektów na stronie www i do druku, formaty kompresji obrazu 16 dzień 5 Praktyka: Wykonanie projektu grafiki rastrowej dla strony www 17 dzień 5 Teoria: Podstawy pracy z grafiką rastrową. Praktyka: Konfiguracja i narzędzia programu Adobe Photoshop. Praca z programem Bridge. Krzywe Beziera - praca z węzłami - narzędzie - nóż - narzędzie - gumka - narzędzie - pisak Wyrównanie i rozkład obiektów Łączenie obiektów Głębia, metamorfoza Transformacje i efekty Tekst ozdobny i tekst akapitowy Określanie właściwości tekstu Dzielenie tesktu na łamy Oblewanie tekstem Wypełnienie tekstem rozmieszczanie obiektów (linijki, siatka, prowadnice) grupowanie, kopiowanie, aranżacja obiektów kształtowanie (Spawaj, Przytnij i inne) menedżer obiektów kadrowanie Cechy warstwy praca z warstwami Parametry grafiki dla stron www. Publikowanie projektu. Zaawansowane elementy programu Corel. Wykonanie projektu graficznego z pomocą programu Corel Draw i publikowanie go na stronie www optymalne ustawienia preferencji programu ustawienia Color Settings grafika bitmapowa i wektorowa rozdzielczość obrazu wielkość obrazu

6 głębia bitowa formaty zapisu przegląd podstawowych palet, menu i narzędzi programu Adobe Photoshop Program Bridge - przeglądanie grafiki wyszukiwanie sortowanie i filtrowania ocena i katalogowanie 18 dzień 5 Praktyka: Parametry obrazu. Narzędzia malarskie. Praca z Tekstem podstawowe narzędzia do rysowania i malowania opcje i właściwości narzędzi malarskich pędzel historii tworzenie i edycja przejść tonalnych gradientów Użycie tabletu - opcje tabletu i pędzla wykorzystanie czułości pióra do malowania 19 dzień 5 Praktyka: Retusz fotografii cyfrowej. Rodzaje zaznaczeń. Korekcja perspektywy i kolorów. tworzenie zaznaczenia edycja zaznaczenia narzędzia: Lasso Tool, Quick Selection, Magic Wand i ich opcje inne narzędzia zaznaczania: Color Range, Marquee i ich opcje filtr Extract Magic Eraser Tool zaawansowane metody użycia narzędzi Lasso, Quick Selection oraz Magic Wand oraz ich opcji do wycinania obiektów z tła narzędzia edycji zaznaczenia zawężanie, powiększanie obszaru selekcji przekształcenia obszaru zaznaczenia praca z narzędziem Refine Edges wykorzystanie narzędzia Clone Stamp do usuwania artefaktów i defektów usuwanie niechcianych detali opcje narzędzia Clone Stamp

7 usuwanie drobnych defektów (pieprzyki, znamiona, pryszcze) usuwanie zmarszczek, przebarwień i odmładzanie 20 dzień 5 Praktyka: Zaawansowane techniki obróbki kolorów i obrazu. opcje narzędzia Quick Mask Tool tworzenia selekcji za pomocą szybkiej maski edycja zaznaczenia praca z tabletem i piórem czułym na nacisk tworzenie siatki perspektywy retusz z zachowaniem perspektywy montaże z wykorzystaniem narzędzia Vanishing Point wyostrzanie usuwanie szumów wygładzanie skóry i usuwanie artefaktów usuwanie zniekształceń obiektywu (winietowanie, korekta perspektywy, prostowanie zdjęć) korekta niedoświetlonych zdjęć korekta kontrastu korekta kolorów edycja i zastępowanie kolorów zasady użycia masek warstw przykłady wykorzystania masek maski do tworzenia montaży i fotomontaży paleta Adjustments przegląd narzędzi korekcyjnych przykłady użycia narzędzi korekcyjnych warstwy dopasowania maski na warstwach korekcyjnych korekta za pomocą kanałów korekta zdjęć w trybie Lab esowata krzywa kontrastu zasady korekty obrazu w oparciu o liczby poprawa balansu bieli

8 21 dzień 5 Praktyka: Budowa Layoutu strony www i sposób publikacji. Animacje 22 dzień 5 Praktyka: Wykonanie projektu 23 dzień 5 Teoria: Wstęp do pracy z programem Adobe Illustrator Praktyka: Realizacja prostego projektu wektorowego. zaawansowane sposoby naprawy nieudanych zdjęć kopiowanie warstw wykorzystanie narzędzia Free Transform skalowanie, rozciąganie, obracanie przekształcenia w trybie Wrap mode montaże z użyciem przekształceń Budowa pełnego Layoutu z konstrukcją strony www włącznie. Publikacja Layuotu. Wykonanie projektu Layoutu strony www w programie Photoshop opcje w oknie New Document tryb koloru pozostałe ustawienia użycie podstawowych figur geometrycznych do tworzenie ścieżek zaznaczanie obiektów opcje narzędzi skalowanie obracanie za pomocą funkcji Boundig Box użycie narzędzia Free Transform wygodne skrótu klawiaturowe i triki 24 dzień 5 Praktyka: Tworzenie i edycja obiektów wektorowych. Wypełnienia i modyfikacje kształtu. grupowanie i blokowanie obiektów praca z grupą obiektów rozgrupowanie i odblokowanie obiektów zasady zaznaczania sposoby poprawnego zaznaczanie wybranych elementów narzędzia zaznaczania edycja i zaznaczanie ścieżek za pomocą narzędzia Direct Selection Tool edycja węzłów opcje węzłów edycja grupy łączenie ścieżek otwartych wykorzystanie narzędzi Knife Tool oraz

9 25 dzień 5 Praktyka: Narzędzia tekstu. Efekty i stylizacja. 26 dzień 5 Praktyka: Obiekty 3D. Przekształcenie obiektów rastrowych w wektorowe. 27 dzień 5 Teoria: Porównanie pracy w programach Corel Draw i Adobe Illustrator. Praktyka: Przygotowanie i publikacja rysunków 28 dzień 5 Praktyka: Wykonanie projektu grafiki wektorowej dla strony www Scissors Tool zasady użycia palety Pathfinder wykorzystanie narzędzi łączenia, dzielenie ścieżek do budowy złożonych obiektów wykorzystanie polecenia Expand zalety i ograniczenia tworzenie złożonych kształtów dzięki użyciu palety Pahtfinder rodzaje tekstów dodawanie i edycja tekstu import tekstów i opcje importu podstawowe formatowanie tekstu i akapitów opcje ramki tekstowej tekst na ścieżce zamiana tekstu na krzywe tworzenie prostych dokumentów (znaczek okolicznościowy, ulotka, raklama) szybka zmiana kolorów dokumentu edycja i dopasowanie kolorów wybór właściwego zestawu kolorów tworzenie prostych obiektów 3D za pomocą efektów zasady użycia efektów paleta Appereance i edycja efektów przykłady użycia efektów ograniczenia w stosowaniu efektów Analiza przypadków projekty graficzne w programach Corel Draw oraz Adobe Illustrator, Współpraca poimiędzy programami Adobe Photoshop i Adobe Illustrator Wykonanie projektu łączącego ze sobą elementy wektorowe i bitmapowe oraz osadzenie go jako składowej strony www

10 29 dzień 5 Teoria: Praktyka: Obsługa i konfiguracja programu Adobe InDesign Praktyka: Proste projekty w Adobe InDesign 30 dzień 5 Praktyka: Elementy strony i wzorce, Tekst i typografia 31 dzień 5 Praktyka: Obiekty graficzne, tabele i skrypty Przykłady projektów analiza przypadków. Tworzenie prostych projektów w Adobe InDesign niestandardowe rozmiary strony zarządzanie stronami wzorcowymi ustawienie struktury stron wzorcowych ustawienia linii bazowych tekstu sekcje w dokumencie i numeracja nowy panel Warstwy wzorce dokumentów przeformatowania dokumentów precyzyjne formatowanie znaków style znakowe funkcje czcionek OpenType style akapitowe lokalne ustawienia linii bazowych tekstu ustawienia dzielenia i przenoszenia wyrazów automatyczne wypunktowanie i numeracja style zagnieżdżone przypisy tekst na ścieżkach zamiana tekstu na krzywe odsyłacze hyperlinki teksty warunkowy Conditional Text importowane pliki zalety i wady formatów współpraca z innymi programami Adobe grafiki zakotwiczone w ramkach tekstowych efekty aktywnego narożnika narzędzie Odstęp

11 32 dzień 5 Praktyka: Zaawansowane opcje programu Adobe InDesign rysowanie i kopiowanie wielu ramek na siatce efekty do obiektów akapity obejmujące wiele łamów lub je dzielących zrównoważone kolumny opcje elementów interaktywnych style obiektów ustawienia uproszczone przekształcenia aktywne podpisy tabele złożone style komórek style tabeli Funkcje wyszukiwania i zamiany: wyszukiwanie i zamiana tekstu wyszukiwanie obiektów opcje wyszukiwania wg. wzorca GREP i Glyph dodawanie skryptów wymagania programowe etykiety skryptów język skryptów konsolidacja danych zewnętrznych edytor tekstowy sprawdzanie pracy Preflight podgląd spłaszczania przezroczystości podgląd nadrukowań podgląd rozbarwień parametry zalewkowania eksport do formatu PDF ustawienia dla standardów PDF/X przygotowanie plików postscriptowych eksport do formatu EPS sprawdzanie plików PDF w programie Adobe Acrobat Professional możliwości poprawek w Adobe Acrobat Professional

12 33 dzień 5 Praktyka: Wykonanie projektu 34 dzień 5 Teoria: Praca z programem Adobe Flash. Praktyka: Konfigurowanie programu. Obiekty graficzne we Flashu 35 dzień 5 Praktyka: Symbole i ich użycie w projekcie, Animacja i metody tworzenia Animacji, Przygotowanie pokazu. 36 dzień 5 Praktyka: Użycie dźwięków i video filmie. Transformacje obiektów ważne informacje dla użytkowników Adobe Reader Wykonanie projektów z zakresu projektu wizualnego strony dla wybranego urządzenia stacjonarnego bądź mobilnego. Konfiguracja programu Narzędzia Flasha Ustawienia dokumentu Tworzenie prostych kształtów wektorowych Edycja obiektów wektorowych Import plików graficznych Rodzaje tekstów Wprowadzanie i formatowanie tekstów statycznych Transformacje i przekształcenia obiektów Użycie funkcji Break Apart Symbole Tworzenie i edycja symboli Efekty i filtry Przekształcenia 3D i Vanishing Point Praca z narzędziem Deco Tool, Brush oraz Spry Brush Tool Maski wektorowe Zasady tworzenia animacji Tworzenie animacji typu Motion Tween Tworzenie animacji typu Classic Tween Animacje z użyciem masek Animacje po ścieżce, edycja ścieżki Użycie funkcji Break Apart do tworzenie animacji Tworzenie banerów internetowych i reklam Motion Editor edycja animacji typu Motion Tween Dodawanie efektów typu Easing Osadzanie obiektów typu dźwiękowego preferencje dźwięku Obiekty video.

13 37 dzień 5 Praktyka: Animacje 3D. Tworzenie obiektów interaktywnych 38 dzień 5 Teoria: Elementy ActionScript Praktyka: pisanie elementów ActionScript 39 dzień 5 Praktyka: Wykonanie projektu połączenie elementów grafiki, struktur stron oraz struktur danych 40 dzień 5 Egzamin, podsumowanie projektu Animacja efektów i filtrów animowanie efektów i przekształceń Animacje 3D Praca z narzędziem Bone Tool i kinematyka odwrotna Animacje z użyciem kości i kinematyki odwrotnej Zasady tworzenia dokumentów interaktywnych ActionScript 3.0 a ActionScript 2.0 ActionScript 2.0 w praktyce Tworzenie prostych reklam interaktywnych z użyciem języka AS 3.0 Tworzenie interaktywnej galerii zdjęć (lub panoramy) za pomocą AS 3.0 Tworzenie projektów interaktywnych z użyciem możliwości 3D (AS 3.0) Praca z komponentami i ActionScript 3.0 Tworzenie strony WWW z użyciem komponentów (AS 3.0) Ładowanie zewnętrznych danych tekstowych do prezentacji Flash (AS 3.0) Ładowanie zewnętrznych zdjęć i plików SWF (AS 3.0) Wykonanie zbiorczego projektu łączącego elementy grafiki wektorowej, rastrowej, animacji oraz konstrukcji stron www. Podsumowanie szkolenia. Sprawdzian wiadomości z zakresu szkolenia oraz podsumowanie projektu strony www