|
|
|
|
|
Tabellen sind ein mächtiges Werkzeug um das Layout und die Präsentation von Daten, sowie von Bildern zu optimieren. Wenn Sie nachfolgende Schritte beherrschen, können Sie die Wirksamkeit Ihrer Webpräsenz immens verbessern. Button
| Name
| Beschreibung
| 
| Tabelle einfügen
| An der Stelle, an der sich der Cursor beim Klicken auf befindet, wird eine neue Tabelle eingefügt. Dies geschieht über die Auswahl, dort kann man die Anzahl der Zeilen und Spalten bestimmen.
Während der Mauszeiger über das Auswahlfenster bewegt wird, wird der Hintergrund der Auswahl rot. Die Zellen und Spalten, die rot sind, repräsentieren die Größe der einzufügenden Tabelle. Falls Sie eine Tabelle mit vier Spalten und zwei Zeilen benötigen, sieht das so aus:
Die Tabelle, die erstellt wurde sieht folgendermassen aus:
 Falls Sie eine größere Tabelle benötigen, oder die Tabelle zu einem anderen Zeitpunkt ändern wollen, ist das kein Problem!
Klicken Sie in die Tabelle (der Mauszeiger muss in einer der Zellen platziert sein) während Sie sich im Editiert-Modus befinden. Falls Sie z.B. in die zweite Spalte der ersten Zeile klicken, bekommen Sie folgendes Ergebnis.
Beachten Sie bitte folgende Zeichen:  und  .
Das horizontale Zeichen bezieht sich auf die Spalten. Wenn auf den rechten Pfeil geklickt wird, wird rechts eine Spalte eingefügt. Durch Klicken des linken Pfeils wird eine Spalte links vom Cursors eingefügt. Um eine Spalte zu löschen, Klicken Sie auf den Kreis mit dem Kreuz.zwischen den Pfeilen.
Das vertikale Zeichen bezieht sich auf die Zeilen. Auf den oberen Pfeil geklickt erzeugt eine Zeile über, auf den unteren Pfeil eine Zeile unter der Zeile mit in der sich der Cursor befindet eingefügt. Zeilen werden durch Klicken auf den Kreis mit dem Kreuz gelöscht.
| 
| Tabellenhintergrund
| Um den Hintergrund der Tabelle zu ändern, positionieren Sie den Cursor in der zu ändernden Zelle und klicken Sie auf Wählen Sie in der erscheinenden Auswahl Ihre Farbe aus. In dieser Zelle haben wir einen gelbton gewählt.
| 
| Tabellenumrandung
| Die Auswahl über die Tabellenumrandungen erscheint nach klicken auf .
 Die oberen horizontalen Zeilen,repräsentieren die Dicke der Tabellenumrandungen. Wenn mit dem Mauszeiger über die Zeilen gefahren wird, verfärben sich die Ränder rot um die Dicke besser anzuzeigen. Wenn Sie die optimale Dicke der Ränder gefunden haben, klicken Sie darauf. Nachfolgend die verschiedenen Umrandungsdicken: Die unteren vier Quadrate beziehen sich auf die Linien in der Tabelle. Bei Auswahl des ersten Quadrates wird die Tabelle keine internen Linien haben. Bei Auswahl des zweiten Quadrates wird die Tabelle nur horizontalte Linien haben. Das dritte Quadrat bewirkt nur vertikale Linien. Das letzte Quadrat bewirkt vertikale und horizontale Linien in Ihrer Tabelle. Nachfolgend 4 Tabellen mit den 4 verschiedenen Optionen. | 
| Zellenbreite
| Nach Klicken auf . Erscheint nachfolgender Dialog:
Diese Funktion wird angewandt auf die Spalte in welcher sich der Cursor beim Klicken befindet.
Um verschiedene Breiten für die Spalte auszuwählen, müssen Sie nur mit der Maus über den Dialog fahren und klicken, wenn Sie die optimale Breite für sich rausgefunden haben.
In diesem Beispiel haben wir die Breite auf 40% verkleinert.
Dies bewirkt, das die ausgewählte Zeile, die gewünschte Breite annimmt. Wenn der Inhalt der Zelle die Zellenbreite überschreitet, wird die Zelle die gewünschte Breite ignorieren und die Breite an den Inhalt anpassen.
Nachfolgend haben wir 3 verschiedene Tabellen, die erste ist ohne Änderungen, die zweite Tabelle hat in der zweiten Zelle eine Breite von 10%. In der dritten Tabelle, hat die zweite Zelle ebenfalls eine Breite von 10%, aber der Inhalt ist zu groß, daher passt sich die Zellenbreite dem Inhalt der Zelle an.
Tabelle 1
| | Tabelle 2
| | Tabelle 3
|
| einlängeresWortalsdieZellenbreite
| |
| 
| Ausrichtung oben
| An Stellen, an denen eine Zelle in einer Zeile größer als die andere ist, muss man sich überlegen, wo der Inhalt der kleineren Zelle abgebildet werden soll. Die Ausrichtungsmöglichkeiten bieten Ihnen 3 Alternativen, den Text in einer Zelle zu platzieren.
In folgender Tabelle zeigen wir die verschiedenen Möglichkeiten.
Zelle1
| Zelle2
qwe
rtz
uio
plk
jhg
fds
ayxx
cvb
nm
| In der oberen Tabelle wurde der Text der ersten Zelle oben ausgerichtet durch Klicken auf | 
| Ausrichtung Mitte
|
Zelle1
| Zelle2
qwe
rtz
uio
plk
jhg
fds
ayxx
cvb
nm
| Auf dieselbe Tabelle haben wir die mittige Ausrichtung durch Klicken auf angewandt.
| 
| Ausrichtung unten
|
Zelle1
| Zelle2
qwe
rtz
uio
plk
jhg
fds
ayxx
cvb
nm
| In der Tabelle wurde der Text der ersten Zelle unten ausgerichtet durch Klicken auf | |
Praxisbeispiel:
Sie wollen eine Produktliste erstellen, in der ersten Zeilen sind Ihre Überschriften, danach Ihre Produkte:
Produkt
| Beschreibung
| Preis
| Buccaneer
| Staub- und Wasserdichte Versiegelung. Low und high speed bus connection, 1.5Mbs bis 480Mbs.
| x
| IEC Connectors
| Ein Sortiment von Hauptleitungen Eingänge, Anschlüsse und Stecker in Übereinstimmung mit Spezifikationen Iec und EN60320.
| y
| Obwohl die Tabelle ihre Funktion erfüllt, ist sie nicht sehr ansprechend. Mit wenigen Klicks, wird aus der unansprechenden Tabelle eine Tabelle, die ansprechend ist
Produkt
| Beschreibung
| Preis
| Buccaneer
| Staub- und Wasserdichte Versiegelung. Low und high speed bus connection, 1.5Mbs bis 480Mbs. | x
| IEC Connectors
| Ein Sortiment von Hauptleitungen Eingänge, Anschlüsse und Stecker in Übereinstimmung mit Spezifikationen Iec und EN60320. | y
| - Machen Sie den Hintergrund der Überschriften dunkelrot durch ,
- Ändern Sie die Schriftfarbe der Überschriften durch
 , - Wählen Sie die erste und die letzte Spalte aus und zentrieren Sie den Text durch
 , - Setzen Sie die Spaltenbreite für die erste Spalte mit auf 20%.
- Setzen Sie die Spaltenbreite für die Preisspalte auf 10%, indem Sie wiederum benutzen.
|
|
|
|
|
|
|
