oktatástechnológia 12
TRANSCRIPT
2
Információtovábbítás az Interneten• szerver és kliens közötti
kommunikáció• kliens: böngészők
(Internet Explorer, Opera,Netscape, Konqueror)
• minden Interneten lévő szervert, gépet, weboldaltazonosítani kell!IP-cím: 192.148domain-név: www.szanalmas.hu
3
Keresőgépek és katalógusokA keresőgépeket pl. www.google.com, www.msn.com,
http://vizsla.origo.hu/akkor használjuk
• ha gyorsan szeretnénk információhoz jutni,• speciális információkat szeretnénk kapni• egy dokumentumban lévő kifejezést keresünk• konkrét termékre keresünk (Fiat Stilo 1.6) Metakeresők
több kereső rendszer eredményeibőlMetaCrawler, Dogpile
4
Témakatalógusokwww.yahoo.com, www.dmoz.org, Vizsla katalógus • nem tudjuk pontosan, mit keresünk, a katalógus segítségével
megismerkedhetünk a témával
• ha a témakör legfontosabb,
válogatott webhelyeit
szeretnénk áttekinteni• ha van időnk böngészni
a katalógusban
5
Multimédia a webenMédialejátszás
streaming - folyamatos, valós idejű hang- és mozgókép-átviteli technikák
http://mfile.akamai.com/28/asf/mgm.download.akamai.com/28/silenceofthelambs_trailer_300k.asx
Plug-in - beépülő programok:flashplayer http://www.macromedia.comreal media www.real.com quick time www.apple.com/quicktimecodec – filmek lejátszásához (divx, Xvid, ac3)
6
Levelezés• levelező programok (Outlook, Eudora)
• protokolPop3 letölti a szerverről a leveleketIMAP távolról is kezelhető, a szerveren rajta hagyja
• webes felületű, többnyire ingyenes levelezők regisztráció
7
Levelező programok beállításai
• A postafiók beállítása
• Internetes levelek, címek, beállítások importálása és exportálása
• Névjegyalbum, címjegyzék használata
• Terjesztési lista és körlevél
8
SPAM
• Vigyázzon az e-mailcím nyilvánossá tételénél! • Használjon spamellenes szűrőket!• Levelezőprogramjában állítson be szabályokat!
• a SPAM kéretlen, általában
reklám jellegű levél
9
Valósidejű kommunikáció• Csevegőprogramok
mirc – csatornákonwww.mirc.com
• Csevegőoldalak csak böngészővel http://chat.gyaloglo.hu/
• Üzenetküldők (ICQ, MSN v. Yahoo Messenger)csak jóváhagyással
10
HTML• A HTML webhez létrehozott leíró nyelv, amellyel weboldalt hozhatunk
létre.• Lehet rajta szöveg, kép, hang és mozgókép• Készíthető: szövegszerkesztővel (pl. a Jegyzettömb),
html-szerkesztővel az a fontos, hogy lehessen html-ba menteni!(Macromedia Dreamweaver, Microsoft Frontpage, illetve au ingyenes HTMLPad)
• A tartalmakat formázó utasítások <tagek> fogják közre
11
HTML-dokumentum<html>
<head><title>Ez a dokumentum címe</title>
</head><body>
Ez a dokumentum törzse</body>
</html>
12
Betűk• A dokumentumtörzs tulajdonságai:
bgcolor: háttérszíntext: szöveg színebarckgound="hatter.gif„
• Betűk meghatározása <font>
méret: <font size="4">szöveg</font> • Betűk stílusa:
félkövér:<b>félkövér</b>, dőlt:<i>dőlt</i> félkövér és dőlt: <b><i>félkövér és dőlt</b></i>
• Betűtípus<font face="arial"> arial</font><font face="Times New Roman">Times New Roman</font>
13
HTML dokumentum tagolása• Címek
hat mélységi szint a legnagyobb <h1> a legkisebb <h6>
• az igazítás: align-nal left – balraright - jobbra center – középre
• Pl: <h1 align="center">1-es fejléc</h1>
•Bekezdések <p> vagy <div>
• <span> néhány szó azonosítása
14
Listák• az elemeket <li> tag után adjuk meg
• a számozatlan listák <ul> tag-gel kezdődnektípusa: kör, korong, négyzet
• számozott listák <ol> tag-gel kezdődnek
• egymásba ágyazott listák
15
Képek• <IMG> tag képek, grafikák elhelyezésére
src – elérési út, fájlnév pl. <img src=„kepek/kep.jpg”>align – igazítás (left, center, right)width - szélesség pixelben, height – magasság pixelbenalt – magyarázó szövegborder – keretvastagság pixelben
• <img src="images/asami.gif" alt="magyarázó szöveget is csatolhatunk a képhez" width="600" height="150" hspace="10" vspace="10" border="3" align="right">
16
Link• <a> ugrás egy másik helyre (dokumentumra v. részletre)
href - az ugrás célja (honlap, kép, dokumentum címe)szánalmas <a href=www.szanalmas.hu>szánalmas</a>
• link egy képről, a képre kattintva a megadott oldal fog betöltődni
<a href=„www.irodalmiakademia.hu"><img src="kep.gif" border=0></a>
17
Táblázat• a táblázatok <table> tagek között
<table>: width, height, align, border, bgcolor, cellspacing • a táblázatok sorai <tr> tagek között: valign, align• oszlopfejlécek <th> tagek között• cellák <td> tagek között
<table width="300" height="150" border="2" cellspacing="5" bgcolor="#FFFFCC"> <tr> <th>arab szám</th><th>római szám</th><th>latin betű</th> </tr> <tr> <td></td><td>i</td><td>a</td> </tr> <tr> <td>1 (alapértelmezett) </td><td>I</td><td>A</td> </tr></table>
Cellatávolság: 5 pxkeret: 5 pxháttérszín: krémsárgaszélessége: 300 px
18
Táblázat 2.<table width="300" border="2" bordercolor="#006699"> <tr bgcolor="#99CCCC"> <th scope="col"></th> <th colspan="2" scope="col">létszám</th> </tr> <tr> <th bgcolor="#FFFFCC">osztály</th> <th width="100" align="center">lányok</td> <th width="100" align="center">fiúk</td> </tr> <tr> <th bgcolor="#FFFFCC">7.a</th> <td width="100" align="center">15</td> <td width="100" align="center">12</td> </tr> <tr> <th bgcolor="#FFFFCC">8.a</th> <td align="center">13</td> <td align="center">15</td> </tr></table>
Feladat:Csinálj egy olyan táblázatot, amelyben feltünteted két osztály létszámadatait, lányok és fiúk külön!
Szélesség: 300 pxszínes keretoszlopfejléc<th> színe zöld és sárgacellaszélesség: 100 px