Webdesign using Adobe products (GRW)

Graphics, Adobe

Location, current course term

Contact us

Vlastní Školení na míru (termín, lokalita, obsah, délka)

The course:

Hide detail
  • Ú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í
Schedule:
2 days (9:00 AM - 5:00 PM )
Language: