Az ELTE oktatói — Abonyi-Tóth Andor, Horváth Győző, Tarcsi Ádám — által fejlesztett internetes jegyzet segítség lehet azoknak, akik a weblapfejlesztéssel kacérkodnak. Az oktatóanyagok rövid animációkat is tartalmaznak. Az arculattervezésre kedvenc programjainkat, az Inkscape-t és a GIMP-et használják.
Honlapok funkcionális- és arculati tervezése, megvalósítása
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