Propädeutikum - Institut für Dokumentologie und Editorik
Propädeutikum - Institut für Dokumentologie und Editorik
Propädeutikum - Institut für Dokumentologie und Editorik
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
SummerSchool Digitale Editionen – Köln, 1.-5. September 2008<br />
Herzlich Willkommen!
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Propädeutikum: Gr<strong>und</strong>technologien <strong>und</strong> Datenformate<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Teil 1: Internet-Architektur, statische <strong>und</strong> dynamische Seiten, HTML/CSS<br />
(Philipp Steinkrüger)<br />
Teil 2: XML, Digitale Bilder, Zeichenkodierung, OCR<br />
(Bernhard Assmann)
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Veröffentlichung von Editionen<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Printversion Digitale Version<br />
- CDROM<br />
Internet<br />
…
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Internet vs. CDROM Distribution<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Internet<br />
CDROM<br />
Distributionsaufwand praktisch null hoch<br />
Produktionskosten praktisch null hoch<br />
Software<br />
Nutzung:<br />
Kompatibiliät <strong>und</strong><br />
Komfort<br />
Updates <strong>und</strong><br />
Erweiterungen<br />
ausgereifte Produkte<br />
verfügbar<br />
Systemübergreifende<br />
Nutzung durch<br />
Rückgriff auf<br />
Internetbrowser.<br />
Lernaufwand für<br />
Nutzung praktisch<br />
null. Überall<br />
verfügbar<br />
Änderung an nur<br />
einem System nötig<br />
eigene Erstellung<br />
oder Portierung<br />
nötig<br />
Muss für<br />
verschiedene<br />
Betriebssysteme<br />
konzipiert werden.<br />
Lernaufwand.<br />
Verfügbarkeit<br />
beschränkt durch<br />
Medium <strong>und</strong> evtl.<br />
Softwareinstallationen.<br />
Neuproduktion<br />
erforderlich
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Internet Dienste<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Email (POP/IMAP <strong>und</strong> SMTP)<br />
Filetransfer (FTP)<br />
Chat (IRC)<br />
…<br />
WWW (HTTP)
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Internet-Architektur: Server <strong>und</strong> Client<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Client<br />
Anfrage<br />
Antwort<br />
Server<br />
interpretiert HTML Code<br />
<strong>und</strong> erzeugt dadurch die<br />
Ausgabe<br />
versendet HTML Code<br />
<strong>und</strong> Bilddaten
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Browser interpretiert HTML Code <strong>und</strong> erzeugt die Ausgabe<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
<br />
<br />
Testseite<br />
<br />
<br />
<br />
Hello World!<br />
<br />
<br />
<br />
Browser-<br />
Engine<br />
HTML Code<br />
Browser Ausgabe
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Statische vs. dynamische Seiten<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML only<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
statische<br />
Seiten<br />
Client<br />
Webserver<br />
dynamische<br />
Seiten<br />
Client<br />
Webserver<br />
PHP<br />
Engine<br />
Datenbank<br />
server
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML only<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Client<br />
Webserver
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML Versionen<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Phase 1: bis Version 4.0<br />
Erweiterung des Vokabulars durch Entwicklung verschiedenster<br />
Elemente zur Präsentation<br />
Phase 2: ab 4.0 (veröffentlicht am 18.12.1997)<br />
Trennung von logischer Struktur <strong>und</strong> Präsentation; Einführung von<br />
Stylesheets; Unterteilung verschiedener Sets von Elementen (strict,<br />
frameset, transitional)<br />
Phase 3: XHTML 1.0 (veröffentlicht am 26.1.2000)<br />
Neuformulierung in XML
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Trennung von Struktur <strong>und</strong> Präsentation<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Beispiel: Überschriften<br />
Code <br />
Vom Kriege<br />
<br />
Vom Kriege<br />
Ausgabe<br />
Vom Kriege Vom Kriege
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein einfaches Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein einfaches Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
2 Internet-Architektur<br />
2.1 Browserinterpretation<br />
2.2 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
3 HTML<br />
3.1 HTML Entwicklung<br />
3.2 Trennung Struktur<br />
<strong>und</strong> Präsentation<br />
3.3 HTML <strong>und</strong> CSS<br />
3.4 HTML <strong>und</strong> CSS:<br />
einfaches Beispiel<br />
3.5 HTML <strong>und</strong> CSS:<br />
komplexes Beispiel<br />
“Diary of Robert Graves 1935-39 and ancillary material”<br />
http://graves.uvic.ca/<br />
Komplexe Webpage, erzeugt aus XML Dateien<br />
basierend auf XHTML Dateien, Javascript <strong>und</strong> Stylesheets
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
BODY<br />
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
div ‚header‘<br />
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
tab ‚container‘<br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
div ‚footer‘
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
Zelle ‚navbar‘
Zelle ‚entry‘<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
tab OT<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
div ‚navb‘<br />
Zelle ‚navbar‘
Zentrum für Mittelalterstudien der Universität zu Köln<br />
Historisch-Kulturwissenschaftliche Informationsverarbeitung<br />
Thomas-<strong>Institut</strong><br />
<strong>Institut</strong> für <strong>Dokumentologie</strong> <strong>und</strong> <strong>Editorik</strong><br />
ZfMs<br />
HKI<br />
TI<br />
IDE<br />
Tabelle 1<br />
HTML <strong>und</strong> CSS: ein komplexes Beispiel<br />
Tabelle 2<br />
Propädeutikum Teil 1<br />
1.1 Distributionswege:<br />
Internet vs. CDROM<br />
1.2 Internet Dienste<br />
1.3 Internet-Architektur<br />
1.4 HTML <strong>und</strong> CSS<br />
1.5 Statische <strong>und</strong><br />
Dynamische Inhalte<br />
Tabelle 3<br />
div ‚navb‘