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 27 Datenbanken abfragen
  gp 27.1 Das Bedienfeld Bindungen
  gp 27.2 Datensätze in Dreamweaver abfragen
    gp 27.2.1 Einfache Abfragen erstellen
    gp 27.2.2 Anzeigen von Datensätzen
    gp 27.2.3 Formatieren in der Live Data-Ansicht
    gp 27.2.4 Erweiterte Abfragen erstellen
    gp 27.2.5 Mehrere Datensätze abfragen
    gp 27.2.6 Bestimmte Datensätze abfragen
    gp 27.2.7 Datensatz-ID mit URL übergeben
    gp 27.2.8 Einstellbare Variablentypen
    gp 27.2.9 Testen der Abfragen
  gp 27.3 Dynamische Tabellen
    gp 27.3.1 Erstellen einer dynamischen Tabelle
    gp 27.3.2 Dynamische Tabelle mit Serververhalten
  gp 27.4 Bilder dynamisch einfügen
    gp 27.4.1 Bilder aus Datenbanken verlinken
    gp 27.4.2 Vorbereitungen für dynamisch eingefügte Bilder
  gp 27.5 In Datensätzen navigieren
    gp 27.5.1 Datensatznavigation erstellen
    gp 27.5.2 Bereiche in Abhängigkeit von Daten anzeigen
    gp 27.5.3 Datensatzanzahl anzeigen
    gp 27.5.4 Individuelle Datensatznavigationen erstellen
  gp 27.6 HTML-Attribute dynamisch generieren
    gp 27.6.1 Eigenschaften aus Datenquellen einfügen
    gp 27.6.2 Daten in der URL mit Hyperlinks übergeben
  gp 27.7 Automatische Master- und Detailseiten
  gp 27.8 Ausgabe formatieren
  gp 27.9 Aufbau der dynamischen Inhalte der Buchwebsite
    gp 27.9.1 Das Funktionsschema
    gp 27.9.2 Die Masterseite
    gp 27.9.3 Die Detailseiten


Rheinwerk Computing

27.5 In Datensätzen navigieren  downtop


Rheinwerk Computing

27.5.1 Datensatznavigation erstellen  downtop

Bei mehreren verfügbaren Datensätzen müssen Sie häufig zwischen diesen navigieren. Besonders bei einer Bilddatenbank kann dies der Fall sein. Dreamweaver 8 nimmt Ihnen auch hier mühevolle Arbeit ab und ermöglicht es, eine Datensatznavigation mit wenigen Klicks komplett zu erstellen. Die anschließenden optischen Anpassungen sind dann ein Kinderspiel.

Um dieses Serververhalten zu testen, lassen wir uns einfach das Bild 1 (image) aus der Tabelle »bilder« ausgeben.

Abbildung 27.46 Anzeige eines Bildes aus unserer Datenbank

In der Einfügeleiste können Sie unter Anwendungen eine Datensatzgruppen-Navigationsleiste einfügen. Die anschließende Warnung von Dreamweaver 8 können Sie ignorieren.

Abbildung 27.47 Eine Datensatzgruppen-Navigationsleiste einfügen

Datensatz definieren | Dreamweaver 8 möchte nun von Ihnen wissen, auf welchen Datensatz sich die Datensatzgruppen-Navigationsleiste beziehen soll. Wenn Sie mehrere verschiedene Datensätze in Ihrem Dokument anzeigen, können Sie aus der Dialogbox Datensatzgruppen-Navigationsleiste den gewünschten auswählen.

Abbildung 27.48 Eine Datensatzgruppen-Navigationsleiste wird ausgewählt.

Wir formatieren die eingefügte Datensatzgruppen-Navigationsleiste linksbündig. Sie können sie gestalten, wie Sie möchten, und vollständig an Ihr Layout anpassen.

Abbildung 27.49 Eine Datensatzgruppen-Navigationsleiste wird eingefügt und formatiert.

Im Browser testen | Im Browser können Sie nun zwischen den einzelnen Bildern navigieren. Dieses Serververhalten können Sie in der Live Data-Ansicht nicht testen, da Hyperlinks hier nicht funktionieren.

Abbildung 27.50 Über die Datensatz-Navigationsleiste kann man durch die Bilder browsen.


Rheinwerk Computing

27.5.2 Bereiche in Abhängigkeit von Daten anzeigen  downtop

Beim Aufbau von dynamischen Websites kommt es immer wieder vor, dass man Bereiche oder Elemente in Abhängigkeit von bestimmten Daten anzeigen möchte. In einem Shopsystem kann das zum Beispiel ein ganzer Block mit zusätzlichen Angaben sein, der nur dann angezeigt wird, wenn in diesem Block auch Einträge vorhanden sind. Würde man einen ganzen Block mit Tabellen und allem, was dazugehört, trotz fehlender Daten anzeigen, ergäben sich im Dokument unschöne leere Bereiche.

Abhängige Bereiche | Für derartige Anzeigeoptionen bietet sich die Anzeige in Abhängigkeit zum Dateninhalt an. Dreamweaver 8 verfügt auch hier über einige Features. Wir haben, um die Vorgehensweise zu verdeutlichen, in einem Dokument einen Datensatz mit Bild angezeigt.

Falls es keinen Datensatz gibt soll der Text »Keine Einträge vorhanden« erscheinen. Dies wird zum Beispiel bei einem Gästebuch mit Bildergalerie benötigt. Benutzer können Bilder hinterlegen – müssen aber nicht.

Abbildung 27.51 Anzuzeigender Inhalt in einem Dokument

Anzeigeoptionen von abhängigen Bereichen | Um einen von den Daten abhängigen Bereich einzufügen, müssen Sie zunächst den gewünschten Bereich vollständig auswählen und anschließend in der Einfügeleiste unter Anwendungen die Option Anzeigen, wenn Datensatzgruppe nicht leer ist oder Anzeigen, wenn Datensatzgruppe leer ist auswählen. Im Beispiel wurde die gesamte Tabelle ausgewählt. Diese soll bei vorhandenen Datensätzen angezeigt werden.

Abbildung 27.52 Abhängige Bereiche werden eingefügt.

Wie bei fast allen anderen Serververhalten auch, müssen Sie jetzt in der Dialogbox Anzeigen, wenn Datensatzgruppe (nicht) leer den gewünschten Datensatz anwählen.

Abbildung 27.53 Auswahl des Datensatzes, von dem die Anzeige der Bereiche abhängig sein soll

Wenn Sie für beide Bereiche die Anzeigeoptionen angelegt haben, wird in der Layout-Ansicht der Bereich wieder mit Platzhaltern und einer Beschriftung hinterlegt.

Abbildung 27.54 Die Bereiche werden mit Platzhaltern angezeigt.

Live Data-Ansicht zum Testen | In der Live Data-Ansicht wird der Bereich je nach Vorhandensein des Datensatzes angezeigt. Ist kein Inhalt vorhanden, wird auch er nicht mit ausgegeben. Sie können dies testen, indem Sie eine nicht vorhandene Datensatz-ID als URL-Variable übergeben.

Abbildung 27.55 Nur der erste der optionalen Bereiche wird angezeigt, der zweite nicht.


Rheinwerk Computing

27.5.3 Datensatzanzahl anzeigen  downtop

Immer wieder kommt es bei dynamischen Websites vor, dass Sie die Anzahl der vorhandenen Datensätze anzeigen wollen. Dies können Sie erreichen, indem Sie aus der Einfügeleiste die entsprechende Option auswählen.

Abbildung 27.56 Datensatzanzahl von Dreamweaver anzeigen lassen

Für eigene Datensatznavigationen können Sie über dieses Menü auch einen Navigationsstatus anzeigen lassen, damit Sie wissen, in welchem Datensatz Sie sich momentan befinden.


Rheinwerk Computing

27.5.4 Individuelle Datensatznavigationen erstellen  toptop

Weiterhin finden Sie in der Einfügeleiste ein Menü, um individuelle Datensatznavigationen zu erstellen. Legen Sie dafür vorher eine Abfrage an, die Ihnen eine bestimmte Anzahl an Datensätzen einer Tabelle ausgibt. Fügen Sie danach Grafiken oder Texte ein, um zum ersten, letzten, vorherigen und nächsten Datensatz zu navigieren. Markieren Sie einfach den gewünschten Bereich und klicken Sie in der Einfügeleiste auf die gewünschte Aktion.

Abbildung 27.57 Navigation in einem Datensatz erstellen

Die zuvor ausgewählte Grafik oder der Text wird von Dreamweaver 8 mit einer Aktion zum Aufruf eines anderen Datensatzes hinterlegt. Dabei wird die aktuelle Seite erneut aufgerufen und eine ID für den anzuzeigenden Datensatz übergeben. Das Prinzip ist das gleiche, als wenn Sie eine ID als URL-Parameter übergeben, um auf einen bestimmten Detaildatensatz zu verlinken.



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