Fireworks: Schönere Tabellen

von Fries Websolutions

Tabellen lassen sich in ihrem Aussehen eher nur begrenzt beeinflussen. Aber nicht mit Fireworks, hier sind der Fantasie kaum Grenzen gesetzt. Optisch attraktive Tabellen können gezeichnet und direkt in eine HTML-Seite übernommen werden.

Diese Übung dürfte vor allem die jenigen interessieren, die es gewohnt sind ihre Seiten direkt in Fireworks zu erstellen. Die eigentlichen Inhalte werden dann mit Dreamweaver eingefügt. Kenntnis der Exportoptionen sowie über den grundlegenden Umgang mit Segmenten sollte aber schon vorhanden sein.

1. Ein Rechteck ohne Füllung, nur mit Pinselstrich zeichnen.

2. Dem Rechteck die gewünschten Effekte zufügen. Im Beispiel ein Schlagschatten und Außen geschliffen mit folgenden Einstellungen.

3. Ist das Layout erstellt, muss es für den Export vorbereitet werden. In Fireworks lässt sich durch zeichnen von Segmenten die Struktur einer Seite bestimmen. Jedes Segment ist später eine Tabellenzelle. Wichtig ist, dass das Feld für den späteren Inhalt gekennzeichnet wird.

Wir haben die Segmente zum besseren Verständnis eingefärbt. Die grünen Segmente sind als Textsegmente festgelegt. An diesen Orsten kann später beliebiger HTML-Inhalt eingefügt werden. Die Festlegung für das ausgewählte Segment als Typ Text geschieht in folgendem Bedienfeld.

Bei der Segmentierung sollte man übermäßig viele Felder vermeiden.

4. Das gesamte Layout wird nun als HTML-Datei exportiert. Der eigentliche Inhalt wird mit einem geeigneten Editor in die dafür vorgesehenen Tabellenzellen eingefügt.

Es ist allerdings nicht immer möglich den Inhalt exakt in eine solche Tabelle zu setzen. Besser ist es daher die komplette HTML-Datei zu exportieren und den Code bis auf den Inhalt nicht zu verändern. Müssen Änderungen an der Tabellenstruktur vorgenommen werden, kann die eigentliche HTML-Datei über Datei-->HTML aktualisieren direkt aus Fireworks heraus problemlos angepaßt werden.