Workshop Farbpalette (2)
Workshop Farbpalette (2)

Darstellung der Farben als Tabelle
Zielstellungen:
 
     
  • Die Farbbezeichnungen, welche im Teil 1 dieses Workshops als Datei namens "wcolor.txt" erstellt wurden, sollen als HTML-Farbtabelle sichtbar gemacht werden.
  • Ziel dieses Arbeitsschrittes ist es, mittels MS-Word eine HTML-Datei zu erzeugen und unter dem Namen "wcolor.htm" zu speichern.
Hilfsmittel:
 
     
  • Zur Umwandlung der Datei wcolor.txt in eine Farbtabelle wird das Programm "MS-Word 97" verwendet.
  • Kenntnisse der HTML-Tags werden vorausgesetzt.
  • Der Umgang mit MS-Word zur Erstellung der HTML-Datei als Tabelle wird hier demonstriert.
Schritt 1:
Sortieren der Farbnamen in alphabetischer Reihenfolge
     
  • Starten Sie MS-Word. Aktivieren Sie die "Konvertierungsbestätigung" (Menü: Extras - Optionen - Allgemein - Konvertierung beim Öffnen bestätigen).
  • Aktivieren Sie den Menübefehl Datei - Öffnen. Stellen Sie den Dateityp auf Textdatei.
  • Ausgehend von der als nur Text geöffneten Datei wcolor.txt markieren Sie alle Farbnamen (Menü: Bearbeiten - Alles markieren, bzw. Strg+A)
  • Sortieren Sie nun die Absätze in aufsteigender Reihenfolge (Menü: Tabelle - Sortieren). Nunmehr muß aliceblue als erster und yellowgreen als letzter Eintrag stehen. 
Schritt 2:
  Erstellen der Farbtabelle
     
  • Fügen Sie am Beginn der Farbliste einen leeren Absatz ein (Enter-Taste) und setzen Sie die Schreibmarke wieder an den Beginn des Dokuments
  • Jede Farbbezeichnung soll nun die Hintergrundfarbe einer Tabellenzelle bestimmen. Suchen Sie (mittels Menü: Bearbeiten - Ersetzen, bzw. Strg+H) also nach der Absatzmarke (repräsentiert durch ^a) und ersetzen Sie diese durch folgende Angaben (einschließlich der Anführungsstriche):
    ">&nbsp</td></tr><tr>^a<td bgcolor="
  • Im Ergebnis entstehen Tabellenzelldefinitionen vom Typ:

  • <td bgcolor="aliceblue">&nbsp</td></tr><tr>
    wobei jedesmal eine Tabellenzeile beendet und die nächste begonnen wird.
  • Ändern Sie nun noch den ersten Absatz so, daß die HTML-Tags für den Beginn eines HTML-Dokuments und den Beginn einer Tabelle (mit dünner Umrandung und fetter Überschrift) entstehen:
    <html><body><table border=1 cellspacing=0 cellpadding=0 width="100%"><tr><td><b>Farbe</b></td></tr><tr>
  • Ändern Sie den vorletzten und den letzten Absatz so, daß die HTML-Tags für das Tabellenende und das Ende eines HTML-Dokuments entstehen:
    </tr></table></body></html>
Schritt 3:
  Speichern und Testen des Ergebnisses
     
  • Speichern Sie das Ergebnis als Textdatei unter dem Namen wcolor1.htm
  • Öffnen Sie die Datei namens wcolor1.htm nun mit einem Browser (Netscape oder MS-IE) und kontrollieren Sie das Ergebnis (also eine Tabelle aus eine Überschriftenzeile und 140 Farbzeilen bestehend).

Webdesign by: Dipl.-Math. Horst Liske, EDV-Beratung HolyWare©E-Mail an Horst@holyware.de