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. netudki@iskola.sulinet.hu) 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. A weblapok elkészítése, egyesével. 3. Hivatkozások létrehozása. 4. Tesztelés 5. 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: <HTML> <HEAD> Fejléc <TITLE>főcím </TITLE> </HEAD> <BODY> Törzs HTML dokumentum </BODY> </HTML> Fejléc <HEAD> <TITLE> Főcím <TITLE> a böngésző keretén megjelenő cím. <BASEFONT SIZE= méret > Alapértelmezett betűméret. (1..7) </HEAD> Törzs <BODY BACKGROUND= fájlnév.kit háttérkép BGCOLOR= szín háttérszín TEXT= szín szöveg színe LINK= szín link színe ALINK= szín aktív link színe VLINK= szín bejárt link színe> </BODY> Címszintek <H1 ALIGN= igazítás > </H1> igazítás lehet: LEFT, RIGHT, CENTER JUSTIFY 6 db szint van (1..6). Tagolás <DIV ALIGN= igazítás TITLE= Mit írjon ki az egér föléérkezésekor? > </DIV> szakasz <P ALIGN= igazítás TITLE= Mit írjon ki az egér föléérkezésekor? > bekezdés </P> <BR> sortörés Betű <FONT FACE= betűtípus COLOR= szín SIZE= méret > </FONT> Karakterformátumok <B> </B> félkövér <I> </I> dőlt <U> </U> aláhúzott <S> </S> áthúzott <SUB> </SUB> alsóindex <SUP> </SUP> felsőindex 4
Vízszintes vonal <HR ALIGN= igazítás WIDTH= szélesség COLOR= szín SIZE= vastagság TITLE= kiírás > Kép beszúrása <IMG SRC= fájlnév.kit ALIGN= a képet követő szöveg helyzete WIDTH= szélesség HEIGHT= magasság BORDER= keret vastagság > Hivatkozások Másik dokumentumra <A HREF= fájlnév.kit > ugrópont </A> Dokumentumon belül <A NAME= cimke > szöveg </A> <A HREF= #cimke > ugrópont </A> Listák Rendezett <OL> <LI> listaelem <LI> </OL> rendezetlen <UL> <LI> listaelem <LI> </UL> Táblázat <TABLE ALIGN= igazítás WIDTH= szélesség BORDER= keret BORDERCOLOR= keret szín BORDER= keret vastagság CELLPADDING= cella és az adat közötti távolság CELLSPACING= cellák közötti távolság BGCOLOR= háttér szín BACKGROUND= fájlnév.kit > <TR> sor <TD> oszlop </TABLE> 5
példa: <TABLE WIDTH= 300 ALIGN= center BORDER= 2 > <TR> <TD>egy <TD>kettő </TABLE> 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