Farbtabelle erstellen

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.txtmarkieren 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>

Ä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).