Web alapok Az Internet, számítógépes hálózatok világhálózata, amely behálózza az egész földet. Az internet főbb szolgáltatásai: · web (www, alapja a kliens/szerver modell) · elektronikus levelezés (e-mail) · levelezési listák · csevegés (chat) · keresőszolgáltatások · online adatbázisok · FTP · Telnet · Gopher A web (www, Word Wide Web) az interneten elosztott többé-kevésbé összefüggő hipermédia (hipertext) dokumentumok halmaza. A dokumentumok linkekkel, ugrópontokkal kapcsolódnak egymáshoz, ezek segítségével haladhatunk a dokumentumok között, függetlenül attól, hogy a megtekintett dokumentumok a világ melyik részén találhatók. Az interneten lévő weboldalakat böngésző programokkal (Internet Explorer, Mozilla Firefox, Opera stb.) nézheti meg a felhasználó a saját számítógépén. A keresőszolgáltatásokkal kutathatunk az interneten adatok, dokumentumok után. Keresőrendszerek: 1) Kulcsszavas (keresőgépes) szolgáltatás. Keresőgépek: Google, AltaVizsla, Altavista stb. Kereshetünk weboldalakat (dokumentumokat) egyszerű kulcsszóval vagy kulcsszavakból alkotott kereső kifejezés segítségével. 2) Egyéb keresők: a) Metakeresők szétküldik az adatokat a különböző keresőknek és a bejött információt rendezik, a találatokat közös listán jelenítik meg. (pl. www.ariadnet.hu, www.mamma.com) b) Speciális gyűjtőkörű keresők egy jól körülhatárolt területen (földrajzi területen vagy zenei fájlokat, képeket …) keresnek. 3) Tematikus keresők, téma szerinti keresést teszik lehetővé. Online adatbázisok nagyon praktikus közhasznú információforrások, pl. menetrend, telefonkönyv, cégjegyzék, térképek stb. Levelezési listák, a listára küldött nyilvános levelek, az adott listára feliratkozott minden levelezőhöz eljutnak. Csevegés (IRC), a felhasználók rövid online begépelt szövegekkel kommunikálhatnak egymással. FTP (File Transfer Protocol), ezt a protokollt használva fájlokat tölthetünk le vagy fel a kiszolgálóra. Telnettel használhatjuk a hálózat távoli számítógépének erőforrásait. Gopher, egy szöveges adatszolgáltatási protokoll. Hierarchikus menükben kereshetjük meg a távoli kiszolgálón lévő adatbázisban a szöveges adatokat.
1
Az elektronikus levelezés gyors és olcsó módja a levelezésnek. A levelező kiszolgálók (pl. freemail.hu) tartalmazzák az e-mail címmel rendelkező elektronikus postafiókokat, ahová leveleket küldhetünk. A saját postafiókjába érkező leveleket pedig mindenki letöltheti. Az e-mail elektronikus levél, olyan szöveges dokumentum, amit hálózaton küldhet a feladó a címzettnek. Funkcióját tekintve hasonló a hagyományos levélhez. A levelező partnerek elektronikus postafiókkal rendelkeznek. Ide érkeznek a levelek, és a felhasználó innen töltheti le a saját gépére. A postafiókokat levelező szerverek, e-mail szerverek kezelik, elvégzik a levelek tárolását, fogadását és küldését a megadott címre. A levelezőprogram általában a munkaállomás gépén futó program, amely kapcsolatban van a saját levelezőszerverével, ahová leveleket küld, és ahonnan leveleket tölt le, valamint sok más a levelezést könnyítő szolgáltatást is nyújt a felhasználónak. Az e-mai cím a következőképpen néz ki: felhasználónév@szerverazonosító – nem tartalmazhat szóközt, ékezetes betűt. (pl.
[email protected]) Webhely, site tartalmilag és formailag összefüggő weboldalak rendszere, általában egy intézmény, cég, vállalat vagy magánszemély készítteti a legkülönbözőbb célból. A honlap egy webhely kezdőoldala. A portál olyan webhely, amely sok információt tartalmaz, és „kijáratot ” biztosít a web nagyobb területére. A webhely készítésének menete: 1.
Tervezéssel kezdődik (A témát lapokra kell tördelni!)
2. 3. 4. 5.
A weblapok elkészítése, egyesével. Hivatkozások létrehozása. Tesztelés Elhelyezés webszerveren.
Weblapok elemei: · szöveg · táblázat · kép, mozgókép, videó · hang · hivatkozások (kapcsolódási pontok) A weblap feltöltése webszerverre: Tárhely: · Ingyenes (freeweb.hu, tar.hu, extra.hu, …), és · fizetős szolgáltatók vannak.
2
A munka menete a következő: 1. Regisztráció Felhasználónév, ez lesz a domain név is egyben, jelszó megadása. 2. Aktiválás (pl. e-mail címre küldött kóddal) 3. Feltöltés (FTP programmal, vagy webes felületen.) 4. A nyitólap neve index.html kell, hogy legyen! 5. Tesztelés URL (Uniform Resource Locator) a weblapot tároló szerver címét adja meg. http://www.akarhol.hu
Kommunikációs szabvány (HiperText Transfer Protocol)
URL
Ellenőrző kérdések: 1. Mit az internet? 2. Sorold fel az internet főbb szolgáltatásait! 3. Mi az a web? 4. Mutasd be az e-mailt! 5. Milyen keresőszolgáltatásokat ismersz? 6. Mit nevezünk webhelynek, vagy site-nak? 7. Ismertesd a webhely készítés menetét! 8. Mi az URL? 9. Milyen elemekkel találkozhatunk egy weblapon? 10. Hogyan helyezünk el egy weblapot a webszerveren?
A HTML nyelv HTML (HiperText Markup Language) weboldalak készítésére használt leíró nyelv. Hipertextnek nevezzük azoknak a dokumentumoknak a rendszerét, melyek más fájlokra mutató hivatkozásokat tartalmaznak. HTML készítő eszközök: 1) HTML konvertáló programok a) HTMLPAD b) FRONTPAGE c) WORD 2) HTML szerkesztők (forrásprogram készítés) a) Egyszerű szövegszerkesztők (pl. jegyzettömb) b) Professzionális szerkesztőprogramok (pl. CoffeeCup Editor) 3) Tartalomkezelő rendszerek pl. e107 4) Előre elkészített weblapsablonok. 3
A HTML dokumentum szerkezete: <TITLE>főcím Fejléc Törzs
HTML dokumentum
Fejléc <TITLE> Főcím <TITLE> a böngésző keretén megjelenő cím.
Alapértelmezett betűméret. (1..7) Törzs
fájlnév.kit” háttérkép háttérszín szöveg színe link színe aktív link színe bejárt link színe>
Címszintek
…
igazítás lehet: LEFT, RIGHT, CENTER JUSTIFY 6 db szint van (1..6). Tagolás
szakasz
bekezdés
sortörés Betű
Karakterformátumok
… félkövér
… dőlt
… aláhúzott <S>… áthúzott <SUB>… alsóindex <SUP>… felsőindex 4
Vízszintes vonal
Kép beszúrása
![](”fájlnév.kit”)
Hivatkozások · Másik dokumentumra
ugrópont ·
Dokumentumon belül
szöveg ugrópont
Listák · Rendezett
- listaelem
-
· rendezetlen
Táblázat
5
példa:
egy
kettő
Ellenőrző kérdések: 1. Mit jelent a HTML rövidítés? 2. Milyen HTML készítő eszközöket ismersz? 3. Milyen egy HTML dokumentum szerkezete? 4. Ismertesd a fejléc parancsait! 5. Milyen paranccsal készítjük a HTML dokumentum törzsét? 6. Milyen paranccsal készíthetünk …(pl. vízszintes vonalat)?
6