Oldaltérkép

Honlapok funkcionális- és arculati tervezése, megvalósítása

• Kezdőlap

1. lecke: Webes alkalmazások tervezési módszerei és eszközei

• Webes alkalmazások tervezési módszerei és eszközei
• Alkalmazás tervezése
• Szerepkörök meghatározása
• Vázlatok, skiccek, drótvázak
• Oldaltérkép, site struktúra
• Önellenőrző feladatok (1. lecke)

2. lecke: Webalapú felhasználói felületek használhatósági elemzésének módszerei és eszközei

• Webalapú felhasználói felületek használhatósági elemzésének módszerei és eszközei
• A használhatósági elemzés módszerei
• Módszerek, eszközök, előkészítés és várható eredmények
• Adatbányászat
• Kattintásvizsgálat
• Egérútvonal- és -kattintásvizsgálat
• Szemmozgásvizsgálat
• Webes szolgáltatások a használhatósági elemezések megkönnyítésére
• Konklúzió
• A lecke irodalomjegyzéke
• Önellenőrző feladatok (2. lecke)

3. lecke: Céges weboldalak, webshopok ergonómiája

• Céges weboldalak, webshopok ergonómiája
• Webáruházak tervezési elvei
• Webáruházak vizsgálata a 77 irányelv alapján
• Önellenőrző feladatok (3. lecke)

4. lecke: Webes alkalmazások tervezési módszerei és eszközei

• Webes alkalmazások tervezési módszerei és eszközei
• A blogbejegyzés oldal vázlatos tervének elkészítése

5. lecke: Arculati kézikönyv formai és tartalmi elemei, logótervezés elvei, a logótervezés módszertana és eszközei

• Arculati kézikönyv formai és tartalmi elemei, logótervezés elvei, a logótervezés módszertana és eszközei
• Logótervezés
• A logók típusai
• Az „Alaplap blog” logójának megtervezése (esettanulmány)
• Önellenőrző feladatok (5. lecke)

6. lecke: Az InkScape alkalmazás használata a logótervezés során

• Az InkScape alkalmazás használata a logótervezés során
• Chanel logó (körívek)
• Holdfény (objektumok különbsége)
• Önellenőrző feladatok (6. lecke)

7. lecke: Arculattervezés eszközei, arculatterv készítése a GIMP alkalmazás segítségével

• Arculattervezés eszközei, arculatterv készítése a GIMP alkalmazás segítségével
• Töltelékképek használata
• Színvilág kialakítása
• Arculatterv készítése a GIMP alkalmazás segítségével
• Arculat (1. lépés)
• Arculat (2. lépés)
• Arculat (3. lépés)
• Arculat (4. lépés)
• Arculat (5. lépés)
• Arculat (6. lépés)
• Arculat (7. lépés)
• Önellenőrző feladatok (7. lecke)

8. lecke: A tartalom és megjelenés szétválasztásának eszközei, HTML5+CSS3 sablon elkészítése

• A tartalom és megjelenés szétválasztásának eszközei, HTML5+CSS3 sablon elkészítése
• Stíluslap létrehozása
• Tartalom kialakítása
• Felbontásfüggő megjelenés
• Nyomtatási változat készítése
• Magas kontrasztú változat
• Önellenőrző feladatok (8. lecke)

9. lecke: A Wordpress CMS testreszabása

• A Wordpress CMS testreszabása
• A Wordpress telepítése
• Blog feltöltése tartalommal
• Sablon készítése
• A kezdőlap kialakítása (1. lépés)
• Önellenőrző feladatok (9. lecke)

10. lecke: Ismerkedés a tesztelés során felhasználható eszközökkel (validátorok, platformfüggetlenséget ellenőrző módszerek, megfelelés a WCAG 2.0 teljesítési feltételeknek)

• Ismerkedés a tesztelés során felhasználható eszközökkel (validátorok, platformfüggetlenséget ellenőrző módszerek, megfelelés a WCAG 2.0 teljesítési feltételeknek)
• Platformfüggetlenség ellenőrzése
• WCAG 2.0 szabvány teljesítési feltételeinek ellenőrzési módjai
• Komplex ellenőrzést lehetővé tévő eszközök
• Wave – web accessibility evaluation tool
• Önellenőrző feladatok (10. lecke)

11. lecke: Keresőoptimalizálás, keresőmarketing

• Keresőoptimalizálás, keresőmarketing