Szkolenie Tworzenie stron WWW – moduł I przeznaczone jest dla osób, które rozpoczynają naukę tworzenia stron WWW, ale także tych, którzy właśnie rozpoczęli swą działalność i szukają solidnych podstaw do dalszej pracy zawodowej. Podczas zajęć zwykle pomijane zostają sprawy, narzędzia oraz tematy ogólnie oczywiste, co pozwala optymalnie wykorzystać czas szkolenia na ćwiczenia praktyczne i prezentacje najciekawszych możliwości wykorzystanego oprogramowania.

Pierwsza cześć szkolenia poświęcona tematyce tworzenia stron www złożona jest z trzech niezwykle istotnych części: tworzenia i optymalizacji grafiki na stronę WWW – Adobe Fireworks CS5, tworzenia animacji, banerów, reklam i prostych prezentacji – Adobe Flash CS5 oraz budowy finalnej witryny internetowej z użyciem znaczników <div> oraz stylów kaskadowych CSS za pomoca Adobe Dreamweaver CS5. 

W trakcie szkolenia znajdziemy czas na sprawy zasadnicze: optymalizację kodu HTML pod katem wyszukiwarki Google, wykorzystanie elementów Ajax oraz niezależnych bibliotek JQuery, MooTools czy Spry do tworzenia elementów Web 2.0. czy osadzanie Flash lub filmów wideo w kodzie HTML.

Do udziału w zajęciach nie jest wymagane doświadczenie w tworzeniu stron internetowych, znajomość języka HTML ani także umiejętność wykorzystania omawianych programów. Wymagana jest jednak dobra znajomość systemu operacyjnego Mac OS lub Windows, obsługi  Internetu oraz solidne podstawy użycia komputera PC lub Mac.

Program

Możliwości i ograniczenia Internetu

Zasady projektowania i tworzenia serwisów internetowych

·         rozpoznanie potrzeb klienta

·         wybór odpowiedniej technologii

·         przygotowanie struktury serwisu

Standardy budowy stron WWW

·         typy dokumentów - DTD

Podstawowe elementy strony WWW

·         tekst

·         grafika

·         style CSS

·         biblioteki Ajax

·         elementy i animacje Flash SWF

·         PDF

·         wideo

Interfejs i narzędzia Adobe Fireworks CS5

·         narzędzia wektorowe

·         narzędzia bitmapowe

·         właściwości grafiki

·         formaty graficzne stosowane w Internecie 

Tworzenie elementów graficznych na stronę WWW w programie Adobe Fireworks

·         import zdjęć i grafiki wektorowej

·         edycja grafiki

·         dodawanie efektów i cieni

·         skalowanie

·         użycie maski

Tworzenie banera nagłówkowego

·         import i dostosowanie grafiki

·         zarządzanie wielkością

·         dodawanie tekstów

·         edycja kolorów

Tworzenie elementów ozdobnych (strzałki, bullety, nagłówki itp.)

·         zasady tworzenie niewielki plików graficznych

·         przygotowanie prostych grafik śródtekstowych

·         zasady eksporty grafiki bez tła

Zapis i optymalizacja elementów graficznych

·         zasady optymalizacji plików graficznych

·         zapis elementów graficznych dla strony WWW

·         prototypy stron WWW

Tworzenie prostych Animacji GIF w programie Adobe Fireworks CS5

·         tworzenie prostych animacji GIF

·         animacja typu kartka świąteczna w poczcie internetowej

Przygotowanie struktury serwisu WWW

·         budowa optymalnej struktury katalogów

·         przygotowanie katalogu site’a

Interfejs programu Adobe Dreamweaver CS5

·         okna i palety programu

·         dopasowanie ekranu roboczego do własnych potrzeb

·         tworzenie własnych skrótów klawiaturowych

·         instalacja darmowych dodatków np. Lorem And More

Tworzenie site'a

·         konfiguracja site’a w programie Dreamweaver CS5

Porównanie metod budowy layoutu na stronie WWW

·         zasady tworzenia układu strony WWW

·         zasady tworzenia stron w oparciu o znacznik <div> i style CSS

·         zalety budowy strony w oparciu o znacznik <div> i style kaskadowe

Przegląd layoutów Adobe Dreamweaver CS5

·         Przegląd i porównanie wybranych układów strony internetowej

Zasady budowy layoutu w Adobe Dreamweaver CS5

·         Style z wykorzystaniem atrybutu id

·         Style z użyciem atrybutu class

Zasady użycia stylów CSS

·         zasady tworzenia stylów CSS

·         rodzaje selektorów

·         style typu class, tag, id, compound

·         dziedziczenie właściwości

·         podstawowe właściwości stylów

·         narzędzia tworzenia i edycji stylów w programie Adobe Dreamweaver

Tworzenie strony WWW

·         podstawowe informacje o znacznikach HTML 

·         tworzenie strony internetowej w oparciu o znaczniki <div>

·         analiza struktury strony (Headrer, Footer, Sidebar, Content, Nav)

·         użycie layoutów CSS

·         podstawowa edycja stylów CSS

·         dostosowanie layoutu CSS do własnych potrzeb

Wprowadzanie treści strony

·         wprowadzanie tekstów

·         wykorzystanie grafiki

·         logiczna struktura strony WWW

·         wykorzystanie listy, akapitów i znaczników nagłówkowych

·         dodawanie elementów nawigacyjnych

Optymalizacja strony pod kątem wyszukiwarek internetowych

·         logiczna struktura strony

·         znaczniki w sekcji <head> (Title, Keywords, Description)

·         zasady tworzenia tytułu i użycia nagłówków

·         teksty alternatywne, nazwy łączy, itp.

Praca z grafiką

·         zarządzanie wielkością, optymalizacja grafiki

·         kadrowanie i efekty graficzne w programie Dreamweaver CS5

·         wykorzystanie elementów tylu Smart Object i współpraca z plikami Photoshopa

·         teksty alternatywne

Zaawansowane formatowanie tekstów

·         zasady formatowania tekstów na stronie WWW

·         wykorzystanie typografii i stylów CSS

·         formatowanie tekstów za pomocą stylów CSS

Arkusze stylów CSS  głębsze spojrzenie

·         budowa systemu nawigacji w oparciu o listę <ul>

·         atrakcyjne formatowanie elementów nawigacyjnych

·         formatowanie grafiki, list, nagłówków

·         ostateczne dostosowanie wyglądu strony przy użyciu stylów CSS

·         dostosowanie stylów do poprawnego wyświetlania strony w różnych przeglądarkach

·         ciekawe efekty wizualne z użyciem stylów CSS

·         interaktywne elementy nawigacji

Budowa szablonów stron WWW

·         tworzenie szablonów stron internetowych w programie Dreamweaver CS5

·         rodzaje szablonów

·         wykorzystanie szablonów do tworzenie kolejnych podstroi serwisu

·         edycja szablonu i aktualizowanie podstron

Zasady użycia animacji Flash na stronie WWW

·         zalety i wady technologii Flash na stronie WWW

·         osadzenie elementów Flash na stronie WWW

Interfejs programu Adobe Flash CS5

·         interfejs programu Adobe Flash CS5

·         język ActionScript 3.0 – zalety i wady

·         narzędzia, palety i konfigurowanie programu do pracy

·         porównanie działania programu do poprzednich wersji

·         konfiguracja dokumentu, wybór wersji Flash Playera

Rysowanie i tworzenie prostych kształtów

·         narzędzia rysunkowe

·         wypełnienia i obrysy

·         edycja i przekształcenia obiektów wektorowych

Praca z grafiką bitmapową

·         import fotografii

·         optymalizacja zdjęć

Podgląd i testowanie pracy

·         analiza wagi plików

·         podgląd w przeglądarce internetowej

Zasady użycia tekstów w programie Adobe Flash

·         rodzaje tekstów

·         zasady użycia różnych rodzajów tekstu na stronie

·         wygładzanie i formatowanie tekstów

Symbole i praca z symbolami

·         rodzaje symboli

·         tworzenie i edycja symboli

·         właściwości symboli

·         efekty i filtry

Zasady tworzenia animacji

·         animacje poklatkowe

·         animacje automatyczne typu Tweening

·         sposoby tworzenia animacji

Tworzenie animacji Motion Tween i Classic Tween

·         porównanie metod animacji

·         animacje typu Motion Tween

·         animacje typu Classic Tween

·         zalety i wady użycia różnych animacji

Tworzenie banerów na stronę WWW

·         tworzenie typowych reklam i banerów na stronę WWW

·         testowanie banerów i dodawanie kodu ActionScript

·         ciekawe triki i metody animacji banerów

Użycie języka ActionScript 3.0

·         zasady użycia języka ActionScript 3.0

·         podstawowe funkcje, zdarzenia i właściwości

·         dodawanie i testowanie poleceń ActionScript

·         podstawy składni ActionScript 3.0

·         zasady pisania kodu ActionScript 3.0

Budowa reklam i prostych elementów interaktywnych na stron WWW

·         tworzenie interaktywnych, animowanych reklam na stronę WWW

·         tworzenie interaktywnej mapki (np. mapa dojazdu do IT Media)

·         tworzenie prostych prezentacji produktów lub usług na stronę WWW

·         triki i ciekawe efekty 

·         zapis i optymalizacja animacji Flash

Tworzenie stron WWW na podstawie szablonów Dreamweavera

·         użycie elementów Flash, animacji na stronie WWW

·         wykorzystanie i formatowanie tabel

·         zapis i testowanie stron

·         dodawanie łączy

·         tworzenie i edycja stylów CSS dla elementów nawigacyjnych

·         zaawansowane sposoby użycia stylów do formatowania menu

Praca z formularzem WWW

·         tworzenie formularza kontaktowego

·         zasady budowy formularza

·         formatowanie elementów formularza za pomocą stylów CSS

·         walidacja i testowanie działania formularza na stronie WWW

·         elementy Ajax w budowie formularzy

·         edycja stylów CSS formularza

Testowanie i walidacja strony WWW

·         testowanie poprawności działania strony w różnych przeglądarkach

·         testowanie poprawności kodu HTML i stylów CSS

Konfiguracja serwera WWW

·         konfiguracja site’a

·         konfiguracja Adobe Dreamweaver CS5 do pracy z serwerem

Przesyłanie i aktualizacja strony na serwer WWW

·         połączenie z fizycznym serwerem WWW

·         przesyłanie strony na serwer

·         aktualizacja strony na serwerze WWW

·         synchronizacja

Ajax na stronie WWW

·         Ajax a strony WWW

·         Adobe Spry

·         JQuery, MooTools

Tworzenie elementów Ajax

·         tworzenie interfejsu strony w oparciu o zakładki, panel typu Accordion czy Collapsible Panel

·         edycja stylów CSS dla elementów Spry

Dodatkowe biblioteki JavaScript np. JQuery

·         instalacja i wykorzystanie gadżetów JQuery

·         tworzenie galerii zdjęć przy użyciu biblioteki Lightbox

·         Widget Browser i dodatki do Dreamweavera CS5

Pływające reklamy Flash na stronie WWW

·         zasady dodawania reklam umieszczonych ponad stroną internetową

Wykorzystanie filmów wideo na stronie WWW

·         formaty filmów wykorzystywane na stronach WWW

·         praca z plikami FLV

·         tworzenie odtwarzacza wideo na stronie WWW

Tips & Triks i dodatki do programów Adobe Flash CS5 i Dreamweaver CS5

Zdobyta wiedza

·         Konfiguracji programów Dreamweaver CS5, Fireworks CS5 i Flash CS5 do wydajnej pracy

·         Tworzenia grafiki internetowej i jej optymalizacji

·         Wykorzystania narzędzi graficznych do tworzenia, edycji i dopasowania zdjęć

·         Użycia filtrów i efektów dla zdjęć oraz elementów graficznych

·         Dopasowania kolorów i jasności zdjęć

·         Sterowania wielkością zdjęć i elementów graficznych

·         Tworzenia atrakcyjnych nagłówków oraz reklam graficznych

·         Nowoczesnych zasad tworzenia stron WWW

·         Budowy stron WWW z użyciem znaczników <div> oraz arkuszy stylów CSS

·         Tworzenie i edycji różnorodnych stylów CSS

·         Wykorzystania różnych selektorów CSS (id, class, compound, tag)

·         Wykorzystania technologii Ajax i biblioteki Spry

·         Użycia zewnętrznych bibliotek JavaScript: Spry, MooTools i jQuery

·         Tworzenia atrakcyjnych formularzy w oparciu o style CSS

·         Tworzenia nowoczesnych galerii zdjęć z użyciem biblioteki Lightbox lub podobnych

·         Użycia filmów wideo na stronie internetowej

·         Przesyłania strony WWW na serwer internetowy

·         Aktualizacji strony na serwerze produkcyjnym

·         Tworzenia prostych animacji Flash

·         Wykorzystania symboli do tworzenia i optymalizacji animacji Flash

·         Wykorzystania animacji Flash na stronie WWW

·         Tworzenie reklam, banerów i prostych prezentacji, galerii, panoram Flash

·         Dodawanie efektów specjalnych do prezentacji Flash

·         Podstaw użycia języka ActionScript 3.0 do tworzenia interaktywnych animacji Flash

Otrzymane certyfikaty

Certyfikat Autoryzowanego Ośrodka Adobe.

Oferta skierowana do:

  Wyższa kadra kierownicza
  Średnia kadra kierownicza
  Niższa kadra kierownicza
  Specjalista
  Pracownik

W ramach oferty uczestnik otrzymuje:

  Certyfikat ukończenia
  Materiały dydaktyczne
  Wyżywienie / serwis kawowy
  Nocleg
  Dyplom ukończenia
  Zaświadczenie ukończenia
  Konsultacje poszkoleniowe
  Lunch
  Serwis kawowy
  Ćwiczenia

Trenerzy prowadzący

Adobe Certified Expert.

Miejsce: Warszawa, Jagielloeńska 88
Rozpoczęcie: 2011-05-16 - Zakończenie: 2011-05-20

Cena: 2500 (PLN) + 23% VAT = 3075 PLN

UWAGA

W cenie: serwis kawowy, obiady, materiały szkoleniowe, imienne certyfikaty.

IT Media s.c.

» Przejdź do wizytówki firmy
» Lista szkoleń


  22 678 38 87