SlideShare a Scribd company logo
1 of 24
Áttekintő
                 prezentáció

ISKOLAI HONLAP   tantestületi-
                 nevelőtestület
                 i értekezlet
                 számára
A JÓ HONLAP ISMÉRVEI

 Áttekinthetőség

 Interaktivitás

 Információ megosztás

 Fontos információk előtérbe helyezése

 Gyors és egyszerű elérhetőség

 Megosztási lehetőségek
  (Facebook , Twitter)

 Nyomonkövetési lehetőség (RSS csatorna)
HOGYAN ÉPÍTSÜK FEL AZ ISKOLAI
              HONLAPUNKAT?

 Hozzunk létre olyan menüsort, melyben könnyedén eligazodik
  a látogató (átláthatósági szempont)
 Például:
 A menük alá illesszünk almenüket, melyek továbbnavigálják a
  felhasználót az őt érdeklő információhoz
 Például: Az Iskoláról menüpont alá helyezzük a bemutatkozást,
  elérhetőségeket
MILYEN MENÜPONTOKAT ÉS AL-MENÜKET
         ÉRDEMES LÉTREHOZNUNK?

Példák menüre és a hozzájuk kapcsolódó al-
 menükre:




 Az almenüket kinyitva hozzáférhetünk a bővebb
  információkhoz
 A fenti elrendezés az átláthatóságot hivatott példázni
A MENÜPONTOK TARTALOMMAL VALÓ
              MEGTÖLTÉSE




 A következő diakockákon példákat találunk az eddig
  bemutatott menük és al-menük információval való
  megtöltésére

 A diakockákon a minta honlapról beágyazott képeken
  szereplő információk adnak támpontokat

 A diasor végén elérhető a minta honlap portálja, ahol élőben
  is láthatóak az alkalmazások, amihez ez a ppt ad segítséget
„AZ ISKOLÁRÓL” MENÜ „BEMUTATKOZÁS” AL-
     MENÜJÉNEK TARTALMI PÉLDÁJA   :
„AZ ISKOLÁRÓL” MENÜ „ELÉRHETŐSÉGEK”
  AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
„SZERVEZET” MENÜ „MUNKACSOPORTOK”
  AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
„SZERVEZET” MENÜ „VEZETŐSÉG”
AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
„SZOLGÁLTATÁSOK” MENÜ „KÖNYV TÁR”
 AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
„SZOLGÁLTATÁSOK” MENÜ „SPORT”
AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
„SZOLGÁLTATÁSOK” MENÜ „SZAKKÖRÖK”
 AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
„MŰHELY” MENÜ „OKT V”
AL-MENÜJÉNEK TARTALMI PÉLDÁJA   :
TOVÁBBI MENÜK TARTALOMMAL VALÓ
         FELTÖLTÉSE 1.
TOVÁBBI MENÜK TARTALOMMAL VALÓ
          FELTÖLTÉSE 2.
TOVÁBBI MENÜK TARTALOMMAL VALÓ
          FELTÖLTÉSE 3.
HÍREK

 A Hírek oldala legyen jól látható

 Legjobb, ha a honlap közepére helyezzük

 Aktív hírfolyam legyen, melyen a legaktuálisabb információk
  folyamatosan megjelennek

 A hírek címe legyen tömör és lényegretörő

 A hír szövegéből kb. 5 -6 sor jelenjen meg, a teljes hír
  elérésére építsünk be tovább gombot

 A minta honlapon a Hírek menüt a Kezdőlap menü jelenti
PÉLDA A HÍREK MEGJELENÉSÉRE




       Hírek menüje
A HONLAP DIZÁJNJA

 Képek: a honlap fejlécébe, vagy az oldalsávba az iskoláról,
  iskolai életről illeszthetünk be képeket

 A honlap oldalsávjára érdemes Picasa albumok elérhetőségét
  illeszteni (iskolai rendezvények, osztálykirándulások képei)

 A honlap színei is stílusa harmonizáljon az iskoláéval
  (egyértelmű legyen már a dizájnból, hogy milyen honlapon
  járunk)

 Egyszerű, letisztult menü (áttekinthetőség elve)
A HONLAP DIZÁJNJA

 Részlet a minta honlapról:
A HONLAP KARBANTARTÁSA


 Mindig frissülő felület: képek, hírek

 Aktualizált menüpontok, frissítés

 A Facebook, Twitter oldal bekapcsolása a honlapra

 RSS csatorna beillesztése a honlaphoz

 Amennyiben szükséges, új menüpontok hozzáadása
MINTA-HONLAP

 A minta-honlapot az alábbi linken elérve találják
      http://iskolaihonlap.wordpress.com/

 A menükre kattintva megjelennek a példák, hogy milyen
  információkkal érdemes feltölteni a honlapot

 A honlapon szörfölve felderíthetik, milyen menük, képek,
  hírek jelenhetnek meg egy iskolai honlapon

 A honlap blog alapú, így a kommentelésre is lehetőség van,
  azonban ez egy iskolai honlapnál nem szerencsés, csak a
  Hírek felületén
KÉSZÍTETTE:
 CSÍK ORSOLYA
 ELTE-PPK NEVELÉSTUDOMÁNYI MA,
 INTÉZMÉNYFEJLESZTŐ SZAKIRÁNY


Kurzus: Információs társadalom és
intézményfejlesztés
Oktató: Ollé János
2011 . November

Elérhetőség: csik.orsolya@ppk .elte.hu

More Related Content

More from pedmie2011osz

Web2 a blog-molnarne
Web2 a blog-molnarneWeb2 a blog-molnarne
Web2 a blog-molnarnepedmie2011osz
 
Web2 a blog-molnarne
Web2 a blog-molnarneWeb2 a blog-molnarne
Web2 a blog-molnarnepedmie2011osz
 
Virtuális tanulási környezet
Virtuális tanulási környezetVirtuális tanulási környezet
Virtuális tanulási környezetpedmie2011osz
 
Facebook az oktatásban
Facebook az oktatásbanFacebook az oktatásban
Facebook az oktatásbanpedmie2011osz
 
Szőr ildikó információs társadalom
Szőr ildikó információs társadalomSzőr ildikó információs társadalom
Szőr ildikó információs társadalompedmie2011osz
 
Tananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-lineTananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-linepedmie2011osz
 
Tanítás és tanulás a 21
Tanítás és tanulás a 21Tanítás és tanulás a 21
Tanítás és tanulás a 21pedmie2011osz
 
Lendvai a meseszerkesztő pr.
Lendvai a meseszerkesztő pr.Lendvai a meseszerkesztő pr.
Lendvai a meseszerkesztő pr.pedmie2011osz
 
Tananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-lineTananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-linepedmie2011osz
 

More from pedmie2011osz (13)

Geocaching
GeocachingGeocaching
Geocaching
 
Web2 a blog-molnarne
Web2 a blog-molnarneWeb2 a blog-molnarne
Web2 a blog-molnarne
 
E portfolio
E portfolioE portfolio
E portfolio
 
Web2 a blog-molnarne
Web2 a blog-molnarneWeb2 a blog-molnarne
Web2 a blog-molnarne
 
Virtuális tanulási környezet
Virtuális tanulási környezetVirtuális tanulási környezet
Virtuális tanulási környezet
 
Facebook az oktatásban
Facebook az oktatásbanFacebook az oktatásban
Facebook az oktatásban
 
Szőr ildikó információs társadalom
Szőr ildikó információs társadalomSzőr ildikó információs társadalom
Szőr ildikó információs társadalom
 
Tananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-lineTananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-line
 
Tanítás és tanulás a 21
Tanítás és tanulás a 21Tanítás és tanulás a 21
Tanítás és tanulás a 21
 
Lendvai a meseszerkesztő pr.
Lendvai a meseszerkesztő pr.Lendvai a meseszerkesztő pr.
Lendvai a meseszerkesztő pr.
 
Tananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-lineTananyag tartfejl-digi-tanyag-on-line
Tananyag tartfejl-digi-tanyag-on-line
 
X geneneráció
X genenerációX geneneráció
X geneneráció
 
Egyszervolt suli pd
Egyszervolt suli pdEgyszervolt suli pd
Egyszervolt suli pd
 

Iskolai honlap

  • 1. Áttekintő prezentáció ISKOLAI HONLAP tantestületi- nevelőtestület i értekezlet számára
  • 2. A JÓ HONLAP ISMÉRVEI  Áttekinthetőség  Interaktivitás  Információ megosztás  Fontos információk előtérbe helyezése  Gyors és egyszerű elérhetőség  Megosztási lehetőségek (Facebook , Twitter)  Nyomonkövetési lehetőség (RSS csatorna)
  • 3. HOGYAN ÉPÍTSÜK FEL AZ ISKOLAI HONLAPUNKAT?  Hozzunk létre olyan menüsort, melyben könnyedén eligazodik a látogató (átláthatósági szempont)  Például:
  • 4.  A menük alá illesszünk almenüket, melyek továbbnavigálják a felhasználót az őt érdeklő információhoz  Például: Az Iskoláról menüpont alá helyezzük a bemutatkozást, elérhetőségeket
  • 5. MILYEN MENÜPONTOKAT ÉS AL-MENÜKET ÉRDEMES LÉTREHOZNUNK? Példák menüre és a hozzájuk kapcsolódó al- menükre:  Az almenüket kinyitva hozzáférhetünk a bővebb információkhoz  A fenti elrendezés az átláthatóságot hivatott példázni
  • 6. A MENÜPONTOK TARTALOMMAL VALÓ MEGTÖLTÉSE  A következő diakockákon példákat találunk az eddig bemutatott menük és al-menük információval való megtöltésére  A diakockákon a minta honlapról beágyazott képeken szereplő információk adnak támpontokat  A diasor végén elérhető a minta honlap portálja, ahol élőben is láthatóak az alkalmazások, amihez ez a ppt ad segítséget
  • 7. „AZ ISKOLÁRÓL” MENÜ „BEMUTATKOZÁS” AL- MENÜJÉNEK TARTALMI PÉLDÁJA :
  • 8. „AZ ISKOLÁRÓL” MENÜ „ELÉRHETŐSÉGEK” AL-MENÜJÉNEK TARTALMI PÉLDÁJA :
  • 9. „SZERVEZET” MENÜ „MUNKACSOPORTOK” AL-MENÜJÉNEK TARTALMI PÉLDÁJA :
  • 11. „SZOLGÁLTATÁSOK” MENÜ „KÖNYV TÁR” AL-MENÜJÉNEK TARTALMI PÉLDÁJA :
  • 13. „SZOLGÁLTATÁSOK” MENÜ „SZAKKÖRÖK” AL-MENÜJÉNEK TARTALMI PÉLDÁJA :
  • 14. „MŰHELY” MENÜ „OKT V” AL-MENÜJÉNEK TARTALMI PÉLDÁJA :
  • 15. TOVÁBBI MENÜK TARTALOMMAL VALÓ FELTÖLTÉSE 1.
  • 16. TOVÁBBI MENÜK TARTALOMMAL VALÓ FELTÖLTÉSE 2.
  • 17. TOVÁBBI MENÜK TARTALOMMAL VALÓ FELTÖLTÉSE 3.
  • 18. HÍREK  A Hírek oldala legyen jól látható  Legjobb, ha a honlap közepére helyezzük  Aktív hírfolyam legyen, melyen a legaktuálisabb információk folyamatosan megjelennek  A hírek címe legyen tömör és lényegretörő  A hír szövegéből kb. 5 -6 sor jelenjen meg, a teljes hír elérésére építsünk be tovább gombot  A minta honlapon a Hírek menüt a Kezdőlap menü jelenti
  • 19. PÉLDA A HÍREK MEGJELENÉSÉRE Hírek menüje
  • 20. A HONLAP DIZÁJNJA  Képek: a honlap fejlécébe, vagy az oldalsávba az iskoláról, iskolai életről illeszthetünk be képeket  A honlap oldalsávjára érdemes Picasa albumok elérhetőségét illeszteni (iskolai rendezvények, osztálykirándulások képei)  A honlap színei is stílusa harmonizáljon az iskoláéval (egyértelmű legyen már a dizájnból, hogy milyen honlapon járunk)  Egyszerű, letisztult menü (áttekinthetőség elve)
  • 21. A HONLAP DIZÁJNJA  Részlet a minta honlapról:
  • 22. A HONLAP KARBANTARTÁSA  Mindig frissülő felület: képek, hírek  Aktualizált menüpontok, frissítés  A Facebook, Twitter oldal bekapcsolása a honlapra  RSS csatorna beillesztése a honlaphoz  Amennyiben szükséges, új menüpontok hozzáadása
  • 23. MINTA-HONLAP  A minta-honlapot az alábbi linken elérve találják http://iskolaihonlap.wordpress.com/  A menükre kattintva megjelennek a példák, hogy milyen információkkal érdemes feltölteni a honlapot  A honlapon szörfölve felderíthetik, milyen menük, képek, hírek jelenhetnek meg egy iskolai honlapon  A honlap blog alapú, így a kommentelésre is lehetőség van, azonban ez egy iskolai honlapnál nem szerencsés, csak a Hírek felületén
  • 24. KÉSZÍTETTE: CSÍK ORSOLYA ELTE-PPK NEVELÉSTUDOMÁNYI MA, INTÉZMÉNYFEJLESZTŐ SZAKIRÁNY Kurzus: Információs társadalom és intézményfejlesztés Oktató: Ollé János 2011 . November Elérhetőség: csik.orsolya@ppk .elte.hu