24
Informatik 7 Rechnernetze und Kommunikationssysteme Informatik 1 für Nebenfachstudierende Grundmodul HTML - Einführung Kai-Steffen Hielscher Folienversion: 12. November 2019

HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Informatik 7Rechnernetze und Kommunikationssysteme

Informatik 1 für NebenfachstudierendeGrundmodul

HTML - Einführung

Kai-Steffen HielscherFolienversion: 12. November 2019

Page 2: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Kapitel 2 - HTMLEinführungÜbersichtHTML - GrundbegriffeHTML - Texte und VerweiseHTML - Fortgeschrittene TechnikenCascading Style Sheets CSSSkripting

Inhaltsübersicht

Inf1NF 2

Page 3: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

selftml-Webseite (Wiki)https://wiki.selfhtml.org/

Literatur

Inf1NF 3

Page 4: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

HTML-Teil der selftml-Webseitehttps://wiki.selfhtml.org/wiki/HTML

Literatur

Inf1NF 4

Page 5: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Entstehung des InternetsWebsite-TypologieWichtige StandardsDienste im InternetEntstehung des WWW

Einführung

Inf1NF 5

Page 6: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Das ARPA-Net60er-Jahre: Kalter Krieg - Neue Impulse in der EDV durch militärische InitiativenZiel: Schutz militärischer Daten nach AngriffVorgehen: Redundanz von Rechnern und VerbindungenRealisierung: Advanced Research Projects Agency (ARPA)Zeit: Start Ende 69 mit 4 Rechnern; 3 J. später: 40 Rechner

Wissenschaftliche EinrichtungenARPA-Net frei für akademische Einrichtungen - DatenaustauschRechnerzahl stieg - HeterogenitätProtokoll: TCP/IP - einheitliches standardisiertes ÜbertragungsformatStudenten erfinden „black board“ - Usenet - Newsgroups

Entstehung des Internets

Inf1NF 6

Page 7: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Das Netz der NetzeMilitärische Geheimhaltung - eigenes Netz - Trennung ARPA-Net und MilNet (80)National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des LandesUniversitätsrechner und kleine Netze konnten sich über Rechenzentrum verbinden

Netz der Netze – INTERNETLeitungsnetz für Hauptverbindungen heißt BackboneZeitgleich Bemühungen in Europa, allerdings mit ISO-Normen; kein TCP/IPErfolg in USA - EuropaNET multiprotokollfähig; unterstützt TCP/IP (ca. '86)Transatlantikleitungen zur Anbindung an den großen Bruder (USA)Koordinierung durch RIPE (Réseaux IP Européens)Ebone: Europäischen Verbundsystem seit 1992

Internet ist kein homogenes Netz, sondern ein Verbund aus vielen kleinen, territorial oder organisatorisch begrenzten Netzen von öffentlichen und kommerziellen Einrichtungen (Provider)

http://www.dfn.de/ — Deutsches Forschungsnetzhttp://www.ebone.net/ — Ebone Nethttp://www.nsf.gov/ — National Science Foundation (NSF)

Entstehung des Internets

Inf1NF 7

Page 8: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Homepage: Eine Homepage ist eine private Website mit persönlichen Inhalten und häufig auch mit eigenen LieblingslinksWeb-Auftritt und Web-Präsenz: Ein Web-Auftritt (Web-Präsenz) ist eine repräsentative geschäftliche Website mit Inhalten wie Angebots-Portfolio, Referenzen und KontaktmöglichkeitenWeblog (Blog): Ein Weblog (Blog) ist eine primär chronologisch organisierte, dynamisch präsentierte Website, die aus vielen Einzelartikeln bestehtWeb-Shop: Ein Web-Shop ist eine Website, die primär einen Produktkatalog präsentiert und dem Besucher dabei eine Warenkorbfunktion mitsamt Bestellabwicklung ermöglichtWeb-Plattform: Ein Web-Plattform ist eine Website mit speziellen Zielgruppen, speziellen Funktionen und oft mit personalisierten Inhalten für registrierte Benutzer

Website-Typologie

Inf1NF 8

Page 9: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Protokoll: Transmission Control Protocol/Internet Protocol (TCP/IP)IP-Adressierung

Aufteilung in Netzadresse und Host-AdresseKlassifizierung der Netze

Klasse A: xxx: 1-126 - 16,7 Mio Adressen zu vergebenKlasse B: xxx: 128-192 -16.000 Netze @ 65.000 HostrechnerKlasse C: xxx: 193-223 - 2 Mio Netze @ 255 Hostrechner

Wichtige Standards

Inf1NF 9

Netztyp IP-Adressierung Typische IP-Adresse

Klasse-A-Netz xxx.yyy.yyy.yyy 103.234.123.87

Klasse-B-Netz xxx.yyy.yyy.yyy 151.170.102.15

Klasse-C-Netz xxx.yyy.yyy.yyy 196.23.155.113

Page 10: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Protokoll: Exakte Vereinbarung, nach der Daten zwischen Computern gesendet bzw. empfangen werden, die durch ein Kommunikationsnetz miteinander verbunden sindTCP/IP – verbindungsorientiertes Protokoll:Vor Beginn einer Kommunikation muss eine Verbindung zu einem anderen Endgerät aufgebaut worden sein

Kommunikation (Transport der Daten) durch das TCP (Transmission Control Protocol): Zerlegen des Datenstromes in kleine, handliche Daten-PaketeVerbindung durch das IP (Internet Protocol): Versehen der Daten-Pakete mit Adresse des Empfängers

Wichtige Standards

Inf1NF 10

Page 11: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

DNSDomain Name Server (Namens-Server für Domänen)

IP-Adresse besteht aus 4 Zahlen jeweils zwischen 0 und 255Ergibt ca. 4,3 Milliarden verschiedene Kombinationen, also Adressennur sehr schwer zu merken, daherDNS – Aliase (Symbolische Namen), stellvertretend für IP- AdresseAufbau des Namens aus verschiedenen Wörtern, getrennt durch Punktez.B. www.google.deÜbersetzung des Alias in numerische IP-Adresse durch speziellen Computer, den DNS-Server

Wichtige Standards

Inf1NF 11

Page 12: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

DNSDNS-Server: Verwaltung und Zuordnung von symbolischen Namen und IP-AdressenInternet-Surfer gibt Namen (Alias) im Browser einBrowser erhält reale IP-Adresse der gewünschten Home-Page vom DNS-ServerBeispiel:www.google.de - 216.239.51.101 d.h. symbolischer Aufrufhttp://www.google.de wird zu http://216.239.51.101

URI bzw. URLUniform Resource Identifier, Uniform Resource LocatorFormalisierte Beschreibung der Gesamtheit von Adresse, Port, Protokoll, angefordertes Dokument auf speziellem Server, …weltweit eindeutige Identifizierung eines Dokuments im Internet

Wichtige Standards

Inf1NF 12

Page 13: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

URIAufbau einer URI

protokoll://server-im-internet/pfad-auf-dem-server/dokument.typ(Protokoll, IP-Adresse bzw. DNS-Alias des Servers und Verzeichnisangabe des Dokuments auf dem Server)Beispiel:http://www.astrocomputing.de/download/images/picture_mars.gifProtokoll (http), Netzteil/IP-Adresse (www.astrocomputing.de) und Hostteil/Pfad u. Name der Datei auf Server (download/images/picture_mars.gif)

Wichtige Standards

Inf1NF 13

Page 14: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Server bietet Dienste an, z.B. WWW, Email, FTP, usw.Üblicherweise Client-Pull:Clients fordern Dienste an

Dateien über FTPWeb-Seiten über das Hypertext Transfer-Protokoll (HTTP), das dann über Sockets, TCP/IP und die Schichten darunter operiert

Client-Push: Daten werden vom Client auf den Server geladen, z.B. über File Transfer Protocol (FTP) eine neue Webseite bzw. beim Ausfüllen und Abschicken eines FormularsServer-Push: Server schreibt Daten ohne Anforderung zum Client, z.B. Push-Technologien, bei denen Client regelmäßig automatisch Daten erhalten kann, etwa bei Nachrichten, Börsenkursen, ...

Client-Server-Technologie

Inf1NF 14

Page 15: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Architektur

Client-Server-Technologie

Inf1NF 15

Client Internet Server

Page 16: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Client-Pull

Client-Server-Technologie

Inf1NF 16

Client Server

Zeit

Anfrage

Antwort

Page 17: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

E-Mail: Elektronische PostAdresse: name@provider-domainVorteile

Schnell, unabhängig von der EntfernungPreisgünstig, schriftlich im Gegensatz zum TelefonierenEmpfängerseitige Email-Programme speichern E-Mail-NachrichtenMIME-Standard erlaubt Anfügen beliebiger DateienZeitlich unabhängigTeilnahmemöglichkeit an Mailing-Listen

NachteileDerzeit vor Gericht nicht als Beweis verwertbar, da zu leicht zu manipulierenGeheimhaltung fehlt bei normaler Email‒ S/MIME mit x.509-Zertifikaten für verschlüsselte Kommunikation in

viele E-Mail-Programme integriert‒ OpenPGP erfordert öffentliche und persönliche Schlüssel bei

Sender und Empfänger und spezielle Softwarehttp://www.gnupp.de/

Dienste im Internet

Inf1NF 17

Page 18: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

World Wide WebGigantisches Informationsangebot, Verknüpfung von Informationen über Referenzenmit Browser leicht zugänglich: „Internet-Surfen“wird detailliert später erläutert

Dienste im Internet

Inf1NF 18

Page 19: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

TelnetTerminal-Emulation für UNIX-Rechnerzum Anmelden auf entferntem RechnerAus Sicherheitsgründen bei sehr vielen Hosts abgeschaltetssh (Secure Shell): verwendet verschlüsselte Authentifizierung

Dienste im Internet

Inf1NF 19

Page 20: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

File Transfer Protocol (FTP)Anwendung: zum Übertragen von Dateien zwischen Rechner über InternetNormales FTP: Anmelden mit Benutzerkennung und PasswortAnonymes FTP: Anmelden als anomymous, Passwort: Email-AdresseIn modernen Web-Browsern integriertAus Sicherheitsgründen normales FTP bei sehr vielen Hosts abgeschaltetSFTP/scp verwendet verschlüsselte Authentifizierung

Dienste im Internet

Inf1NF 20

Page 21: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Chat (IRC: Internet Relay Chat)Einwählen in sog. Chat-Room, mitratschenMeist anonymheute weitgehen abgelöst von webbasierten und mobilfunkbasierten Systemen

soziale Netzwerke (Facebook)ForenWhatsappTwitter

Dienste im Internet

Inf1NF 21

Page 22: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

TelefonieVoice-over-IP (VoIP)

FernsehenLivestreams, Video-on-DemandPlattformen

EntertainYoutubeNetflixMediathekenAmazon Video…

Dienste im Internet

Inf1NF 22

Page 23: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Newsgroups (News)Schwarzes Brett des Internet; mehr als 20.000 Newsgroups vorhandenNewsreader meist in E-Mail-Programme integriertNews-Server konfigurierenNews hierarchisch organisiert nach Subject in Threadsheute weitgehend bedeutungslos, veraltetersetzt durch Foren und Diskussionsgruppen im Web oder Mailinglisten

Dienste im Internet

Inf1NF 23

Page 24: HTML - Einführung · 2019. 11. 12. · National Science Foundation NSF (USA) schafft Leitungsverbundsystem für alle bedeutenden wissenschaftlichen Rechenzentren des Landes Universitätsrechner

Anfänge1990 startet Tim Berners-Lee (CERN, Schweiz) Initiative zur Nutzung des Internets für Wissenschaftler zum InformationsaustauschZiel: einfache Textformatierung und GrafikeinbindungEntscheidend: Hypertextfunktionalität – Möglichkeit, auf andere Dokumente zu zeigen auf beliebigen ServernDurchführung: Hypertext Markup Language HTML und neues Protokoll Hypertext Transfer Protocol HTTPEinrichtung von WWW-Servern und Client-Programmen

BoomMarc Andreesen entwickelt ersten Browser Mosaic, riecht Lunte und wird Mitbegründer von Netscape1993 berichten einflussreiche Blätter von Internet-HypeBill Gates erst desinteressiert (Chaos Internet), beschäftigt heute Heerscharen von Programmierern, integriert Browser in BSUnzählige Technologien und SW-Lösungen sehr unübersichtlich - allgemein anerkannte Standards umso wichtiger, z.B. HTML und HTTP vom W3-Konsortium und Ansätze zu eBusiness

Entstehung des WWW

Inf1NF 24