Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Web-Publishing. 15.

Transkript

1 Tutorium Web-Publishing 15. Dezember 2003

2 Programm Funktionen und Nutzung eines Web-Browsers (am Beispiel des Mozilla Navigator) Web-Dokumente erstellen (mit dem Mozilla Composer)

3 Was macht ein Web-Browser (Web-Client)? Er stellt die Webseite dar.

4 URL Unified Ressource Locator Führt eindeutig zu einem Dokument, das deshalb über das Internet angefordert werden kann

5 URL - publicus.culture.hu-berlin.de Servername Ein Server ist ein Computer, der mit einem Netzwerk verbunden ist und auf dem eine Server-Software an andere Computer (Clients) Daten (Dokumente) liefert. Bestandteile des Servernamens:.de Top-Level Domain hu-berlin.de Domain Andere Servernamen: ftp.hu-berlin.de, www2.hu-berlin.de

6 URL HyperText Transfer Protocol Bezeichnet den Internet-Dienst, über den das Dokument angefordert wird: Das World Wide Web Mögliche Alternativen: ftp:// File Transfer Protocol mailto: Wie http, nur mit Verschlüsselung

7 URL - index.html Dateiname Dieses Dokument wird vom Web-Client angefordert und anschließend im Browserfenster dargestellt Die Endung.html bezeichnet die Datei als Webdokument Weitere Web-typische Endungen/Dateiformate:.htm - äquivalent zu.html.css - Stylesheet (Stilvorlage).jpg.gif.png - Bildformate für das Web.js - Javascript.php.asp - Dokumente in dynamischen Skriptsprachen

8 Was macht ein Web-Browser (Web-Client)? 1. Er lädt Dokumente/Dateien über das http- Protokoll von einem Server anhand des URL (Unified Ressource Locator) Er stellt die Webseite als dar.

9 Quelltext Was der Webbrowser im Anzeigefenster darstellt, ist eine Interpretation, das Ergebnis des Auslesens des HTML- Quelltextes des geladenen Dokuments Das Einfärben der unterschiedlichen Seitenelemente ("Syntax-Coloring" bzw. "Syntax-Highlighting") erleichtert den Überblick. Dies ist eine Funktion des darstellenden Programms, die Farben sind nicht mit dem Dokument gespeichert.

10 Was macht ein Web-Browser (Web-Client)? 1. Er lädt Dokumente/Dateien über das http- Protokoll von einem Server anhand des URL (Unified Ressource Locator) 2. Er liest den HTML-Quelltext des geladenen Dokuments aus (Parser-Funktion) Er stellt die Webseite als Interpretation des Quelltextes dar.

11 Verknüpfte Elemente Der Quelltext eines HTML-Dokuments enthält Verknüpfungen zu weiteren Dateien (z.b. Bilder), die vom Web-Browser ebenfalls geladen und bei der Darstellung in die Seite eingefügt werden logo.gif hulogo.gif modell1.jpg schlange.jpg reklame.gif Hermann von Helmholtz-Zentrum modell2.jpg für Kulturtechnik

12 Was macht ein Web-Browser (Web-Client)? 1. Er lädt Dokumente/Dateien über das http- Protokoll von einem Server anhand des URL (Unified Ressource Locator) 2. Er liest den HTML-Quelltext des geladenen Dokuments aus (Parser-Funktion) 3. Er lädt weitere, mit dem Hauptdokument verknüpfte Dateien (Bilder, Stylesheets usw.) 4. Er stellt die Webseite als Interpretation des Quelltextes dar.

13 Offline Arbeiten Der Web-Browser muss ein HTML-Dokument nicht aus dem Internet downloaden - er kann auch eine lokal gespeicherte Datei anzeigen Web-Dokumente, an denen gearbeitet wird, können so durch Anzeige im Browser überprüft werden

14 HTML-Dokumente Bearbeiten Web-Browser sind reine Anzeigeprogramme. Um ein HTML-Dokument zu bearbeiten, nutzt man einen HTML-Editor Quelltext-Editoren Bei ihnen wird unmittelbar am Quelltext gearbeitet WYSIWYG-Editoren "What You See Is What You Get" - Diese Editoren zeigen bereits beim Bearbeiten das Dokument in einer Browser-ähnlichen Darstellung.