Webedit - Lernanleitung für HTML-Editoren
Composer Logo Macromedia Dreamweaver
Titel Tabellen
< zurück
  Home
  Einleitung
Planung
HTML-Editoren
Macromedia Dreamweaver:
  Einleitung
  Programm
  Erstellen einer neuen Seite
Einfügen und Bearbeiten von:
 
  Text
  Grafiken
  Links und Verweisen
  Linien
Pfeil - aktuelle Position Tabellen
  Audio & Video
  Veröffentlichen

Webdesign
  Links
  Download
  Glossar
  Hilfe
  FAQ
  Impressum
  Sitemap

 


Tabellen können für die übersichtliche Darstellung von Daten verwendet werden. Im Zuge von Webdesign werden Sie jedoch auch häufig als Gestaltungselemente verwendet.

Dazu können Sie sich ein Beispiel (das auch schon unter Planung - Vorlagen verwendet wurde) einmal mit sichtbarem Rahmen und einmal das gleiche Beispiel mit unsichtbarem Rahmen ansehen. Der Gestaltung mit Tabellen sind also keine Grenzen gesetzt und Tabellen innerhalb von Tabellen bieten viele Möglichkeiten kreativ zu werden.


Einfügen

Tabellen einfügen - Symbol

Zum Einfügen von Tabellen stellen Sie die Einfügemarke (Cursor) an die entsprechende Stelle und klicken Sie auf das Symbol "Tabelle" (siehe links) im Fenster Objekte oben links am Bildschirm.

Im sich anschließend öffnenden Fenster können Sie alle für die Tabelle wichtigen Eigenschaften einstellen.

Tipp

Sollten Sie später noch Änderungen machen wollen, z.B. eine Spalte oder eine Zeile einfügen oder das Hintergrundbild ändern, können Sie dies über das Fenster Eigenschaften unten links am Bildschirm, wenn Sie die Tabelle markiert haben.

Eine gesamte Tabelle können Sie markieren, wenn Sie einmal auf die linke obere Ecke klicken.

Eine Zeile oder Spalte können Sie markieren, wenn Sie am Tabellenrahmen der jeweiligen Zeile oder Spalte klicken.


Fenster Tabelleneigenschaften

Zeilen/Spalten

In diesen Feldern können Sie die Anzahl der Zeilen (waagerecht) und Spalten (senkrechte Reihen) festlegen.

Zellenauffüllung

Der Wert bei Zellenauffüllung gibt den Abstand vom Text oder Inhalt der Zelle bis zum Rahmen an. Wenn der Inhalt der Zelle also nicht direkt am Rahmen beginnen soll, wählen Sie hier einen Wert 1 oder größer.

Tabellenbreite (und -höhe)

Hier können Sie vor allem die Breite der Tabelle in Prozent (also relativ zur Seitenbreite) oder absolut in Pixel angeben. Dabei ist aber darauf hinzuweisen, dass bei Prozentangaben die Tabelle in unterschiedlich großen Fenstern untscheidlich breit dargestellt wird. Wenn Sie jedoch die ganze Seite ausnützen wollen, verwenden Sie am besten Prozentangaben.

Rahmen

Wählen Sie einen größeren Wert für einen breiten Rahmen oder null, wenn der Rahmen unsichtbar sein soll.

Innerhalb der Tabelle können Sie Elemente wie Text, Grafik, Linien und auch Tabellen einfügen wie auf einer "normalen" Webseite ohne Tabellen. Gleiches gilt für Formatierungen.

Um eine einzelne Zelle oder Zeile nachträglich zu formatieren, klicken Sie mit der linken Maustaste einmal in diese Zelle und halten die Maustaste gedrückt. Dann fahren Sie in irgendeine Richtung aus der Zelle, sodass ein Rahmen angezeigt wird. Nun können Sie die Maustaste wieder loslassen.

Wenn Sie mehrere Zellen markieren wollen, bewegen Sie den Mauszeiger bei gedrückter Taste noch weiter, bis alle auszuwählenden Zellen einen Rahmen anzeigen.

Dann können Sie im Fenster Eigenschaften (unten links am Bildschirm) die Eigenschaften für den ausgewählten Bereich verändern, z.B. die Hintergrundfarbe:

Sie können entweder eine Hintergrundgrafik oder eine Farbe für jede einzelne Zelle der Tabelle oder für die gesamte Tabelle auswählen. Wenn Sie keine Auswahl treffen, erscheint der Hintergrund der Tabelle transparent. Für das Einfügen von Hintergrundgrafiken gelten die gleichen Funktionen wie für Grafiken.

Sie können auch eine weitere Tabelle innerhalb einer Zelle einfügen und somit viele Gestaltungsmöglichkeiten ausnützen. Sehen Sie sich noch einmal die oben erwähnten Beispiele mit und ohne Rahmen an und versuchen Sie ähnliche Webseiten zu erstellen.


Noch nicht genug gelernt? - Dann geht es weiter...


Home | Editoren | Netscape Composer | Frontpage Express | Macromedia Dreamweaver | Planung | Webdesign | Links | Download | Glossar | Hilfe | Impressum | Sitemap | FAQ
© 2001 - Sigrid Moser - letzte Änderung: 26-Sep-2001

Im Netlexikon suchen
Erklärung zu Begriffen wie Internet,
Webspace, HTML und anderen.


-> öffnet sich in neuem Fenster