1 / 23

Wie funktioniert das Internet?

Wie funktioniert das Internet?. Internet = Netz der Netze. Teilnetze. LAN: Local area network WLAN : Wireless LAN M AN : Metropolitan area network WAN : Wide area network GAN : Global area network. Rollenverteilung. Clients (z.B. Browser) ... stellen Anfragen Server

nemo
Download Presentation

Wie funktioniert das Internet?

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Wie funktioniert das Internet?

  2. Internet = Netz der Netze

  3. Teilnetze • LAN: Localareanetwork • WLAN: Wireless LAN • MAN: Metropolitanareanetwork • WAN: Wide areanetwork • GAN: Global areanetwork

  4. Rollenverteilung • Clients (z.B. Browser) ... stellen Anfragen • Server ... stellen Dienste oder Dokumente zur Ver-fügung (sind immer online) • Router ... sind Teil mehrerer Netze und weisen den Informationspaketen ihren Weg

  5. Zugang zu einer Webseite <html> <head> ... </head> <body> ... </body> </html> HTML-Dokument („Quelltext anzeigen“) (Web) Host, stellt Speicherplatz auf WWW-Server Provider, stellt Zugang zum Internet (Leitung und Adresse) (Web) Host, stellt evtl. weitere Dienste zur Verfügung, z.B. email, PhP, Datenbanken, etc.

  6. Wie komme ich ins Internet? Durch eine Verbindung (z.B. mit Modem, Router, Funk, ...) zu meinem Provider, der einen Router im WAN/GAN betreibt

  7. Browser • auch WWW-Browseroder Web-Browsergenannt • Ein Browser ist ein Computerprogramm, mit dem man sich im World Wide Web (WWW) bewegen und WWW-Seiten darstellen kann - Ähnlich wie man zum Betrachten von Textdateien ein Textverarbeitungs-programm benötigt. • Internet Explorer • Mozilla Firefox • Safari (Apple) • Opera • Google Chrome

  8. World Wide Web (WWW) auch W3oder schlicht Webgenannt • Das WWW ist nur einer von vielen Diensten im Internet! • Das World Wide Web ist eine riesige Sammlung von Dokumenten. Diese sind auf Computern auf der ganzen Welt gespeichert und können Querverweise auf andere Dokumente enthalten (Links oder Hyperlinks). • Für die eindeutige Adressierung eines Dokuments im WWW benötigt man eine URL • Zum Darstellen des Dokuments braucht man einen Browser

  9. Protokoll Server Domainname TLD Ordner Dateiname Top Level Domain URL (Uniform Resource Locator) • Ein System, mit dem man den Pfad zu jedem Dokument im WWW angeben kann: • Der erste Teil bezeichnet einen bestimmten Computer (äquivalent zur IP), alles nach dem ersten Backslash ist ein normaler Pfad auf diesem Computer IP: 193.246.253.248 • http://www.gymkirchenfeld.ch/aktuell/aktuell_matur08.html

  10. Der restliche Pfad • http://www.gymkirchenfeld.ch/aktuell/aktuell_matur08.html

  11. Protokolle • Kommunikation zwischen Computern ist festgelegt durch Protokolle • Beispiel: • A: Hallo Bob • B: Hallo Alice • A: Wie spät ist es? • B: 9:45 Uhr • A: Danke, tschüss • B: Tschüss • Wichtige Protokolle der TCP/IP Familie: • HTTP / HTTPS Webseiten abrufenVerschlüsseltes HTTP • FTP Dateien herunterladen • POP3 Mailbox abrufen • SMTP Mail versenden • IMAP Mails verwalten • http://www.gymkirchenfeld.ch/aktuell/aktuell_matur08.html

  12. Der Reihe nach: • Ein Benutzer gibt in der Adressleiste des Browsers eine URL an – und dann...

  13. DNS (Domain Name Service) – auch ein Dienst des Internet • DNS Server ... löst URL in eine IP-Nummer auf • Client (z.B. Browser) ... stellen Anfragen

  14. Router • Router ... weisen den Informationspaketen an Kreuzungen ihren Weg http://www.dnstools.ch/visual-traceroute.html

  15. Client und Server begrüssen sich (HTTP), ... • WWW Server ... schickt HTML-Seite an Client • Client ... stellen HTML- Seite dar

  16. HTML, die Sprache des Internet “Die Hypertext Markup Language [..] ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten.” Wikipedia, Hypertext Markup Language, (23.8.2010), http://de.wikipedia.org/wiki/Hypertext_Markup_Language • Die “Auszeichnung” (Markup) geschieht durch Tags, welche die ausgezeichneten Elemente einschliessen z.B.: <i>Hallo</i>  Hallo

  17. Grundgerüst <!DOCTYPE ... > <html> <head> ... </head> <body> ... </body> </html> ReinesTextdokument: z.B. mitdem Windows Notepad erstellt Dateiendungnicht .txt sondern .html Lässt sich mit Browser öffnen. Dieser interpretiert die HTML-Elemente und stellt die Seite dar.

  18. HTML-Elemente • Werden gekennzeichnet durch Tag: <tagname> • Die meisten HTML-Elemente benötigen schliessende Tags: </tagname> • Verschachtelung möglich: • <tag1>...<tag2>...</tag2>...</tag1> • <tag1>...<tag2>...</tag1>...</tag2> • Aber gemäss definierten Regeln

  19. Übliche Tags im Body-Element Paragraph:<p>...</p> Zeilenumbruch:<br /> Bereich:<span>...</span> Überschriften:<h1>...</h1><h2>...</h2> Tabellen:<table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr></table>

  20. Tags im Body mit Attributen • Bild:<img src="bild.jpg" alt="Bild“ /> („bild.jpg“ = relativer Pfad) • Link:<a href="http://www.sbb.ch">...</a> • ...

  21. Aufgabe Bild und Link • Erstelle eine kleine HTML-Webseite: • Überschrift • Text • 2-3 Bilder • Eine kleine Tabelle • Einige passende Links  Lokal abspeichern und im Browser betrachten Links: • http://www.w3schools.com/tags/default.asp • http://de.selfhtml.org/html/index.htm <html> <head> ... </head> <body> ... </body> </html>

  22. Wenn HTML nicht ausreicht... • Client side (plugins) • JavaScript • Flash • .... • Server side • PhP (Datenbanken) • Perl • ...

  23. Zusammengefasst

More Related