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

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í