Internet und World Wide Web
Download
Report
Transcript Internet und World Wide Web
Internet und
World Wide Web
©Arno Schwarz
2002
Internet und World Wide Web
Ein Blick zurück
Die Technik
Die Dienste
Auskunftdienste
Recherchieren
Arbeiten mit dem
World Wide Web
Die Sprache des World Wide Web
©Arno Schwarz
2002
Ein Blick zurück
Die Anfänge ...
1957 Sputnik-Schock : ARPA
(Advanced Research Projects
Agency)
1965 Berkley - MIT
1969 Santa Barbara , Utah
1974 ARPANET: TCP/IP
1982 INTERNET und MILNET
©Arno Schwarz
2002
Ein Blick zurück
... der Durchbruch
1989 CERN
Tim Berners-Lee entwickelt das
Protokoll http
1993 NCSA
Marc Andreesen
entwickelt den Browser
MOSAIC
©Arno Schwarz
2002
Ein Blick zurück
Net
Web
„The Web is an abstract (imaginary) space of
information. On the Net, you find computers - on the Web, you find documents, sounds,
videos,.... information. On the Net, the
connections are cables between computers;
on the Web, connections are hypertext links.
The Web exists because of programs which
communicate between computers on the Net.
The Web could not be without the Net. The
Web made the net useful because people are
really interested in information (not to
mention knowledge and wisdom!) and don't
really want to have know about computers
and cables.“
©Arno Schwarz
2002
Ein Blick zurück
Statistik ...
http://www.zakon.org/robert/internet/timeline/
©Arno Schwarz
2002
Ein Blick zurück
... Statistik
©Arno Schwarz
2002
Home
©Arno Schwarz
2002
Die Technik
Adressierung – IP-Nummern
Jeder Host erhält eine sog. IP-Nummer. 32-Bit-Zahl
Beispiel:
11010100 11010100 11000000 00011001 ==
212.88.192.25
IP-Nummer des Webservers des Saarbrücker Zeitung
©Arno Schwarz
2002
Die Technik
Adressierung – Domain Name
System
IP-Nummer eines Rechners an der Universität des
Saarlandes
212.88.192.25
Umsetzung von Namen in IP-Nummern: Name-Server
Name des Rechners:
www.sz-newsline.de
Top-Level-Domäne – Unterdomänen - Hostname
©Arno Schwarz
2002
Die Technik
Adressierung – Netzklassen
Verfügbarer Vorrat an IP-Nummern: 232= 4.294.967.296
Netzklasse
Netz-Nummer
Erste Nummer
Anzahl Hosts
Klasse A
die ersten 8 Bit
1 - 128
224 = 16.387.064
Klasse B
die ersten 16 Bit
129 - 191
216 = 64.516
Beispiel
Name
28.136.15.1
www.aol.com
134.96.100.109 192.168.1.7
www.rz.uni-sb.de www.lpm.uni-sb.de
©Arno Schwarz
2002
Klasse C
die ersten 24 Bit
192 - 223
28 = 254
Die Technik
Datenübertragung - IP
IP = Internet Protocol
Prinzip der Paketübertragung
per Einschreiben
Paket:
• Absender-IP
• Empfänger-IP
• Nummer des Pakets im
Datenstrom
• Datenformat
• Integritätsnachweis
©Arno Schwarz
2002
Die Technik
Datenübertragung – TCP/IP
IP = Internet Protocol
Prinzip der Paketübertragung
per Einschreiben
TCP = Transport Control
Protocol
Virtuelle Verbindung
zwischen Sender und
Empfänger
©Arno Schwarz
2002
Home
©Arno Schwarz
2002
Die Dienste
Dienste und Protokolle
Dienste
• aufgesetzt auf das physikalische Internet
Beispiele: WWW, Email
Protokolle
• sorgen für die korrekte Interpretation der übertragenen
Daten
weltweit genormt
Beispiele: http, smtp, pop, ftp, telnet
Programme
• sorgen für die korrekte Darstellung auf dem Computer
betriebssystemabhängig
©Arno Schwarz
2002
Die Dienste
www
Dienst zur Übertragung der populären
Webseiten
Textdokumente im HTML-Format mit
• Links
• multimedialen Inhalten
• interaktiven Elementen (Java-Applets)
Beispiel
©Arno Schwarz
2002
Die Dienste
www
• Protokoll: hypertext transfer protocol (http)
• Adressierung der Webseiten mittels
Uniform Ressource Locator (URL)
Protok. Host-Name
http:// www.lpm.uni-sb.de
Darstellung mittels Browser
• grafische Benutzeroberfläche
• Dienste-integrierend
©Arno Schwarz
2002
Pfad/Dateiname
/start/Default.htm
Die Dienste
email
Dienst zur privaten Kommunikation
zwischen zwei Benutzern
Text
Attachements
• Dokumente (Word, Excel, HTML, ...)
• Programme
• Fotos
• Tondateien
©Arno Schwarz
2002
Die Dienste
email
• Protokolle:
simple mail transfer protocol (smtp)
post office protocoll (pop)
• Adressierung mittels
Email-Adresse
[email protected]
Benutzername
Adresse des Mailservers
©Arno Schwarz
2002
Die Dienste
sms (short message service)
Kurznachrichtendienst
für Nachrichten bis zu 160 Zeichen
Computer
Handy
Computer
Handy
Beispiel
©Arno Schwarz
2002
Die Dienste
ftp (file transfer protocol)
Dienst zur Übertragung beliebiger Dateien
zwischen zwei Rechnern
• Protokoll: ftp
• Adressierung der ftp-Seiten mittels
Uniform Ressource Locator (URL)
Protok. Host-Name
ftp://
ftp.rz.uni-sb.de
Beispiel
©Arno Schwarz
2002
Pfad/Dateiname
/pub/
Die Dienste
telnet
Einloggen auf einem fremden Rechner
• Protokoll: telnet
• Adressierung der telnet-Seiten mittels
Uniform Ressource Locator (URL)
Protok. Host-Name
telnet:// netfind.uni-essen.de
Beispiele
©Arno Schwarz
2002
Pfad/Dateiname
Home
©Arno Schwarz
2002
Auskunftdienste
Da werden Sie geholfen ...
©Arno Schwarz
2002
Home
©Arno Schwarz
2002
Recherchieren
Die Stecknadel im Heuhaufen
40 Millionen Web-Server
500 Millionen Nutzer
Aktualität
Dynamik
Suchmaschinen
©Arno Schwarz
2002
Recherchieren
Die Stecknadel im Heuhaufen
Wonach suchen Sie?
Welche Suchmaschine ist
geeignet?
Wie bewerten Sie die Treffer?
©Arno Schwarz
2002
Recherchieren
Wonach suchen Sie?
Beispiel:
Auf den Spuren der Römer
im Saarland
Schlüsselbegriffe:
Römer, Saarland, Geschichte,
Bauwerke, „Römer im Saarland“
©Arno Schwarz
2002
Recherchieren
Welche Suchmaschine?
Kataloge
Indexbasierte Suchmaschinen
- mit Autoritätsranking
©Arno Schwarz
2002
Recherchieren
Welche Suchmaschine?
Kataloge
• gezieltes Navigieren in
den Rubriken
• eingeschränkte Anzahl
redaktionell
ausgewerteter Seiten
• Verschaffen eines
Überblicks
Indexbasierte
Suchmaschinen
• freies Suchen
• sehr große automatisch
erstellte Indizes
• gezieltes Suchen
©Arno Schwarz
2002
Recherchieren
Bewertung der Treffer
Wer stellt das Dokument zur Verfügung?
Welches ist der organisatorische oder
institutionelle Hintergrund des Autors?
Mit welcher Absicht wird das Dokument
veröffentlicht?
Wer ist Zielgruppe?
Gibt es Rezensionen oder sonstige Beurteilungen
zu diesem Dokument?
Gibt es Querverweise zu anderen Quellen?
Ist das Dokument aktuell?
©Arno Schwarz
2002
Home
©Arno Schwarz
2002
Arbeiten mit dem World Wide Web
Die Informationen verarbeiten
Drucken von Webseiten
Speichern von Webseiten
Übernahme von Webinhalten
in eigene Dokumente
Texte
Bilder
©Arno Schwarz
2002
Home
©Arno Schwarz
2002
Die Sprache des World Wide Web
HTML
Hypertext
• Text mit Querverweisen (Hyperlinks, Links)
zu anderen Texten
Markup Language
• Dokumentbeschreibungssprache
©Arno Schwarz
2002
Die Sprache des World Wide Web
HTML-Grundlagen
Das
Grundgerüst
einer HTMLDatei
<html>
<head>
<title>Text des
Titels</title>
</head>
<body>
Überschriften,
Texte,
Verweise,
Grafikreferenzen,
...
</body>
©Arno Schwarz
2002
</html>
Die Sprache des World Wide Web
Elementare Tags ...
<body>
<h1>Willkommen</h1>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Elementare Tags ...
<body>
<h1>Willkommen</h1>
<h2>auf unserer Homepage </h2>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Elementare Tags ...
<body>
<center>
<h1>Willkommen</h1>
<h2>auf unserer Homepage </h2>
</center>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Elementare Tags ...
<body>
<center>
<h1>Willkommen</h1>
<h2>auf unserer Homepage </h2>
</center>
<hr>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Elementare Tags ...
<body bgcolor = „ yellow“>
<center>
<h1>Willkommen</h1>
<h2>auf unserer Homepage </h2>
</center>
<hr>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Elementare Tags ...
...
<hr>
<p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla </p>
<p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla </p>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Elementare Tags ...
...
<hr>
<p> bla bla bla bla bla bla <br> bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla </p>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Tags zur Einbindung von
Grafiken ...
...
<p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla </p>
<img src = „xweb.gif“>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Tags zur Einbindung von
Grafiken ...
...
<p> bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla </p>
<img src =
„http://www.schmidt.de/homepage/bilder/harryoben.jpg“>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Tags zur Einbindung von
Links ...
...
<img src =
„http://www.schmidt.de/homepage/bilder/harryoben.jpg“>
<br> <br>
<a href = „test3.html“> zur Seite 3 </a>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Tags zur Einbindung von
Links ...
...
<img src =
„http://www.schmidt.de/homepage/bilder/harryoben.jpg“>
<br> <br>
<a href = „http://www.schmidt.de“> Harald Schmidt </a>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Weitere Tags ...
nicht-numerierte Liste
...
<ul>
<li> <a href = „http://www.schmidt.de“> Harald Schmidt
</a>
<li> <a href = „http://www.sr-online.de“> SR </a>
</ul>
</body>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Weitere Tags ...
Tabellen
<table border = 1>
<tr> <td> links oben</td>
<td> rechts oben </td>
</tr>
<tr> <td> links unten</td>
<td> rechts unten </td>
</tr>
</table>
... und ihre Wirkung
©Arno Schwarz
2002
Die Sprache des World Wide Web
Erstellen von HTMLDokumenten
Mit einem ASCII-Editor
American Standard Code for Information
Interchange
z.B. edit.com, notepad.exe
Speichern mit der Endung .htm oder .html
©Arno Schwarz
2002
Die Sprache des World Wide Web
Erstellen von HTMLDokumenten
Mit einem textbasierten HTML-Editor
erzeugt automatisch das Grundgerüst
Tags per Mausklick setzen
z.B. Homesite, HoTMetaL, Arachnophilia
©Arno Schwarz
2002
Die Sprache des World Wide Web
Erstellen von HTMLDokumenten
Mit einem WYSIWYG-HTML-Editor
What You See Is What You Get
Erzeugung des Quellcodes im Hintergrund
z.B. Netscape Composer, Microsoft
Frontpage
©Arno Schwarz
2002
Home
©Arno Schwarz
2002