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í