Készítette: Csámer Iván Kommunikáció és Internet A program megvalósulását az Apertus Közalapítvány támogatta.

Download Report

Transcript Készítette: Csámer Iván Kommunikáció és Internet A program megvalósulását az Apertus Közalapítvány támogatta. 

Készítette: Csámer Iván
Kommunikáció és Internet
A program megvalósulását az Apertus Közalapítvány támogatta.
1
Készítette: Csámer Iván
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, weboldalt
azonosítani kell!
IP-cím: 192.148
domain-név:
www.szanalmas.hu
2
Készítette: Csámer Iván
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ők
több kereső rendszer eredményeiből
MetaCrawler, Dogpile
3
Készítette: Csámer Iván
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
4
Készítette: Csámer Iván
Multimédia a weben
Mé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.com
real media www.real.com
quick time
www.apple.com/quicktime
codec – filmek lejátszásához
(divx, Xvid, ac3)
5
Készítette: Csámer Iván
Levelezés
• levelező programok (Outlook, Eudora)
• protokol
Pop3 letölti a szerverről a leveleket
IMAP távolról is kezelhető, a szerveren rajta hagyja
• webes felületű, többnyire ingyenes levelezők
regisztráció
6
Készítette: Csámer Iván
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
7
Készítette: Csámer Iván
SPAM
• a SPAM kéretlen, általában
reklám jellegű levél
• 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!
8
Készítette: Csámer Iván
Valósidejű kommunikáció
• Csevegőprogramok
mirc – csatornákon
www.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
9
Készítette: Csámer Iván
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
10
Készítette: Csámer Iván
HTML-dokumentum
<html>
<head>
<title>Ez a dokumentum címe</title>
</head>
<body>
Ez a dokumentum törzse
</body>
</html>
11
Készítette: Csámer Iván
Betűk
• A dokumentumtörzs tulajdonságai:
bgcolor: háttérszín
text: szöveg színe
barckgound="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>
12
Készítette: Csámer Iván
HTML dokumentum tagolása
• Címek
hat mélységi szint
a legnagyobb <h1> a legkisebb <h6>
• az igazítás: align-nal
left – balra
right - 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
13
Készítette: Csámer Iván
Listák
• az elemeket <li> tag után adjuk meg
• a számozatlan listák
<ul> tag-gel kezdődnek
típusa: kör, korong,
négyzet
• számozott listák <ol> tag-gel kezdődnek
• egymásba ágyazott listák
14
Készítette: Csámer Iván
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 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">
15
Készítette: Csámer Iván
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>
16
Készítette: Csámer Iván
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
Cellatávolság: 5 px
keret: 5 px
háttérszín: krémsárga
szélessége: 300 px
<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>
17
Készítette: Csámer Iván
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 px
színes keret
oszlopfejléc<th> színe zöld és sárga
cellaszé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>
18