190 likes | 350 Views
Kommunikáció és Internet. A program megvalósulását az Apertus Közalapítvány támogatta. 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)
E N D
Kommunikáció és Internet A program megvalósulását az Apertus Közalapítvány támogatta.
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.148 domain-név: www.szanalmas.hu
Keresőgépek és katalógusok A 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őktöbb kereső rendszer eredményeibőlMetaCrawler, Dogpile
Témakatalógusok www.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
Multimédia a weben Médialejátszásstreaming - 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.comquick time www.apple.com/quicktimecodec – filmek lejátszásához (divx, Xvid, ac3)
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ó
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
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
Valósidejű kommunikáció • Csevegőprogramokmirc – csatornákon www.mirc.com • Csevegőoldalakcsak böngészővel http://chat.gyaloglo.hu/ • Üzenetküldők (ICQ, MSN v. Yahoo Messenger)csak jóváhagyással
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
HTML-dokumentum <html> <head> <title>Ez a dokumentum címe</title> </head> <body> Ez a dokumentum törzse </body> </html>
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>
HTML dokumentum tagolása • Címekhat 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
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
Képek • <IMG> tag képek, grafikák elhelyezéséresrc – 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 pixelben alt – magyarázó szöveg border – 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">
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>
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
Táblázat 2. 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 <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>