Rheinwerk Design < openbook > Rheinwerk Design - Know-how für Kreative.
Know-how für Kreative

Inhaltsverzeichnis
1 Einleitung
2 Projektablauf für die Buchwebsite
3 Programmgrundlagen
4 Dreamweaver erweitern
5 Eine Site erstellen
6 Grundlegende Dokumenteinstellungen
7 Tabellen in Dreamweaver
8 Bilder im Web
9 Framesets
10 Aktionen
11 Die Zeitleiste
12 CSS in Dreamweaver
13 Ebenen
14 Hyperlinks
15 Vorlagen und Bibliotheken
16 Formulare
17 Quelltext de Luxe
18 Dreamweaver und Flash
19 Office-Daten einfügen
20 Dynamische Websites – eine Einführung
21 Einführung in PHP
22 Lokalen Webserver installieren
23 Dynamische Sites in Dreamweaver einrichten
24 MySQL-Grundlagen
25 Datenbanken mit Dreamweaver anbinden
26 PHP und Dreamweaver
27 Datenbanken abfragen
28 Daten einfügen und dynamische Formulare
29 Datensätze bearbeiten
30 Benutzer authentifizieren und Zugriffsrechte festlegen
31 Fortgeschrittene Techniken
32 Dreamweaver 8 und XML
33 Menüs für dynamische Verhalten
Stichwort
Ihre Meinung?

Spacer
 <<   zurück
Dreamweaver 8 von Richard Beer, Susann Gailus
Webseiten entwickeln mit HTML, CSS, XML, PHP und MySQL
Buch: Dreamweaver 8

Dreamweaver 8
mit CD
639 S., 39,90 Euro
Rheinwerk Design
ISBN 978-3-89842-739-5
gp 7 Tabellen in Dreamweaver
  gp 7.1 Einfügen von Tabellen
    gp 7.1.1 Hilfsmittel für Tabellen
    gp 7.1.2 Arbeiten im erweiterten Modus
  gp 7.2 Tabelleneigenschaften einstellen
    gp 7.2.1 Zelleneigenschaften einstellen
    gp 7.2.2 Fehler vermeiden
  gp 7.3 Verschachtelte Tabellen
    gp 7.3.1 Spezialfall Netscape 4.7
    gp 7.3.2 Der Trick mit den transparenten GIFs
    gp 7.3.3 Tabellenumrandungen erstellen
  gp 7.4 Zentrieren mit Tabellen


Rheinwerk Computing

7.2 Tabelleneigenschaften einstellen  downtop

Die Anzahl der Spalten und Zeilen sowie die Breiten und Höhen können auch bei einer bereits vorhandenen Tabelle im Eigenschafteninspektor verändert werden. Sie müssen dafür nicht die ganze Tabelle löschen und neu anlegen.

Abbildung 7.5 Tabelleneigenschaften im Eigenschafteninspektor

Ausrichtung | Rechts oben im Eigenschafteninspektor finden Sie das Popup-Menü zum Ausrichten der Tabellen im Dokument. Tabellen können nicht – wie von Texten gewohnt – innerhalb eines Absatzes ausgerichtet werden. Das Attribut zum Ausrichten der Tabelle muss direkt im <table>-Tag angegeben werden. Daher ist es erforderlich, die Tabelle auszuwählen und die Ausrichtung in dem eben erwähnten Popup einzustellen.

Farben und Ränder | Weitere Einstellmöglichkeiten sind Hintergrundfarbe oder -bild und Randfarben. Die Randfarben werden allerdings nur in wenigen Browsern richtig angezeigt. Wenn Sie Tabellen mit Umrandungen benötigen, empfiehlt sich eine andere Vorgehensweise, die wir Ihnen weiter unten zeigen werden.

Zellraum und Zellauffüllung | Äußerst wichtig für ein Layout mit Tabellen ist das Einstellen von Zellraum und Zellauffüllung , wobei der Zellraum den Abstand einzelner Zellen zueinander und die Zellauffüllung den Abstand des Zellinhaltes zum Rand definiert. Mit der Kombination beider Eigenschaften können Sie Abstände in Tabellen genau definieren.

Tabellenabmessungen können in Prozent oder in genauen Pixelwerten eingegeben werden. Mit den Funktionen der Icons im linken unteren Bereich des Eigenschafteninspektors können Sie Prozentwerte in Pixelwerte und umgekehrt konvertieren.

Abbildung 7.6 Zellraum und Zellauffüllung


Rheinwerk Computing

7.2.1 Zelleneigenschaften einstellen  downtop

Zellen besitzen unabhängig von der Tabelle eigene Eigenschaften. Diese können Sie einstellen, indem Sie in eine Zelle klicken oder durch Ziehen mit der Maus mehrere Zellen auswählen. Wenn Sie mehrere Zellen gleichzeitig markieren, gelten die eingestellten Parameter für alle selektierten Zellen.

Abbildung 7.7 Zelleneigenschaften im Eigenschafteninspektor

Klicken Sie zum Verbinden oder Teilen von Zellen auf das Icon .

Mit wird die Ausrichtung des Zelleninhalts festgelegt. Möchten Sie beispielsweise, dass ein Text innerhalb einer Zelle immer oben beginnt, müssen Sie hier zunächst Vert. Oben anwählen.

Die Breiten und Höhen einer Zelle werden über die Felder B und H eingegeben. Diese Eingabe kann in Pixel oder in Prozent erfolgen. Wenn Sie Prozent wählen, wird die Zelle auf diesen Wert bezogen auf die gesamte Tabelle gestreckt oder verkleinert.

Achten Sie möglichst darauf, Prozent und Pixelwerte nicht zu mischen.


Rheinwerk Computing

7.2.2 Fehler vermeiden  toptop

Bei der Festlegung von Eigenschaften der Tabellen und Zellen können Sie mit der richtigen Vorgehensweise Fehler im Layout frühzeitig vermeiden:

  • Achten Sie darauf, immer exakte Zellbreiten anzugeben. Die Gesamtsumme aller Zellbreiten muss mit der gesamten Tabellenbreite übereinstimmen. Ist die Gesamtsumme aller Zellbreiten nur 1 Pixel größer als die Breite einer Tabelle, wird Ihr Layout ein Glücksspiel und die Browserdarstellung für manche Überraschung sorgen. Sehr viele Layoutfehler haben hier ihre Ursache.
  • Wenn Sie zwei oder mehr Zellen verbinden (siehe Abbildung 7.8), ist die Breite dieser Zelle von der Summe der Zellbreiten der verbundenen Zellen abhängig. Verschieben Sie eine Zelle in den Spalten einer anderen verbundenen Zelle, kommt es oft zu unvorhersehbaren Effekten. Vermeiden Sie diese Vorgehensweise nach Möglichkeit. Das Arbeiten mit verschachtelten Tabellen ist nicht schwer und wesentlich sicherer für das Layout.

Abbildung 7.8 Verbundene Zellen in einer Tabelle

  • In Dreamweaver können Sie mit der Maus Spaltenbreiten und Zeilenhöhen verschieben. Dabei werden automatisch Werte in Breiten und Höhen eingetragen. Dies geschieht auch in Zellen, die Sie gar nicht verschieben wollten. Tragen Sie Breiten und Höhen grundsätzlich von Hand ein, das ist wesentlich exakter, und Sie haben Kontrolle über die Einträge.
  • Sie können Tabellen auswählen, indem Sie auf ihren Rahmen klicken. Da dieser Rahmen gleichzeitig verschiebbar ist und damit Breiten und Höhen definiert werden, kann es schnell passieren, dass ungewollte Werte eingetragen werden. Das versehentliche Verschieben um 1 Pixel reicht aus, um Breitendefinitionen einzutragen, die Sie anschließend mühsam wieder entfernen müssen. Sie sollten daher nicht den Rahmen anwählen, sondern stattdessen im erweiterten Layoutmodus oder mit der rechten Maustaste arbeiten.
  • Viele Einstellungen, wie auch das Auswählen der Tabelle, können Sie über die rechte Maustaste vornehmen. Klicken Sie dazu in die Zelle und betätigen Sie die rechte Maustaste, um in alle wichtigen Menüs zu gelangen.

Abbildung 7.9 Menü auf der rechten Maustaste



Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.

 <<   zurück
  
  Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das Openbook gefallen?
Ihre Meinung

 Buchtipps
Zum Rheinwerk-Shop: Adobe Dreamweaver CC






 Adobe
 Dreamweaver CC


Zum Rheinwerk-Shop: Adobe Dreamweaver CC Einstieg






 Adobe Dreamweaver
 CC Einstieg


Zum Rheinwerk-Shop: Responsive Webdesign






 Responsive Webdesign


Zum Rheinwerk-Shop: Suchmaschinen-Optimierung






 Suchmaschinen-
 Optimierung


Zum Rheinwerk-Shop: Schrödinger lernt HTML5, CSS3 und JavaScript






 Schrödinger lernt
 HTML5, CSS3
 und JavaScript


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und der Schweiz
InfoInfo




Copyright © Rheinwerk Verlag GmbH 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das Openbook denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.


Nutzungsbestimmungen | Datenschutz | Impressum

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern