Grafika pro web - využití nástrojů Adobe pro Internetový design (GRW)

Grafika, Adobe

Jedinečný přehledný kurz je určen všem uživatelům, kteří chtějí ve světě internetu získat širší povědomí i praktické znalosti v oblasti návrhu webů, kódování HTML a CSS a v oblasti animací a interaktivity. Kurz klade důraz na praktické procvičování s příklady s nástroji Adobe Photoshop, Flash, Dreamweaver, Captive, InDesign a dalšími menšími programy vhodnými pro použití grafiky na webu. Studentům doporučujeme další kurz v konkrétní oblasti na hloubkové procvičení oblíbené technologie.

Privátní školení a termíny na míru

Toto téma je možné zrealizovat pouze jako privátní, a to nejen formou uzavřeného firemního kurzu, ale také jako individuální konzultaci pro jednotlivce.

V případě kurzu na míru je níže uvedená osnova pouze inspirací. Finální obsah vzdělávání, jeho délka i termíny budou přizpůsobeny konkrétním vstupním znalostem, potřebám a cílům účastníků.

Cenovou nabídku vám rádi připravíme na základě vstupů zaslaných e-mailem nebo zadaných prostřednictvím poptávkového formuláře. Cena privátního školení vychází z náročnosti požadované obsahové náplně školení, časového rozsahu a celkového počtu přihlášených osob.

Lokalita, termín kurzu

Kontaktujte nás

Virtuálně se můžete přidat i ke školením ve výše nabízených lokalitách. Do poznámky v objednávce prosím uveďte „Připojím se virtuálně“

Náplň kurzu:

Skrýt detaily
  • Úvod
    1. Filozofie, historie
    2. Současnost a budoucnost tvorby webu
    3. Moderní trendy
    4. Zásady při počátečním návrhu
  • Terminologie
    1. Zaměření a SEO analýza projektu
    2. Základy v SEO
    3. Název, doména
    4. Hostingové služby
    5. Struktura webového projektu
    6. Jak fungují vyhledávače
  • Webové nástroje
    1. Redakční systémy na weby
    2. E-shopy, wiki, formuláře, blogy…
    3. Možnosti jejich přizpůsobení
    4. Graf. i tech. návrh vlastního řešení
  • Grafické zásady webdesignu
    1. Potřeby uživatele, které musíme splnit, jednoduše a přehledně
    2. Pravidla CI, barevnost
    3. Výběr fontů, čitelnost, pravdivost
    4. Technologické zákonitosti na internetu
    5. Osobní vs. firemní web vs. webová aplikace
  • Photoshop 1
    1. Volba rozměrů
    2. Strukturování psd návrhů
    3. Možnosti HTML/CSS/Javascript zobrazovací technologie pro návrhy PSD
  • Photoshop 2
    1. Export do úsporných formátů
    2. Dobré praktiky pro vyřezávání grafiky
    3. Navázání v CSS
    4. Exportování v Adobe Fireworks, Gimp…
  • HTML a kaskádové styly 1
    1. Zobrazovací možnosti
    2. Textové editory a Adobe Dreamweaver
    3. Prohlížeče
    4. Základní stavba stránky
    5. Význam základních HTML tagů
  • HTML a kaskádové styly 2
    1. Napojení CSS
    2. Selektory #id a .class
    3. Vlastnosti CSS pro vytvoření základního vzhledu stránky
    4. Defaultní styly prohlížečů
  • HTML a kaskádové styly 3
    1. Vkládání speciálních fontů
    2. Zásady stylování textů
    3. Odrážek a číslování
    4. Odkazů
    5. Tabulek a ostatních elementů
  • Populární widgety třetích stran
    1. JQuery pluginy (Lightbox, jQuery UI)
    2. Google mapy, Flash animace a přehrávače videí
    3. Facebook a Twitter widgety
  • Flash 1
    1. Možnosti zobrazovací technologie Flash
    2. Vhodné použití
    3. Výhody/nevýhody
    4. Nástroje a schopnosti převodu do HTML 5 pro nová zařízení
  • Flash 2
    1. Vytváření vektorových objektů
    2. Import obrázků
    3. Texty, dynamické texty
    4. Animace pohybem
    5. Movie clipy a tlačítka
  • Flash 3
    1. Zásady při tvoření animované reklamy
    2. Při tvoření malé prezentace na web nebo na přenosné médium
  • Grafické šablony
    1. Využití hotových grafických návrhů www stránek
    2. Portály, ceny
    3. Jak správně vybrat, jak poupravit
  • Návrh složitějších aplikací, testování
    1. Co je wireframe
    2. Výhody/nevýhody
    3. Online aplikace, Adobe Catalyst
    4. Realizace user testingu
    5. Scénář, testeři…
  • Adobe Captivate
    1. vytvoření a editace projektu
    2. Přidání popisku, tlačítka, obrázku, videa, zvuku
    3. Vytvoření úvodní obrazovky s menu
    4. Vytvoření testu
    5. Vyhodnocování výsledků
    6. Publikování projektu
  • Interaktivní PDF
    1. Vytvoření nového dokumentu v Adobe InDesign
    2. Odstavcové styly
    3. Dynamický obsah
    4. Tvorba kotev a externích odkazů
    5. Export PDF
  • Závěr
    1. Praktické cvičení - zadání témat
    2. Záměr
    3. Struktura
    4. Grafický návrh
    5. Technologie
    6. Layout
    7. Webdesign
    8. Realizace
    9. Zhodnocení výsledků cvičení
Předpokládané znalosti:
Používání OS Windows nebo Mac, základy tvorby WWW stránek, znalost práce s některým nástrojem Adobe.
Časový rozvrh:
2 dny (9:00hod. - 17:00hod.)