web design

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.

Web DesignerSZCZEGOŁOWY PLAN ZAJĘĆ KIERUNEK WEB DESIGNER

1. BUDOWA KOMPUTERA· Pojęcie, rozwój, rodzaje komputerów· Hardware (układy wejścia, układy wyjścia, pamięć, konektory, łączenie komputerów)· Software (rodzaje wsparcia programowego, systemy opera-cyjne, pojęcia software’owskie)

1.1. PRACA Z SYSTEMEM OPERACYJNYM Windows XP· Części interfejsu Windows (pulpit, okna, ikony, praca z myszką i oknami, włączanie i wyłączaniekomputera)· Obiekt my computer (organizacja danych na dysku, pojęcie mapy, plik, partycje, przegląd treścidysku, dopasowanie wyglądu okna, przegląd pojemności dysku)· Praca z mapami i plikami (Windows Explorer) – kopiowanie, przesuwanie, przemianowanie, skróty,przeszukiwanie...)· Recycle bin (kasowanie i odzyskanie plików)· Pasek zadań i przycisk start· Praca z akcesoriami (notepad, wordpad, paint, calculator, czyszczenie dysku, defragmentacjadysku)· Panel sterowania (control panel) – ustawienia komputera

2. WSTĘP DO WEB DESIGN· Czym jest Web design?· Proces projektowania strony internetowej· Projektowanie dla użytkowników· Rodzaje i architektura stron· Nawigacja- teoria i praktyka· Łączenie: tekst, przyciski, ikony, obrazy· Poszukiwanie i design· Mapy, indeksy i inne narzędzia do poruszania się po stronie i ich użycie· Rodzaje stron internetowych i ich organizacja· Tekst, barwy, obrazy i tło· Zabezpieczenie interaktywności za pomocą elementów środowiska graficznego· Technologie Web i ich wpływ na tworzenie strony Web· Wysyłka i utrzymywanie strony Web· Przyszłość WEB DESIGN· Podstawowe zasady projektowania strony Web· Omówienie przykładów stron· Czcionka i barwy· Historia Internetu· XHTML Tag-i i CSS Stile· Używanie dokumentów XHTML

3. JĘZYK Xhtml I JĘZYK CSS· Xhtml Terminologia· Elementy i tag-i· Atrybuty· Inne terminy· Linie i elementy· Atrybuty Id i klasy· Porównanie XHTML do HTML· Różnice pomiędzy XHTML i HTML· Semantyka/struktura xhtml-u· Standardy Web

· Rodzaje MIME· Struktura dokumentu xhtml· Deklaracje Docype· Typy dokumentów· Zastosowanie różnych dokumentów· Elementy <html>, <head>, i <body>· XML deklaracja· Budowa dokumentu HTML· Elementy prezentacji· Markup dokumentu· Odcinek nowa linia i tytuł· Dane kontaktowe· Cytaty· Bloki cytatów· Cytaty linijne· Listy· Policzone· Niepoliczone· Definicje· Linki· Łączenie· Adresowanie linków· Dostępne połączenie· Zaznaczanie zmian dokumentu· Elementy prezentacyjne· Elementy do formatowania czcionki· <hr>,<pre>,<sup>, i <sub> elementy· Elementy zdania· Intonacja· Cytaty i definicje· Kodowanie· Skróty· Obrazy i multimedia· Obrazy x-repeat, y-repeat· CSS background· Obrazy mapy· Obiekty· WEB 2.0· Czym jest CSS?· Połączenie CSS z HTML· Sposób liniowy· Sposób wewnętrzny· Sposób zewnętrzny· Użycie CSS· Skład CSS języka· Selektory: tagi, id, class· Grupowanie· Komentarze· Stylizacja za pomocą CSS· Obrazy tła· Tekst· Font· Ramy· Marginesy wewnętrzne i zewnętrzne· Listy· Tablice· Rozmiary· Pseudo elementy· Pseudo klasy· Rozkład elementów HTML za pomocą CSS

Web Designer

SZCZEGOŁOWY PLAN ZAJĘĆ KIERUNEK WEB DESIGNER

· Box model· Dostosowywanie strony xhtml· Referencje CSS

4. DREAMWEAVER CS3· Wprowadzenie do Dreamweaver· Analiza kodów· Projektowanie· Skróty· Panele· Okna dokumentu· Ustawienia· Definicja prezentacji Web· Tworzenie strony Web· Wpis tekstu i obrazu· Formatowanie treści za pomocą CSS· Dodawanie linków· Łączenie dokumentów· Tag Inspector· Formatowanie kodu HTML i CSS· Tablice· Struktura· Łączenie danych ze stopką· Ramy tablic· Stopki tablic· Kolor tablicy i kolor tła· Wielkość tablicy i porównywanie· Porównywanie treści w komórce· Skała kolumn· Grupowanie tablic· Szablony· Tworzenie szablonów· Kontrola pola tekstu· Kontrola przestrzeni tekstu· Przyciski radio· Pola wyboru· Listy opadające· Przyciski do wysyłania i kasowania szablonów· Inne przyciski· Grupowanie pól· Wysyłanie danych z szablonu· Multimedia· Formaty Audio/Video· Audio w dokumencie· Video w dokumencie· Efekty specjalne· Ramy – frames· Meta data· Mikroformaty· Tworzenie i formatowanie dokumentów za pomocą DIV i CSS· Szablony· Użycie szablonu· Multimedia· Program dodatkowy· Dynamiczne strony Web· Spry javascript Framework· Sprawdzenie zgodności

5. TWORZENIE INTERFEJSU GRAFICZNEGO (PHO-TOSHOP CS3)· Zapoznawanie się z interfejsem

· Gamy· Okna· Rodzaje dokumentów· Menu cytat· Organizacja warstw w dokumencie· Narzędzia podstawowe· Narzędzia do selekcji· Narzędzia do tekstu· Narzędzia do manipulacji obrazem· Zmiana· Sposób podglądu i szablony barw· Głębokość bitów· Dostosowywanie kolorów· Pędzle· Malowanie cyfrowe· Retusz· Warstwy· Maski· Root· Filtry· Zastosowanie Photoshop do stron internetowych· Tworzenie interfejsu graficznego strony Web· Dostosowywanie grafiki do przeglądarki internetowej

6. ANIMACJE FLASH NA STRONIE INTERNETOWEJ· Tworzenie filmów w programie Flash· Planowanie projektów· Środowisko programu Flash· Tworzenie filmu· Tworzenie obiektów graficznych do filmu· Dodawanie elementów multimedia· Efekty z tekstem· Transformacja tekstu i grafiki· Zastosowanie koloru i stylu linii na tekst i grafikę· Użycie bibliotek, instancji i symboli graficznych· Dodawanie obrazu i dźwięku do filmu· Techniki animacji w programie Flash· Podstawy animacji· Wykorzystanie obrazów przejściowych do animacji· Wykorzystanie obrazów przejściowych typu Shape do ani-macji w programie Flash· Tworzenie przycisków i odcinków z animacją· Tworzenie animacji interaktywnych· Łączenie skryptów z odcinkami, przyciskami i obrazami· Actionscript· Test i publikowanie animacji

7. PRACA SEMINARYJNA· Słuchacz szkoleń samodzielnie, korzystając z wiedzy i umiejętności uzyskanych podczas szkoleń,będzie musiał zaprojektować i zaprezentować kompletną stronę internetową dla firmy istniejącej lubfikcyjnej· Swoją pracą seminaryjną student zaprezetuje zdolności w obsłudze aplikacji, które codziennie sąwykorzystywane przez Web designera

web design

Technology