Honlap (web-hely) tervez

1
Honlap (web-hely) tervezése

• 1. a dokumentum
• 2. a nyelv
• 3. az elso 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
2
Internet alkalmazás

• Muszaki háttér
• technikai háttér
• etikai kódex
• (ingyen) web-hely freeweb.hu
• Intézmény web szerver

3
Weblap szerkeszto programok

• Microsoft ? FrontPage 98
• Windows 9x Front Page Express
• Adobe ? Page Mill
• Macromedia ?Dreamweaver

4
Microsoft FrontPage 98

• Webszerkeszto 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önto 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

6
WEB-lapszerkeszto program indítása

• Az asztalon lévo Ikon segítségével
• START/Futtatás fpeditor.exe

7
Ha a Front Page Explorerrel indulunk

• itt válasszuk a Cancel gombot

8
Megnyitás Explorer-rel

• A Tools menü

9
Majd válasszuk a Tools menüt

• A Show Front Page editor behívásával elkezdhetjük
  a szerkesztést

10
A képernyo felépítése
Címsor
Menüsor
Eszköztár
Munkaterület
Státuszsor
11
Nyissunk meg egy új dokumentumot!

• Eszköztár üres oldal ikonja segítségével egy üres
  lap
• File/New menüpont segítségével - sablonokból
  választva
• gtgt

12
1. Feladat

• Nyissunk új dokumentumot
• Állítsuk a háttérszínt halványsárga színre, a
  betuszínt pedig sötétkékre
• A címsorba az saját nevünk szöveg kerüljön
• Gépeljünk be a szöveget
• Mentsük a dokumentumot a c\dokumentumok\webfelad
  at könyvtárba saját vezetéknéven
• max 8 ekezetnelkuli karakter

13
A dokumentum mentése

• Az eszköztár megfelelo ikonja segítségével, vagy
• A File/Save vagy File/Save as menüpontja
  segítségével

14
Sablon vagy több keret?

• Válasszuk a Page menübol
• Tartalom és egy hasábos szöveg elrendezést

15
A fooldal (adekvát az tervezetünkkel)
LOGO
Focím (Név)
FOTO
Köszönto
Menü-pontok
16
Kitöltés 29.o.

• Töltsük ki, vagy töltsük be az egyes mezoket
• a tervezet alapján

17
2. Feladat. Írjuk be a nevünket, a köszöntést és
a menüpontokat

• Kitöltés

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öntot

19
Szöveg, mint weblapelem
20
Formázzuk a szövegünket a menüsorral
21
Bekezdések formázása
22
Feladat

• Formázzuk meg a 0koszont nevu állományt a 30.
  oldalon leírtaknak megfeleloen!

23
Táblázat tulajdonságai
Padding
Background Color
Border
szöveg
Spacing
24
3. Feladat (Táblázat készítés)

• A táblázatokkal áttekinthetoen lehet bemutatni
  elérhetoségünket.
• Table/insert table útvonalon

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.

26
Készítsük elo a további dokumentumokat
2publ.doc
1oneletr.doc
4okt.doc
27
És a képeinket
Logo.jpg
Foto.jpg

• Insert/image/webfeladat/foto útvonalon

28
Képek beszúrása

• Insert/image útvonalon a WEBFELADAT mappából
  történik

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.

30
6. feladat

• Az eddig elkészített oldalak között hozzuk létre
  a kapcsolatot.
• Edit/hiperlink/ create hiperlink/ make hiperlink
  útvonalon

31
Keresok

• Magyar keresok
• Goliat http//www.kapu.hu
• Heuréka http//www.heureka.hu
• Index kereso http//index.index.hu
• Egyéb kvt-ak http//www.ektf.hu/index55.htm
• Kincskereso http//kincs.elender.hu
• Startlap http//www.startlap.com
• Vizsla http//vizsla.origo.hu

32
Külföldi keresok

• 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
• Lycos http//www.lycos.com
• Northern Light http//www.northernlight.com
• Yahoo http//www.yahoo.com

33
Oktatás

• Felsofokú intézmények
• Felsooktatá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 foiskola (foiskolai adatbázissal)
• http//foiskola.lap.hu
• Oktatási Minisztérium közoktatás
• http//www.om.hu/j3.html

34
Középiskolák

• Suliadatbázis (egyetemek, foiskolák)
• http//www.palya.hu/felso/suliadatb/index.cfm
• Írisz Sulinet http//www.sulinet.hu
• Középiskolai adatbázis
• http//www.palya.hu/kozep/index.cfm
• Oktatási Minisztérium felsooktatás
• http//www.om.hu/j2.html

35
Könyvtárak, adatbázisok

• Egyetemi könyvtárak
• http//vizsla.origo.hu/static/oktatas,_muvelodes/k
  ozmuvelodes/konyvtarak/egyetemi_konyvtarak
• Idegenforgalmi szakkönyvtár http//idfokvt.kvif.hu
  
• Katalógusok, adatbázisok
• http//vizsla.origo.hu/static/oktatas,_muvelodes/k
  ozmuvelodes/konyvtarak/katalogusok,_adatbazisok
• Könyv adatbázis http//www.irodaweb.hu/konyv
• Közmuvelodési könyvtárak
• http//vizsla.origo.hu/static/oktatas,_muvelodes/k
  ozmuvelodes/konyvtarak/kozmuvelodesi_konyvtarak

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ár http//konyvtar.lap.hu
• Neumann-ház http//www.neumann-haz.hu
• Szakdolgozatok, TDK munkák stb.
• http//www.palya.hu/dolgozat
• Szakkönyvtárak
• http//vizsla.origo.hu/static/oktatas,_muvelodes/k
  ozmuvelodes/konyvtarak/szakkonyvtarak

37
Köszönöm a figyelmet.Szabó Bálintmunkája
alapján összeállítottaDr. Forgó SándorEger,
Eszterházy Károly FoiskolaMédiainformatika
Intézet.2001.

• http// www.ektf.hu/forgos
• e-mail forgos_at_ektf.hu