Honlap (web-hely) tervezése

Publikációkészítés_forgos

Honlap (web-hely) tervezése 1. a dokumentum2. a nyelv3. az első oldal4. dokumentumok tervezése, a

struktúra megalkotása, formázása5. a kiadvány összeszerkesztése6. a web hely ismertté tétele7. a web hely karbantartása

http://www./ektf/~forgos


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

Weblap szerkesztő programok

Microsoft FrontPage 98Windows 9x Front Page ExpressAdobe Page MillMacromedia Dreamweaver

Microsoft FrontPage ‘98

Webszerkesztő programFrontpage Editor

Fontos: A forrásanyagok készenlétbe helyezése


Vázlat (ez a tervezet)Ehhez szükséges

dokumentumok:1 intézményi logo1 önarckép

0. Beköszöntő szöveg1. Bemutatkozás2. Tevékenység

(publikációs)lista3. Kedvencek4. Oktatási tevékenység5. Egyéb információkÖsszesen 8

dokumentum


WEB-lapszerkesztő program indítása

Az asztalon lévő Ikon segítségével

START/Futtatás fpeditor.exe


Ha a Front Page Explorerrel indulunk

itt válasszuk a Cancel gombot


Megnyitás Explorer-rel

A Tools menü


Majd válasszuk a Tools menüt

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


A képernyő felépítése Címsor

Menüsor

Eszköztár

Munkaterület

Státuszsor


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

>>


1. FeladatNyissunk új dokumentumotÁllítsuk a háttérszínt halványsárga színre, a betűszínt pedig sötétkékreA címsorba az saját nevünk szöveg kerüljönGépeljünk be a szövegetMentsük a dokumentumot a c:\dokumentumok\webfeladat könyvtárba saját vezetéknévenmax 8 ekezetnelkuli karakter…


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


Sablon vagy több keret?

Válasszuk a Page menüből

Tartalom és egy hasábos szöveg elrendezést


A főoldal (adekvát az tervezetünkkel)

LOGO Főcím(Név)

Menü-pontok

FOTO

Köszöntő


Kitöltés 29.o.

Töltsük ki, vagy töltsük be az egyes mezőket

a tervezet alapján


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

Kitöltés


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


Szöveg, mint weblapelem


Formázzuk a szövegünket a menüsorral


Bekezdések formázása


Feladat

Formázzuk meg a 0koszont nevű állományt a 30. oldalon leírtaknak megfelelően!


Táblázat tulajdonságai

szöveg BorderBorder

PaddingPadding

SpacingSpacing

BackgroundBackgroundColorColor


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


Elkészíthetjük a részletes oktatási tervünket is (ld. 4. pont 4okt.doc fájl)

1. Szak 2. Tantárgy3. Tematika 4. Feladatok5. MintafeladatokErre a táblázatra majd egy link fog

utalni.


Készítsük elő a további dokumentumokat 3_Kedv.htm

Budapesti Műszaki és Gazdaságtudományi Egyetem Tematika Szakképzés- pedagógiai Program (Kötelezően választható tantárgy)

A tárgy címe: A tárgy kódja Publikációkészítés informatikai alapjai G T 5 1 D 0 Előadás nyelve: magyar Meghirdetés féléve: 2. Tárgyfelelős neve: Dr. Forgó Sándor PhD Tanszék: Műszaki Pedagógia Félévi kontakt óraszám: Kredit szám:

Félévvégi osztályzat jellege (Vizsga, vagy gyakorlati jegy)

2 2 gyakorlati jegy F A tárgyat kötelezően megelőző tárgyak címe: A megelőző tárgy kódja A tárgy felvételét kizáró tárgyak címe: A kizáró tárgy kódja A képzés célja

Megismertetni a tudományos munka multimédiás és WEB szolgáltatásainak, valamint az elektronikus folyóiratok, kiadványok, prezentációk tervezésének, kivitelezésének ismérveit, technikáját. Adjon ismerteket arra, hogy gondolataikat, mely média segítségével lehet a leghatékonyabban kifejezni. Cél, hogy felismertessük a kommersz (szórakoztató, ismeretterjesztő) és a szakmailag igényes, tudományos megalapozottságú, igényes produkciók elhatárolási szempontjait. A hallgatóknak el kell sajátítaniuk a prezentációs eszközök alkalmazásakor használatos bemutatási módszereket és technikákat. A tantárgyi követelmények teljesítése révén szert tesznek a médiakommunikáció, a számítógépes üzenettervezés, alapvető kompetenciáira is. A tantárgy a kutatómunka disszeminációját segíti. Tudjanak készíteni a tudományos munkában használatos szemléltető anyagot, prezentációt, publikációt, tudjanak értékelni multimédia oktatóanyagot. A tárgy rövid tematikája 1. A médiatervezés pedagógiai pszichológiai, ergonómiai, marketing szempontrendszere. A tervezés kivitelezés

lépései. Az elektronikus médiumokban használatos különféle vizuális, akusztikus elemek, egybekapcsolásának módszertana. A multimédia fogalomrendszere.

2. Képernyő üzenettervezés szempontjai. Az egyes médiumok (szöveg, kép, hang) és a velük közvetíthető üzenetek, módszerei és eszközei. Médiumok jellegzetességei, előnyei, hátrányai. Multimédia és értékelési szempontok. A média-konvergencia jelensége. Az információs-társadalom publikációs formái.

3. Az elektronikus hálózati publikálás ismérvei. A HTML szabvány, és ennek a különböző lehetőségei egy modern vizuális fejlesztőeszköz segítségével. A hálózati publikáció lehetőségei, az oldalakon elhelyezett dinamikus elemek készítésének lehetőségei.

4. Az Internet, mint médium. A WEB oldalak készítésének, tervezésének fázisai. A Web-oldalak általános felépítése. Karakterek és bekezdések. Táblázatok kezelése. Kapcsolatok oldalak között. Dinamikus elemek az oldalakon. Űrlapok. Oldalak elhelyezése az Internetre.

A számonkérés módja (zárthelyi v. írásbeli vizsga, házi feladat)

A gyakorlati jegy megszerzésének feltételei: Az elméleti ismereteket magába foglaló feladatlap eredményes kitöltése (60%-os teljesítmény fölött). Formai és tartalmi elvárásoknak megfelelő, a tudományos munkát terjesztő szélesítő Web oldal, tervezet

(szinopszist) készítése és megvédése a vizsgán. A tananyag elsajátításához javasolt írásos anyagok (szerző/cím) FORGÓ S. – HAUSER Z. – KIS TÓTH LAJOS: Médiainformatika. Eger, Líceum Kiadó. 2001. FORGÓ S. – HAUSER Z.– KIS-TÓTH LAJOS: Multimédia a multimédiáról. MUM CD ROM. Eger,

Médiainformatikai Kiadványok. 2001. PARKER, ROGER C.: Web design. Kiadványtervezés képernyőn és

nyomtatásban. Budapest, Kossuth Kiadó, 1999.

ÖNÉLETRAJZ

1. Családi név: Forgó

2. Utónevek: Sándor PhD.

3. Születési idő: 1952. 06. 11.

4. Állampolgárság: magyar

5. Családi állapot: nős

6. Képzettség: egyetem

Intézmény [ tól -ig ]

Megszerzett végzettség(ek) vagy diplomá(k):

1970 - 1973. BDGMF. általános gépész üzemmérnök 1976 -1978. műszaki tanár BDGMF. 1984. ELTE TTK. Bp., okl. pedagógia szakos előadó (nevelésszociológia spec.), 1984. Dr. univ. ELTE BTK Bp. 1997. bölcsészdoktori (PhD) fokozat Neveléstudomány tudományágban ELTE BTK.

Bp.,

7. Nyelvtudás: Jelezze 1-5-ig a tudásszintet (1 - kitűnő; 5 - alap)

Nyelv Olvasás Beszéd Írás Német 2 2 3 Angol 2 4 2

8. Szakmai testületekben való tagság:

A Gazdaság- és társadalomtudományi fakultás vezető helyettese, Oktatói csoportvezető, távoktatási referens, MTA Pedagógiai Bizottságának „Informatika az oktatásban” albizottságának tagja, PHD Témavezető: BME Budapesti Műszaki és Gazdaságtudományi Egyetem

Műszaki Pedagógia Tanszék; Oktatástechnológia, információs technológia szakterületen. Témakör: A médiainformatika intra-és interdiszciplináris vonatkozásai a köz- és felsőoktatásban.

Pedagógiai szakértő (Pedagógiai Akkreditációs Bizottság)

9. Egyéb képességek: számítástechnikai, videó, kommunikációs tréning

10. Jelenlegi beosztása: főiskolai tanár

11. A vállalatnál eltöltött évek száma: 22

2publ.doc

1oneletr.doc 4okt.doc


És a képeinket

Insert/image/webfeladat/foto útvonalon

Logo.jpgFoto.jpg


Képek beszúrása…

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


Kapcsolatok létrehozása (szövegek között)

KijelölésEdit/hiperlink menüpont behívásaA 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.


6. feladat Az eddig elkészített oldalak között hozzuk létre a kapcsolatot.

Edit/hiperlink/ create hiperlink/ make hiperlink útvonalon


Keresők

Magyar keresőkGoliat http://www.kapu.huHeuréka http://www.heureka.huIndex kereső http://index.index.huEgyéb kvt-ak http://www.ektf.hu/index55.htmKincskereső http://kincs.elender.huStartlap http://www.startlap.comVizsla http://vizsla.origo.hu


Külföldi keresők

AllTheWeb http://www.alltheweb.comAltavista http://www.altavista.comExcite http://www.excite.comGoogle http://www.google.comHotbot http://hotbot.lycos.comLycos http://www.lycos.comNorthern Light http://www.northernlight.comYahoo http://www.yahoo.com


Oktatás

Felsőfokú intézményekFelsőoktatási intézmények – hivatalos forrás (OFFI)

http://www.felvi.hu/egyetemek_foiskolak/intezmeny_lista.ofiMinden, ami egyetem(egyetemi adatbázissal)

http://egyetem.lap.huMinden, ami főiskola (főiskolai adatbázissal)

http://foiskola.lap.huOktatási Minisztérium – közoktatás

http://www.om.hu/j3.html


Középiskolák

Suliadatbázis (egyetemek, főiskolák)

http://www.palya.hu/felso/suliadatb/index.cfmÍrisz – Sulinet http://www.sulinet.huKözépiskolai adatbázis

http://www.palya.hu/kozep/index.cfmOktatási Minisztérium – felsőoktatás

http://www.om.hu/j2.html


Könyvtárak, adatbázisokEgyetemi könyvtárakhttp://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/egyetemi_konyvtarakIdegenforgalmi szakkönyvtár http://idfokvt.kvif.huKatalógusok, adatbázisokhttp://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/katalogusok,_adatbazisokKönyv adatbázis http://www.irodaweb.hu/konyvKözművelődési könyvtárakhttp://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/kozmuvelodesi_konyvtarak


Magyar Elektronikus Könyvtár

http://www.mek.iif.huMagyar elektronikus könyvtárak

http://www.mek.iif.hu/porta/virtual/magyar/ekonyvtMinden, ami könyvtár http://konyvtar.lap.huNeumann-ház http://www.neumann-haz.huSzakdolgozatok, TDK munkák stb.

http://www.palya.hu/dolgozatSzakkönyvtárak

http://vizsla.origo.hu/static/oktatas,_muvelodes/kozmuvelodes/konyvtarak/szakkonyvtarak


Köszönöm a figyelmet.Szabó Bálint

munkája alapján összeállítottaDr. Forgó Sándor

Eger, Eszterházy Károly FőiskolaMédiainformatika

Intézet.2001.

http:// www.ektf.hu/~forgose-mail: [email protected]

Documents

Honlap (web-hely) tervezése