Honlap (web-hely) tervezése

1. Honlap (web-hely) tervezése 1. a dokumentum 2. a nyelv 3. az első oldal 4. dokumentumok tervezése, a struktúra megalkotása, formázása 5. a kiadvány összeszerkesztése 6. a web hely ismertté tétele 7. a web hely karbantartása http://www./ektf/~forgos Publikációkészítés_forgos

2. Internet alkalmazás • Műszaki háttér • technikai háttér • etikai kódex • (ingyen) web-hely freeweb.hu • Intézmény web szerver Publikációkészítés_forgos

3. Weblap szerkesztő programok Microsoft  FrontPage 98 Windows 9x Front Page Express Adobe  Page Mill Macromedia Dreamweaver

4. Microsoft FrontPage ‘98 Webszerkesztő program Frontpage Editor Fontos: A forrásanyagok készenlétbe helyezése

5. Vázlat (ez a tervezet) Ehhez szükséges dokumentumok: • 1 intézményi logo • 1 önarckép 0. Beköszöntő szöveg 1. Bemutatkozás 2. Tevékenység (publikációs)lista 3. Kedvencek 4. Oktatási tevékenység 5. Egyéb információk Összesen 8 dokumentum Publikációkészítés_forgos

6. WEB-lapszerkesztő program indítása • Az asztalon lévő Ikon segítségével • START/Futtatás fpeditor.exe Publikációkészítés_forgos

7. Ha a Front Page Explorerrel indulunk • itt válasszuk a Cancel gombot Publikációkészítés_forgos

8. Megnyitás Explorer-rel • A Tools menü Publikációkészítés_forgos

9. Majd válasszuk a Tools menüt • A Show Front Page editor behívásával elkezdhetjük a szerkesztést Publikációkészítés_forgos

10. A képernyő felépítése Címsor Menüsor Eszköztár Munkaterület Státuszsor Publikációkészítés_forgos

11. Nyissunk meg egy új dokumentumot! • Eszköztárüres oldal ikonjasegítségével egy üres lap • File/New menüpont segítségével - sablonokból választva • >> Publikációkészítés_forgos

12. 1. Feladat • Nyissunk új dokumentumot • Állítsuk a háttérszínt halványsárga színre, a betűszínt pedig sötétkékre • A címsorba az saját nevünkszöveg kerüljön • Gépeljünk be a szöveget • Mentsük a dokumentumot a c:\dokumentumok\webfeladat könyvtárba saját vezetéknéven max 8 ekezetnelkuli karakter… Publikációkészítés_forgos

13. A dokumentum mentése • Az eszköztár megfelelő ikonja segítségével, vagy • A File/Save vagy File/Save as … menüpontja segítségével Publikációkészítés_forgos

14. Sablon vagy több keret? Válasszuk a Page menüből Tartalom és egy hasábos szöveg elrendezést Publikációkészítés_forgos

15. A főoldal (adekvát az tervezetünkkel) LOGO Főcím (Név) FOTO Köszöntő Menü-pontok Publikációkészítés_forgos

16. Kitöltés 29.o. Töltsük ki, vagy töltsük be az egyes mezőket a tervezet alapján Publikációkészítés_forgos

17. Kitöltés 2. Feladat. Írjuk be a nevünket, a köszöntést és a menüpontokat Publikációkészítés_forgos

18. Menüpontokhoz tartozó tartalmak megalkotása • A menüpontokhoz tartozó tartalmakat egyenként egy másik dokumentum tartalmazza. • Most az Inzert/file útvonalon beszúrjuk a köszöntőt Publikációkészítés_forgos

19. Szöveg, mint weblapelem Publikációkészítés_forgos

20. Formázzuk a szövegünket a menüsorral Publikációkészítés_forgos

21. Bekezdések formázása Publikációkészítés_forgos

22. Feladat • Formázzuk meg a 0koszont nevű állományt a 30. oldalon leírtaknak megfelelően! Publikációkészítés_forgos

23. Táblázat tulajdonságai Padding Background Color Border szöveg Spacing Publikációkészítés_forgos

24. 3. Feladat (Táblázat készítés) A táblázatokkal áttekinthetően lehet bemutatni elérhetőségünket. Table/insert table útvonalon Publikációkészítés_forgos

25. Elkészíthetjük a részletes oktatási tervünket is (ld. 4. pont 4okt.doc fájl) 1. Szak 2. Tantárgy 3. Tematika 4. Feladatok 5. Mintafeladatok Erre a táblázatra majd egy link fog utalni. Publikációkészítés_forgos

26. Készítsük elő a további dokumentumokat 2publ.doc Publikációkészítés_forgos 1oneletr.doc 4okt.doc

27. És a képeinket Logo.jpg Foto.jpg • Insert/image/webfeladat/foto útvonalon Publikációkészítés_forgos

28. Képek beszúrása… Insert/image útvonalon a WEBFELADAT mappából történik Publikációkészítés_forgos

29. Kapcsolatok létrehozása (szövegek között) • Kijelölés • Edit/hiperlink menüpont behívása • A cél állomány kijelölése az ablakban • Az Ok gomb lenyomása. • Relatív útvonal, a hivatkozás útvonalát töröljük ki. Publikációkészítés_forgos

30. 6. feladat Az eddig elkészített oldalak között hozzuk létre a kapcsolatot. Edit/hiperlink/ create hiperlink/ make hiperlink útvonalon Publikációkészítés_forgos

31. Keresők • Magyar keresők • Goliathttp://www.kapu.hu • Heuréka http://www.heureka.hu • Index keresőhttp://index.index.hu • Egyéb kvt-ak http://www.ektf.hu/index55.htm • Kincskeresőhttp://kincs.elender.hu • Startlap http://www.startlap.com • Vizslahttp://vizsla.origo.hu Publikációkészítés_forgos

32. Külföldi keresők • AllTheWeb http://www.alltheweb.com • Altavista http://www.altavista.com • Excite http://www.excite.com • Google http://www.google.com • Hotbot http://hotbot.lycos.com • Lycoshttp://www.lycos.com • Northern Lighthttp://www.northernlight.com • Yahoohttp://www.yahoo.com Publikációkészítés_forgos

33. Oktatás Felsőfokú intézmények • Felsőoktatási intézmények – hivatalos forrás (OFFI) http://www.felvi.hu/egyetemek_foiskolak/intezmeny_lista.ofi • Minden, ami egyetem(egyetemi adatbázissal) http://egyetem.lap.hu • Minden, ami főiskola (főiskolai adatbázissal) http://foiskola.lap.hu • Oktatási Minisztérium – közoktatás http://www.om.hu/j3.html Publikációkészítés_forgos

34. Középiskolák • Suliadatbázis (egyetemek, főiskolák) http://www.palya.hu/felso/suliadatb/index.cfm • Írisz – Sulinethttp://www.sulinet.hu • Középiskolai adatbázis http://www.palya.hu/kozep/index.cfm • Oktatási Minisztérium– felsőoktatás http://www.om.hu/j2.html Publikációkészítés_forgos

35. Könyvtárak, adatbázisok • Egyetemi könyvtárak • http://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/egyetemi_konyvtarak • Idegenforgalmi szakkönyvtárhttp://idfokvt.kvif.hu • Katalógusok, adatbázisok • http://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/katalogusok,_adatbazisok • Könyv adatbázishttp://www.irodaweb.hu/konyv • Közművelődési könyvtárak • http://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/kozmuvelodesi_konyvtarak Publikációkészítés_forgos

36. Magyar Elektronikus Könyvtár • http://www.mek.iif.hu • Magyar elektronikus könyvtárak http://www.mek.iif.hu/porta/virtual/magyar/ekonyvt • Minden, ami könyvtárhttp://konyvtar.lap.hu • Neumann-házhttp://www.neumann-haz.hu • Szakdolgozatok, TDK munkák stb. http://www.palya.hu/dolgozat • Szakkönyvtárak http://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/szakkonyvtarak Publikációkészítés_forgos

37. Köszönöm a figyelmet.Szabó Bálintmunkája alapján összeállítottaDr. Forgó SándorEger, Eszterházy Károly FőiskolaMédiainformatika Intézet.2001. http:// www.ektf.hu/~forgos e-mail: forgos@ektf.hu Publikációkészítés_forgos