Übersicht
Produktion der Seiten
Digitalisierung
Inhaltserschließung
verwendete Webstandards
Quelltextstruktur
Beispieldokument 1-4
Stylesheets
Dublin Core-Metadaten

Produktion der Seiten

Digitalisierung
Scannen
OCR (= Optical Code Recognition)
Umwandlung des gescannten Bildes in Text
Grafikbearbeitung
Kontrast, Helligkeit, ...
Komprimierung
Inhaltserschließung
Layout

Inhaltserschließung

Verwendete Web-Standards
Folgende WebStandards kommen auf den LinksRhein-Seiten zum Einsatz
HTML 4.0
HTML = Hypertext Markup Language. Eine Syntax, mit der Texte im WWW ausgezeichnet werden. Ein Text z.B. der fett erscheinen soll, wird von zwei HTML-Tags für bold (<b></b>) eingerahmt.
CSS
CSS = Cascaded Stylesheets. Eine Möglichkeit, an einer zentralen Stelle (eine Datei) die Beschreibung des Layouts von vielen HTML-Seite einheitlich zu definieren. Eine spätere Änderung des Layout muss dann nur in einer Datei vollzogen werden statt wie sonst in hunderten Dateien.
Dublin Core Metadaten
Dublin Core ist ein internationaler Metadaten Standard für die Beschreibung von Dokumente im World Wide Web. Es umfasst im Kern 15 Felder wie Titel, Beschreibung, Schlagwort, Datum etc.) In HTML werden Dublin Core Metadataen mit dem Meta-Tag ausgezeichnet.
Javascript (nur beim Suchformular)
Javascript ist eine Programmiersprache, geschaffen für einfache Funktionalitäten auf HTML-Seiten. Der Code wird in HTML von folgenden Tags eingerahmt. <script LANGUAGE="JavaScript"> Code...</script>

HTML-Dokumente bei LinksRhein
<html>
<head>
Titel
Stylesheet
Dublin Core Metadaten
</head>
<body>
Logo, Quelleangabe
Navigationsleiste oben
Text
Navigationsleiste unten
Änderungsdatum und Bearbeiterin
</body>
</html>

Beispieldokument 1 ...
<html>
      <head>
        <title>Vielseitiger</title>
        <!-- Stylesheets -->
        <link media="print" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_print.css" type="text/css">
        <link media="screen" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_screen.css" type="text/css">
        <!-- Dublin Core Metadaten -->
        <meta name="DC.TITLE" content="Vielseitiger">
        <meta name="DC.DESCRIPTION" content="Leserbrief von Angelika Bernecker zum Südkurier-Artikel
                                             &quot;Asylbewerber beenden Hungerstreik&quot; vom 25.5.00">
        <meta name="DC.SUBJECT" content="Flüchtlinge">
        <meta name="DC.SUBJECT" content="Leserbrief">
        <meta name="DC.SUBJECT" content="Asylbewerberleistungsgesetz">
        <meta name="DC.CREATOR" content="Bernecker, Angelika">
        <meta name="DC.DATE" content="(Scheme=ISO8601) 2000-05-30">
        <meta name="DC.TYPE" content="text.article">
        <meta name="DC.FORMAT" content="(Scheme IMT) text/html">
        <meta name="DC.PUBLISHER" content="linksrhein">
        <meta name="DC.IDENTIFIER" content="http://www.linksrhein.de/archiv/c/c000602a.htm">
      </head>
<body>
<!-- obere Navigationsleiste -->
<table width="100%" border="0" cellspacing="0" cellpadding="3">
  <!-- Tabellenzeile mit Logo und Quelle-->
  <tr>
    <td>
        <a name="top"><img src="../../img/linksrhein.gif" width="160" height="40" alt="linksrhein" border="0"></a>
    </td>
    <td valign="bottom" align="right">
        <small><b>Quelle:</b> Leserbrief im Südkurier vom 2.06.00</small>
    </td>
  </tr>

... Beispieldokument 2
<!-- Tabellenzeile mit Startseite, Pfeilen und Suche -->
  <tr bgcolor="#99FFFF">
    <td align="left">
      <small>
              &nbsp;
              <img src="../../img/x2.gif" width="16" height="13">
              <a href="../../index.htm">Startseite</a>
              <img src="../../img/x2.gif" width="16" height="13">
              <a href="index.htm#Hungerstreik">Karawane-Seite</a>
              <img src="../../img/x2.gif" width="16" height="13">
              <a href="c000605i.htm">Pressedoku</a>
      </small>
    </td>
    <td align="right">
        <small>
                <a href="c000605i.htm"><img src="../../img/left.gif" border="0" alt="zurück"></a>&nbsp;
                <a href="c000602a.htm"><img src="../../img/right.gif" border="0" alt="weiter"></a>&nbsp;
                <a href="../../suchlr.htm"><img src="../../img/find.gif" border="0" alt="suchen"></a>
        </small>
    </td>
  </tr>
</table>
<!-- Text Anfang-->
<H1 class="Titel">Vielseitiger</H1>
<H4 class="Untertitel">Zu <a href="c000525a.htm">"Asylbewerber beenden Hungerstreik"</a> im Südkurier vom 25.5.00</H4>
</html>

... Beispieldokument 3
<div class="Textköper">
Asylbewerber dürfen nicht arbeiten, haben also keine Chance, mit eigenem Geld Lebensmittel nach Wahl zu kaufen. Volkes Stimme sagt: "Sie liegen uns auf der Tasche." Würden sie jedoch arbeiten, käme garantiert der Kommentar: "Die nehmen uns die Arbeitsplätze weg." Der deutsche Staat hat diese Menschen aufgenommen, ihnen ein Dach über dem Kopf gegeben und versorgt sie mit einheitlichen Essenspaketen, also sollen sie zufrieden sein. Ich weiß zwar nicht wie die Menschen speisen, die mal eben diese Entscheidung getroffen haben, denke aber, dass deren Speiseplan etwas abwechslungsreicher und vielseitiger ist - genau wie meiner. Deshalb können wir uns diese Art von Zuteilung auch gar nicht vorstellen. Was ist so falsch daran, den Asylbewerbern Gutscheine im gleichen Wert des gestatteten Etats zu geben, damit sie sich wie andere Menschen selbständig mit Lebensmitteln eigener Wahl versorgen können? Wieso soll in Konstanz nicht funktionieren, was in anderen Landkreisen schon lange praktiziert wird?
</div>
<p class="autor">Angelika Bernecker</p>
<!-- Text Ende-->
<!-- untere Navigationsleiste -->
<table width="100%" border="0" bgcolor="#66FFFF" cellspacing="0" cellpadding="3">
  <tr>
    <tr bgcolor="#99FFFF">
    <td align="left">
        <small>
        &nbsp;
        <img src="../../img/x2.gif" width="16" height="13">
        <a href="../../index.htm">Startseite</a>
        <img src="../../img/x2.gif" width="16" height="13">
        <a href="index.htm#Hungerstreik">Karawane-Seite</a>
        <img src="../../img/x2.gif" width="16" height="13">
        <a href="c000605i.htm">Pressedoku</a>
        </small>
    </td>

... Beispieldokument 4
 <td align="right">
        <small>
        <a href="c000605i.htm"><img src="../../img/left.gif" border="0" alt="zurück"></a>&nbsp;
        <a href="c000602a.htm"><img src="../../img/right.gif" border="0" alt="weiter"></a>&nbsp;
        <a href="#top"><img src="../../img/up.gif" border="0" alt="Anfang"></a>
        </small>
    </td>
  </tr>
</table>
<p align="right"><small><!-- begin last modified -->sw, 5.6.00<!-- end last modified --></small></p>
</body>
</html>

Stylesheets
<link media="print" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_print.css" type="text/css">
<link media="screen" rel="stylesheet" href="/nadir/initiativ/linksrhein/layout/lr_screen.css" type="text/css">
Auszug aus dem Stylesheet lr_screen.css:
.Titel {font-weight: bold;
font-size: 30pt;
line-spacing: 30pt;
vertical-align: middle}
(...)
.Autor {font-style: italic;
                    font-weight: bold;
                    text-align: right}
...

Dublin Core Metadaten

Navigationsleiste

Tabellenstruktur

Tabelle in HTML
<table >
<tr>
<td>       </td>
  <td>Quelle: Leserbrief im Südkurier vom 2.06.00 </td>
</tr>
  <tr>
<td>           Startseite           Karawane-Seite            Pressedoku </td>
  <td>                          </td>
</tr>
</table>
(...)
 <table >
<tr>
  <td>           Startseite           Karawane-Seite             Pressedoku </td>
  <td>                          </td>
</tr>
</table>

Suchmaschine

Schlagwort-Navigation

Hardware
PC
Ab Intel Pentium/ AMD K6 oder Performa bei Apple Macintosh
Modem
56k Modem
Scanner
Ab 300 x 300 dpi optische Auflösung

Software
Webserver (Apache)
FTP-Programm (WS_FTP95 LE)
HTML-Editor (Phase5)
Suchmaschine (Harvest)
Bildbearbeitungssoftware
Powerpoint (Doku)

HTML-Editor

FTP-Upload