Download - Internet und Webseiten-Gestaltung
![Page 1: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/1.jpg)
Internet undWebseiten-Gestaltung
Wirtschaftsinformatik 3Vorlesung 2005-04-01
Dipl.-Inf. (FH) T. Mättig
![Page 2: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/2.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 2
Vorlesungsinhalte
• Organisatorisches• Grundbegriffe
–Entstehungsgeschichte–Jargon – Deutsch
• Dienste – Die Säulen des Internets–E-Mail, WWW usw.
![Page 3: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/3.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 3
Demonstration• http://www.saxonytourism.com/ (missglücktes Beispiel mit vielen
Schwächen)– LadyTek Designs (USA)
• http://www.sachsen-tour.de/ (sehr komplexes Beispiel mit vielen Stärken)
• http://www.oberlausitz.com/– marung+bähr visuelle medien (Dresden)
• http://www.goerlitz-info.de/ (gutes Beispiel für ein Portal)• http://www.goerlitz.de/ (zwiespältiges Beispiel für eine Stadt)• http://www.ostritz.de/ (gutes Beispiel für eine Gemeinde)• http://www.reichenbach-ol.com/ (schlechtes Beispiel für eine
Gemeinde)• http://www.landurlaub-sachsen.de/ (guter Inhalt)
![Page 4: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/4.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 4
Demonstration
• Hochschule Zittau/Görlitz (FH)–www.hs-zigr.de
• offen-siv Kommunikationsplattform–www.hs-zigr.de/studenten
• Wikipedia – Die freie Enzyklopädie–Ist ein „WikiWiki“ oder kurz „Wiki“–de.wikipedia.org/wiki/Tourismus–de.wikipedia.org/wiki/Kultur
![Page 5: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/5.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 5
Internet als Kommunikationsmedium
• „Man kann schnell und unkompliziert mit Menschen überall in der Welt kommunizieren – sogar mit Leuten, mit denen man gar nicht kommunizieren möchte.“– Dave Barry
• „Interaktives“ Medium, heißt:–Passive Nutzung (Webseiten lesen)–Aktive Nutzung (E-Mail, Chat, Online-
Bestellung)
![Page 6: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/6.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 6
Begriff „Internet“ (Duden)
• Internet, das; -s [engl., zu: inter- = zwischen, unter(einander) u. Netzwerk (im Sinne von „Gruppe untereinander verbundener Netzwerke“)]: weltweiter Verbund von Computersystemen, in dem verschiedene Dienste angeboten werden: im I. surfen, ...
• Inter- [lat. inter = zwischen, unter, zu: in = in, hinein]: kennzeichnet eine Wechselbeziehung/zwischen zwei od. mehreren ...
![Page 7: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/7.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 7
Internet = „Zwischen-Netz“
![Page 8: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/8.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 8
Ein Server ist …
• … ein Großcomputer, der rund um die Uhr in Betrieb ist und zentral große Mengen von Daten bereitstellt.
![Page 9: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/9.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 9
Das Internet ist …
• … ein weltweiter Verbund von Computern zum Austausch der auf ihnen gespeicherten Daten.
• Diese Computer sind durch Datenleitungen miteinander verbunden (vernetzt).
• Diese Computer waren ganz am Anfang rein militärische Anlagen, wenig später (1969) bildeten die Rechner der Universitäten das Rückgrat für diesen Datenaustausch.
• Mit der Entwicklung des WWW, des World Wide Web, öffneten sich diese Datennetze für das breite Publikum.
![Page 10: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/10.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 10
Entstehungsgeschichte
• Entstehungsgeschichte des Internets– Offenes, für jedermann zugängliches Netzwerk– Entwickelt im kalten Krieg 1962– ARPANET
• 1969 zur Verbindung von zunächst 4 Universitäten entwickelt• Beschränkung auf militärische Aufgaben
– Internet (nicht-militärisch)• 1986 in den USA in Betrieb genommen
– WWW• 1991 veröffentlicht, entwickelt am CERN (Tim Berners-Lee)• Kommerzieller Erfolg erst ab 1995
![Page 11: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/11.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 11
Landkarte vom InternetSie sind
hier
![Page 12: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/12.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 12
Internet-Betreiber
• „F: Wer steckt als Betreiber hinter dem Internet?“
• „A: Ein 13jähriger Junge namens Jonas.“–Dave Barry
![Page 13: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/13.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 13
Begriff „Internetuser“ (Duden)
• Internetuser, der (Jargon): Internetnutzer.• User, der [engl., eigtl. = Konsument]: 1.
(Jargon) jmd., der eine bestimmte Droge [regelmäßig] nimmt. 2. jmd., der einen Computer benutzt.–Duden
![Page 14: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/14.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 14
Die Säulen des Internets
Internet
WWW E-Mail
Cha
t
FTP
New
s
Protokolle
![Page 15: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/15.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 15
Dienste des Internets
• Umgangssprachlich:–Internet = WWW = Web
• Aber: WWW ist nur ein Teil vom Internet (jedoch der größte)
• „Internet“ ist der Oberbegriff für viele verschiedene „Dienste“:–Telnet, FTP, ...–E-Mail, News, Chat, ...–WWW
![Page 16: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/16.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 16
Telnet
• Zugriff auf anderen Rechner, als ob man direkt daran arbeiten würde– Starten von Programmen, Löschen von Dateien usw.– Anwendungsbeispiel:
• Hochladen einer gepackten Datei per FTP• Start des Auspack-Programms per Telnet
• Bildschirmfoto/kurze Vorführung• Vorsicht: ungeschützte Verbindung
– Passwörter usw. können abgehört werden– Sichere Alternative: SSH (Secure Shell)
![Page 17: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/17.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 17
FTP – File Transfer-Protokoll
• Übertragung von Dateien– Kopieren von Dateien zwischen Computern (ohne
Windows)– Empfangen
• http://www.ard.de/datei.zip vs. ftp://ftp.ard.de/datei.zip• Flexibler: Pausieren von großen Downloads, sehr viele
Downloads gleichzeitig
– Senden (umgangssprachlich „hochladen“)• Der Weg, auf dem Sie Ihre erstellte Website ins Internet
bringen werden
• Sichere Alternativen: SFTP (Secure File Transfer), SCP (Secure Copy)
![Page 18: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/18.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 18
E-Mail (1/3)
• Erklärung erübrigt sich? ;-)• E-Mail = Elektronischer Briefverkehr• Postfach, in das Sie ab und zu
reinschauen–Postfach liegt auf dem Zentralcomputer
(Server) Ihres E-Mailanbieters–Keine Garantie, dass jemand reinschaut–Kann überlaufen (dann kommen die Briefe
unzustellbar zurück)
![Page 19: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/19.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 19
E-Mail (2/3)
• Abholen (Ihres E-Mail-Postfaches):–POP (Post Office-Protokoll)
• Nachteil: ganz oder gar nicht–IMAP (Internet Messaging Application
Program)• Vorteil: verwalten ohne abholen
• Senden (an andere Postfächer):–SMTP (Simple Mail Transfer Protokoll)–Zustellung in wenigen Sekunden (bis Tagen)–Meldung, wenn Zustellung fehlschlug
![Page 20: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/20.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 20
E-Mail (3/3)
• Wir benutzen aber Web.de, Yahoo, MSN, GMX, T-Online, Post, ...–Selbes Prinzip (also normales POP zum
Abholen und SMTP zum Senden)–E-Mail-Programm läuft nicht auf Ihrem
Computer sondern bei Web.de etc.–Bedienung über‘s WWW
• HTML-Seiten und Formulare, die hin und her geschickt werden
![Page 21: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/21.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 21
News (-Gruppen)
• Im Prinzip: E-Mail an einen zentralen Verteiler, bei dem jeder mitlesen kann, der die Gruppe abboniert hat
• Alle möglichen und unmöglichen Themen–fido7.ru.tourism–hs-zigr.beispiel.unterthema
• Archiv bei Google
![Page 22: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/22.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 22
Chat
• Im Gegensatz zu E-Mail dauernde Datenübertragung, d.h. dauernde Verbindung zum Zentralrechner, der den Chat zur Verfügung stellt
• Web-Chats (Yahoo, ...)• IRC-Netzwerk (Internet Relay Chat) als
Beispiel eines eigenständigen Dienstes
![Page 23: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/23.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 23
WWW – World Wide Web
• „F: Was ist das ‚World Wide Web‘?“• „A: Das World Wide Web ist die
Multimedia-Variante des Internets. [...]“–Dave Barry
![Page 24: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/24.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 24
WWW – World Wide Web
• Meistgenutzter Dienst im Internet• Entwickelt am Kernforschungszentrum CERN in
der Schweiz• Ziel: Bessere Informationsabläufe und
Dokumentenverwaltung– Hypertext
• Texte mit Verweisen („Hyperlinks“)• Es muss keine Lese-Reihenfolge vorgegeben werden
– HTML• Die Sprache des WWW• Plattformunabhängige Dokumenten-Beschreibungssprache• Reiner Text
![Page 25: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/25.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 25
Begriff „WWW“ (Duden)
• WWW [ve:ve:'ve:], das; -[s]: World Wide Web.
• World Wide Web, das [engl., aus: worldwide = weltweit u. web = Netz]: weltweites Informationssystem im Internet.–Duden
![Page 26: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/26.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 26
Eine Website ist …
• … die Gesamtheit der Einzelseiten eines Anbieters.
• Eine „Website“ besteht aus vielen „Webseiten“
• „Website“ steht sogar im Duden• Besser: Web-Präsenz• Umgangssprachlich auch „Internetseite“,
„Webseite“, „Homepage“, …
![Page 27: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/27.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 27
Eine Homepage ist …
• … wörtlich die „Heimat-Seite“.• Eigentlich nur die Startseite einer
größeren Web-Präsenz, von der aus auf die Einzelseiten verzweigt werden kann.
• Umgangssprachlich auch für die ganze Web-Präsenz.
![Page 28: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/28.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 28
Ein Browser ist …
• … eine Software zum Darstellen von verschlüsselten Inhalten im Internet.
• Diese Verschlüsselung heißt HTML, Hypertext Markup Language („verweiskennzeichnende Sprache“).
• Beispiele: „Internet Explorer“ (kurz: „IE“), „Netscape“, „Firefox“, …
![Page 29: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/29.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 29
Eine (Internet-) Adresse ist …
• … die genaue Bezeichnung des einzelnen Internet-Angebotes
• Mittels der einmaligen Adresse kann von jedem ans Internet angeschlossenen Computer auf das jeweilige Angebot zugegriffen werden– WWW-Adressen beginnen mit http:// und/oder www.– E-Mail-Adressen bestehen aus Nutzername und
Rechnername, verbunden durch den „Klammeraffen“ @ (gesprochen „at“)
![Page 30: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/30.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 30
IP-Adressen
• Weltweit eindeutige Identifizierung eines Rechners („Telefonnummer“)
• Auch Ihr Rechner bekommt eine IP, wenn Sie im Internet sind–IP = Internet-Protokoll–Beispiel: 193.174.102.155
• 4 Milliarden Adressen–Reicht nicht ;-) Warum nicht?–„IPv6“ hat das ungefähr 70 000-fache
![Page 31: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/31.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 31
Domain-Name
• „Ersatz“ für die IP-Adresse• Domain = Domäne = (Verwaltungs-) Bereich
oder Abteilung• hostname.[subdomain.[...]]domain.topleveldomain
– Top Level-Domäne = Land oder Organisation, der die Domäne angehört (oberste Ebene)
– Domäne (Bereich) = Name des Instituts, Firma etc.– Subdomänen = Verschieden viele (Unter-)
Abteilungen– Hostname = Name des Rechners
![Page 32: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/32.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 32
Dom
ain-
Stru
ktur
![Page 33: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/33.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 33
Adressen
• Eindeutige Adressierung von:1. Bereich (Domäne, z.B. Land)2. Unter-Bereich3. Computer4. Verzeichnis bzw. Ordner5. Datei (z.B. Web-Seite)6. Position innerhalb einer Datei (Anker)
![Page 34: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/34.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 34
Beispiel-Domain-Name
• Beispiel: www.inf.hs-zigr.de– .de = Domäne „Deutschland“
• Anfrage an Zentralrechner (Server) in Frankfurt
– hs-zigr = Hochschule Zittau/Görlitz• Weiterreichen der Anfrage an Hochschul-Server in Zittau
– inf. = Fachbereich Informatik• Weiterreichen der Anfrage an Hochschul-Server in Görlitz
– www. = Name des Rechners, der WWW-Anfragen bearbeitet• Weiterreichen der Anfrage an diesen Rechner
![Page 35: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/35.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 35
Top Level-Domänen
• Länderdomänen–.de, .at, .ch, .fr, .jp, ...–.tv = Fernsehen, eigentlich: Tuvalu
• Generische Domänen–.com = Company, Unternehmen–.net = Netzwerk–.org = Organisation–.edu, .info, .museum, ...
![Page 36: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/36.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 36
URL – Uniform Resource Locator
• URL, die, (selten:) der [Abk. für Uniform Resource Locator]: Standard für die Adressierung einer Website; Internetadresse.– Duden
• Uniform = eindeutig• Resource Locator = Zeiger auf eine Quelle,
Anschrift, Adresse• Eigentlich veralteter Begriff
– Neu: URI (Uniform Resource Identifier)
• Vereinfachung: URL = Adresse
![Page 37: Internet und Webseiten-Gestaltung](https://reader036.vdocuments.site/reader036/viewer/2022062502/56812b0f550346895d8f00d8/html5/thumbnails/37.jpg)
2005-03-24 Internet und Webseiten-Gestaltung - T. Mättig 37
Welchen Sinn hat eigentlich dieses „www.“?
• Beispiel: www.hs-zigr.de• Von hinten nach vorn:
–.de = Domäne „Deutschland“–hs-zigr = Hochschule Zittau/Görlitz–www. = Rechner mit diesem Namen
• Nach „.de“ und „hs-zigr“ ist bereits klar, um was es geht.
• Fazit: hs-zigr.de geht (meistens) genauso• Aber: mehrdeutig (beim Aufschreiben)