Benutzerhandbuch Abbrechen

Anzeigen von Datenbank-Datensätzen

  1. Dreamweaver-Benutzerhandbuch
  2. Einführung
    1. Grundlagen von responsivem Webdesign
    2. Neue Funktionen in Dreamweaver
    3. Web-Entwicklung mit Dreamweaver – Überblick
    4. Dreamweaver/Häufige Fragen
    5. Tastaturbefehle
    6. Dreamweaver – Systemanforderungen
    7. Übersicht über die Funktionen
  3. Dreamweaver und Creative Cloud
    1. Dreamweaver-Einstellungen mit Creative Cloud synchronisieren
    2. Creative Cloud-Bibliotheken in Dreamweaver
    3. Photoshop-Dateien in Dreamweaver verwenden
    4. Mit Adobe Animate und Dreamweaver arbeiten
    5. Web-optimierte SVG-Dateien aus Bibliotheken extrahieren
  4. Arbeitsbereiche und Ansichten in Dreamweaver
    1. Der Dreamweaver-Arbeitsbereich
    2. Dreamweaver-Arbeitsbereich für die visuelle Entwicklung optimieren
    3. Dateien anhand von Dateinamen oder Inhalten suchen | Mac OS
  5. Sites einrichten
    1. Dreamweaver-Sites
    2. Lokale Version Ihrer Site einrichten
    3. Verbindung mit einem Publishing Server herstellen
    4. Testserver einrichten
    5. Site-Einstellungen importieren und exportieren
    6. Vorhandene Websites von einem Remote-Server in Ihren lokalen Site-Stammordner kopieren
    7. Barrierefreie Funktionen in Dreamweaver
    8. Erweiterte Einstellungen
    9. Site-Voreinstellungen für die Übertragung von Dateien festlegen
    10. Proxyserver-Einstellungen in Dreamweaver festlegen
    11. Dreamweaver-Einstellungen mit Creative Cloud synchronisieren
    12. Git in Dreamweaver verwenden
  6. Dateien verwalten
    1. Dateien öffnen und erstellen
    2. Dateien und Ordner verwalten
    3. Dateien vom Server abrufen/auf dem Server bereitstellen
    4. Dateien einchecken und auschecken
    5. Dateien synchronisieren
    6. Dateien auf Unterschiede vergleichen
    7. Dateien und Ordner in Ihrer Dreamweaver-Site von Operationen ausschließen (Cloaking)
    8. Design Notes für Dreamweaver-Sites aktivieren
    9. Potenzielle Gatekeeper-Angriffe verhindern
  7. Layout und Entwurf
    1. Visuelle Hilfsmittel für das Layout verwenden
    2. CSS für das Seitenlayout verwenden
    3. Responsive-Websites mit Bootstrap entwerfen
    4. Medienabfragen in Dreamweaver erstellen und verwenden
    5. Inhalte in Tabellen darstellen
    6. Farben
    7. Responsive Design mithilfe von fließenden Rasterlayouts
    8. Extract in Dreamweaver
  8. CSS
    1. Grundlegendes zu Cascading Stylesheets
    2. Gestalten von Seitenlayouts mit CSS Designer
    3. CSS-Präprozessoren in Dreamweaver verwenden
    4. Voreinstellungen für CSS-Stile in Dreamweaver festlegen
    5. CSS-Regeln in Dreamweaver verschieben
    6. Inline-CSS in Dreamweaver in eine CSS-Regel umwandeln
    7. Mit div-Tags arbeiten
    8. Verläufe auf den Hintergrund anwenden
    9. CSS3-Übergangseffekte in Dreamweaver erstellen und bearbeiten
    10. Code formatieren
  9. Seiteninhalt und Elemente
    1. Seiteneigenschaften festlegen
    2. CSS-Eigenschaften von Überschriften und Links festlegen
    3. Mit Text arbeiten
    4. Text, Tags und Attribute suchen und ersetzen
    5. DOM-Bedienfeld
    6. In der Live-Ansicht bearbeiten
    7. In Dreamweaver die Kodierung von Dokumenten festlegen
    8. Elemente im Dokumentfenster auswählen und anzeigen
    9. Texteigenschaften im Eigenschafteninspektor festlegen
    10. Rechtschreibprüfung für Web-Seiten durchführen
    11. Horizontale Linien in Dreamweaver verwenden
    12. Schriftkombinationen in Dreamweaver hinzufügen und ändern
    13. Mit Elementen arbeiten
    14. Datumsangaben in Dreamweaver einfügen und aktualisieren
    15. In Dreamweaver Favoritenelemente erstellen und verwalten
    16. Bilder in Dreamweaver einfügen und bearbeiten
    17. Medienobjekte hinzufügen
    18. Videos in Dreamweaver einfügen
    19. HTML5-Videos einfügen
    20. SWF-Dateien einfügen
    21. Audioeffekte hinzufügen
    22. In Dreamweaver HTML5-Audiodateien einfügen
    23. Mit Bibliothekselementen arbeiten
    24. Arabischen und hebräischen Text in Dreamweaver verwenden
  10. Hyperlinks und Navigation
    1. Allgemeines zu Hyperlinks und Navigation
    2. Hyperlinks erstellen
    3. Imagemaps
    4. Fehler in Hyperlinks beheben
  11. jQuery-Widgets und -Effekte
    1. jQuery UI- und Mobile-Widgets in Dreamweaver verwenden
    2. jQuery-Effekte in Dreamweaver verwenden
  12. Websites programmieren
    1. In Dreamweaver programmieren
    2. Programmierumgebung in Dreamweaver
    3. Voreinstellungen für Code festlegen
    4. Codehervorhebung anpassen
    5. Code schreiben und bearbeiten
    6. Codehinweise und Codevervollständigung
    7. Code aus- und einblenden
    8. Code mit Codefragmenten wiederverwenden
    9. Code-Linting
    10. Code optimieren
    11. Code in der Entwurfsansicht bearbeiten
    12. Mit den Head-Inhalten von Seiten arbeiten
    13. Server-Side Includes in Dreamweaver einfügen
    14. Tag-Bibliotheken in Dreamweaver verwenden
    15. Benutzerdefinierte Tags in Dreamweaver importieren
    16. JavaScript-Verhalten (allgemeine Anweisungen)
    17. Integrierte JavaScript-Verhalten anwenden
    18. XML und XSLT
    19. Server-seitige XSL-Transformationen in Dreamweaver durchführen
    20. Client-seitige XSL-Transformationen in Dreamweaver durchführen
    21. Zeichenentitäten für XSLT in Dreamweaver einfügen
    22. Code formatieren
  13. Produktübergreifende Arbeitsabläufe
    1. Erweiterungen für Dreamweaver installieren und verwenden
    2. In-App-Updates in Dreamweaver
    3. Microsoft Office-Dokumente in Dreamweaver einfügen (nur Windows)
    4. Mit Fireworks und Dreamweaver arbeiten
    5. Mithilfe von Contribute Inhalte in Dreamweaver-Sites bearbeiten
    6. Dreamweaver-Business Catalyst-Integration
    7. Personalisierte E-Mail-Kampagnen erstellen
  14. Vorlagen
    1. Dreamweaver-Vorlagen
    2. Vorlagen und vorlagenbasierte Dokumente erkennen
    3. Dreamweaver-Vorlagen erstellen
    4. Bearbeitbare Bereiche in Vorlagen erstellen
    5. Wiederholende Bereiche und Tabellen in Dreamweaver erstellen
    6. Optionale Bereiche in Vorlagen verwenden
    7. Bearbeitbare Tag-Attribute in Dreamweaver definieren
    8. Verschachtelte Vorlagen in Dreamweaver erstellen
    9. Vorlagen bearbeiten, aktualisieren und löschen
    10. XML-Inhalte in Dreamweaver exportieren und importieren
    11. Vorlage auf ein vorhandenes Dokument anwenden oder aus dem Dokument entfernen
    12. Inhalte in Dreamweaver-Vorlagen bearbeiten
    13. Syntaxregeln für Vorlagen-Tags in Dreamweaver
    14. Markierungseinstellungen für Vorlagenbereiche festlegen
    15. Vorteile von Vorlagen in Dreamweaver
  15. Mobilgeräte und Multiscreen
    1. Medienabfragen erstellen
    2. Seitenausrichtung für Mobilgeräte ändern
    3. Mit Dreamweaver Web-Anwendungen für Mobilgeräte erstellen
  16. Dynamische Websites, Seiten und Web-Formulare
    1. Grundlegendes zu Web-Anwendungen
    2. Computer für die Entwicklung von Anwendungen einrichten
    3. Fehlerbehebung bei Datenbankverbindungen
    4. Verbindungsskripts in Dreamweaver entfernen
    5. Dynamische Seiten entwerfen
    6. Quellen für dynamischen Inhalt – Überblick
    7. Quellen für dynamische Inhalte definieren
    8. Dynamische Inhalte in Seiten einfügen
    9. Dynamischen Inhalt in Dreamweaver ändern
    10. Datenbankdatensätze anzeigen
    11. Live-Daten in Dreamweaver bereitstellen und Fehlerbehebung bei der Anzeige
    12. Benutzerdefinierte Serververhalten in Dreamweaver hinzufügen
    13. Formulare mit Dreamweaver erstellen
    14. Formulare zum Sammeln von Benutzerinformationen verwenden
    15. ColdFusion-Formulare in Dreamweaver erstellen und aktivieren
    16. Web-Formulare erstellen
    17. Verbesserte HTML5-Unterstützung für Formularelemente
    18. Formularentwicklung mit Dreamweaver
  17. Visuelles Entwickeln von Anwendungen
    1. Master- und Detailseiten in Dreamweaver erstellen
    2. Such- und Ergebnisseiten erstellen
    3. Datensatz-Einfügeseiten erstellen
    4. Datensatz-Aktualisierungsseiten in Dreamweaver erstellen
    5. Datensatz-Löschseiten in Dreamweaver erstellen
    6. ASP-Befehle zum Ändern von Datenbanken in Dreamweaver verwenden
    7. Registrierungsseiten erstellen
    8. Anmeldeseiten erstellen
    9. Seiten erstellen, auf die nur autorisierte Benutzer zugreifen können
    10. Ordner in ColdFusion mit Dreamweaver schützen
    11. ColdFusion-Komponenten in Dreamweaver verwenden
  18. Websites testen, in der Vorschau anzeigen und veröffentlichen
    1. Seitenvorschau
    2. Dreamweaver-Web-Seitenvorschau auf mehreren Geräten
    3. Dreamweaver-Site testen
  19. Fehlerbehebung
    1. Behobene Probleme
    2. Bekannte Probleme

 

 

Hinweis:

Die Benutzeroberfläche wurde ab Dreamweaver CC vereinfacht. Daher kann es vorkommen, dass Sie einige der in diesem Artikel beschriebenen Optionen ab Dreamweaver CC nicht finden. Weitere Informationen finden Sie in diesem Artikel.

Datenbank-Datensätze

Bei der Anzeige von Datenbank-Datensätzen werden Daten, die in einer Datenbank oder in einer anderen Inhaltsquelle gespeichert sind, abgerufen und auf einer Webseite dargestellt. Dreamweaver verfügt über zahlreiche Methoden zur Anzeige von dynamischen Inhalten. Außerdem enthält das Programm mehrere integrierte Serververhalten, mit denen die Präsentation von dynamischen Inhalten verbessert wird und die es den Benutzern ermöglichen, einfacher durch die von der Datenbank zurückgegebenen Daten zu navigieren und die gewünschten Informationen zu suchen.

Datenbanken und andere Quellen für dynamischen Inhalt bieten eine leistungsstarke und flexible Basis für das Suchen, Sortieren und Anzeigen großer Datenmengen. Datenbanken eignen sich vor allem dann zum Speichern von Website-Inhalten, wenn Sie große Datenmengen speichern und dann strukturiert abrufen und anzeigen möchten. Mit den Tools und integrierten Serververhalten von Dreamweaver können Sie die Daten, die in einer Datenbank gespeichert sind, auf effiziente Weise abrufen und anzeigen.

Serververhalten und Formatierungselemente

Mit den folgenden Serververhalten und Formatierungselementen von Dreamweaver können Sie die Anzeige dynamischer Daten verbessern:

Mit Formaten

können Sie verschiedene Arten von Zahlen-, Währungs-, Datum/Uhrzeit- und Prozentwerten auf den dynamischen Text anwenden.

Angenommen, der Preis eines in einer Datensatzgruppe enthaltenen Artikels beträgt 10,989. Sie können angeben, dass dieser Preis auf der Seite im Format „Euro 10,99“ angezeigt werden soll, indem Sie das Dreamweaver-Format „Währung - zwei Dezimalstellen“ auswählen. Dieses Format bewirkt, dass eine Zahl mit zwei Dezimalstellen angezeigt wird. Wenn die Zahl mehr als zwei Dezimalstellen hat, wird sie entweder auf- oder abgerundet. Hat die Zahl keine Dezimalstellen, werden das Dezimaltrennzeichen und zwei Nullen hinzugefügt.

Wiederholender Bereich

Mit diesen Serververhalten können Sie mehrere von einer Datenbankabfrage zurückgegebene Elemente anzeigen. Zudem können Sie festlegen, wie viele Datensätze pro Seite angezeigt werden.

Datensatzgruppen-Navigation

Mit diesen Serververhalten können Sie Navigationselemente einfügen, mit denen Benutzer die nächste bzw. die vorige von der Datensatzgruppe zurückgegebene Datensatzmenge anzeigen können. Wenn Sie beispielsweise mit dem Serverobjekt „Bereich wiederholen“ festlegen, dass pro Seite 10 Datensätze angezeigt werden sollen und die Datensatzgruppe 40 Datensätze zurückgibt, können Sie durch jeweils 10 Datensätze navigieren.

Statusleiste für Datensatzgruppe

Mit diesen Serververhalten können Sie einen Zähler einfügen, der zeigt, an welcher Stelle innerhalb einer Datensatzmenge der Benutzer sich befindet, und zwar relativ zur Gesamtanzahl der zurückgegebenen Datensätze.

Bereich zeigen

Mit diesen Serververhalten können Sie wählen, ob Elemente auf der Seite ein- oder ausgeblendet werden, wobei die Relevanz der derzeit angezeigten Datensätze als Grundlage dient. Wenn beispielsweise der letzte Datensatz einer Datensatzgruppe angezeigt wird, kann der Hyperlink Weiter ausgeblendet werden, sodass nur der Hyperlink für die vorigen Datensätze (Zurück) angezeigt wird.

Formatierungs- und Seitenlayout-Elemente auf dynamische Daten anwenden

Zu den leistungsstarken Funktionen von Dreamweaver gehört die Möglichkeit, dynamische Daten innerhalb einer strukturierten Seite anzuzeigen und mithilfe von HTML und CSS typographische Formatierungen anzuwenden. Um in Dreamweaver Formate auf dynamische Daten anzuwenden, formatieren Sie die für die dynamischen Daten vorgesehenen Tabellen und Platzhalter mit den Formatierungstools von Dreamweaver. Wenn die Daten anschließend aus der Datenquelle eingefügt werden, übernehmen sie automatisch die angegebene Schrift-, Absatz- und Tabellenformatierung.

Mit Hyperlinks für die Datensatzgruppen-Navigation können Benutzer von einem Datensatz zum nächsten oder von einer Datensatzmenge zur nächsten navigieren. Wenn Sie beispielsweise eine Seite erstellt haben, auf der jeweils fünf Datensätze gleichzeitig angezeigt werden, können Sie die Hyperlinks Nächster oder Vorheriger hinzufügen, mit denen Besucher der Site die nächsten oder vorherigen fünf Datensätze anzeigen können.

Sie können vier Arten von Hyperlinks zum Navigieren durch Datensatzgruppen erstellen: „Erster“, „Vorheriger“, „Nächster“ und „Letzter“. Eine Seite kann beliebig viele dieser Hyperlinks enthalten, solange sie sich alle auf dieselbe Datensatzgruppe beziehen. Es ist nicht möglich, Navigationshyperlinks hinzuzufügen, die sich auf eine zweite Datensatzgruppe auf derselben Seite beziehen.

Für Hyperlinks für die Datensatzgruppen-Navigation sind die folgenden dynamischen Elemente erforderlich:

  • Eine Datensatzgruppe, durch die navigiert werden soll

  • Dynamischer Inhalt auf der Seite, um die Datensätze anzuzeigen

  • Text oder Bilder auf der Seite, die als Navigationsleiste dienen und auf Mausklicks reagieren

  • Eine Gruppe von „Verschieben zu Datensatz“-Serververhalten, die die Navigation durch die Datensatzgruppe ermöglichen

    Die letzten beiden Elemente können Sie entweder mit dem Serverobjekt „Navigationsleiste für Datensatzgruppe“ oder separat mit den Entwurfstools und dem Bedienfeld „Serververhalten“ hinzuzufügen.

Navigationsleiste für Datensatzgruppen erstellen

Mit dem Serververhalten „Navigationsleiste für Datensatzgruppe“ können Sie eine Navigationsleiste für Datensatzgruppen in einem Schritt erstellen. Das Serververhalten fügt der Seite die folgenden Komponenten hinzu:

  • Eine HTML-Tabelle mit Text- oder Bild-Hyperlinks

  • Eine Gruppe von „Verschieben zu“-Serververhalten

  • Eine Gruppe von „Bereich anzeigen“-Serververhalten

    Die Textversion der Navigationsleiste für Datensatzgruppen sieht folgendermaßen aus:

Bevor Sie die Navigationsleiste auf der Seite platzieren, stellen Sie sicher, dass die Seite über eine Datensatzgruppe für die Navigation und über ein Seitenlayout zur Anzeige der Datensätze verfügt.

Nachdem Sie die Navigationsleiste auf der Seite platziert haben, können Sie sie mit den Entwurfstools beliebig anpassen. Sie können auch die Serververhalten „Verschieben zu“ und „Bereich zeigen“ bearbeiten, indem Sie im Bedienfeld „Serververhalten“ darauf doppelklicken.

Dreamweaver erstellt eine Tabelle mit Text- oder Bildhyperlinks, auf die der Benutzer klicken kann, um durch die ausgewählte Datensatzgruppe zu navigieren. Bei der Anzeige des ersten Datensatzes der Datensatzgruppe sind die Hyperlinks Erster und Vorheriger bzw. die entsprechenden Bilder ausgeblendet. Bei der Anzeige des letzten Datensatzes der Datensatzgruppe sind die Hyperlinks Nächster und Letzter bzw. die entsprechenden Bilder ausgeblendet.

Sie können das Layout der Navigationsleiste mit den Entwurfstools und dem Bedienfeld „Serververhalten“ anpassen.

  1. Setzen Sie in der Entwurfsansicht die Einfügemarke an die Stelle auf der Seite, wo Sie die Navigationsleiste anzeigen möchten.
  2. Öffnen Sie das Dialogfeld „Navigationsleiste für Datensatzgruppe“ („Einfügen“ > „Datenobjekte“ > „Seitenerstellung für Datensatzgruppe“ > „Navigationsleiste für Datensatzgruppe“).
  3. Wählen Sie im Popupmenü „Datensatzgruppe“ die Datensatzgruppe für die Navigation aus.
  4. Wählen Sie unter „Anzeigen mit“ das Format für die Anzeige der Navigationshyperlinks auf der Seite aus und klicken Sie auf „OK“.

    Text

    platziert Textlinks auf der Seite.

    Bilder

    verwendet grafische Bilder als Hyperlinks. Dreamweaver verwendet eigene Bilddateien. Sie können diese Bilder durch andere Bilddateien ersetzen, nachdem Sie die Navigationsleiste auf der Seite platziert haben.

Benutzerdefinierte Navigationsleisten für Datensatzgruppen erstellen

Mit dem Serverobjekt „Navigationsleiste für Datensatzgruppe“ wird eine relativ einfache Tabelle erstellt. Wenn Sie komplexere Layout- und Formatierungsstile bevorzugen, können Sie eine eigene Navigationsleiste erstellen.

Gehen Sie beim Erstellen einer eigenen Navigationsleiste für Datensatzgruppen folgendermaßen vor:

  • Erstellen Sie Navigationshyperlinks in Text oder Bildern.

  • Platzieren Sie die Hyperlinks in der Entwurfsansicht auf der Seite.

  • Weisen Sie jedem Navigationshyperlink ein spezifisches Serververhalten zu.

Im folgenden Verfahren wird beschrieben, wie Sie den Navigationshyperlinks ein spezifisches Serververhalten zuweisen.

  1. Wählen Sie in der Entwurfsansicht die Textzeichenfolge (bzw. das Bild) auf der Seite aus, die Sie als Hyperlink zur Datensatznavigation verwenden möchten.
  2. Öffnen Sie das Bedienfeld „Serververhalten“ („Fenster“ > „Serververhalten“) und klicken Sie auf die Schaltfläche mit dem Pluszeichen (+).
  3. Wählen Sie im Popupmenü die Option „Seitenerstellung für Datensatzgruppe“. Wählen Sie dann in der Liste ein für diesen Hyperlink geeignetes Serververhalten aus.

    Wenn die Datensatzgruppe eine große Zahl von Datensätzen enthält, kann das Ausführen des Serververhaltens „Zum letzten Datensatz verschieben“ längere Zeit in Anspruch nehmen.

  4. Wählen Sie im Popupmenü „Datensatzgruppe“ die Datensatzgruppe, die die gewünschten Datensätze enthält. Klicken Sie dann auf „OK“.

    Das Serververhalten wird dem Navigationshyperlink zugewiesen.

Optionen im Serververhalten-Dialogfeld „Verschieben“ einstellen

Fügen Sie Hyperlinks hinzu, mit deren Hilfe ein Benutzer durch die Datensätze einer Datensatzgruppe navigieren kann.

  1. Wenn Sie auf der Seite nichts ausgewählt haben, wählen Sie im Popupmenü einen Hyperlink aus.
  2. Wählen Sie die Datensatzgruppe aus, die die gewünschten Datensätze enthält. Klicken Sie dann auf „OK“.
    Hinweis:

    Wenn die Datensatzgruppe eine große Zahl von Datensätzen enthält, kann das Ausführen des Serververhaltens „Zum letzten Datensatz verschieben“ längere Zeit in Anspruch nehmen.

Wenn Sie eine benutzerdefinierte Navigationsleiste erstellen möchten, erstellen Sie zunächst mithilfe der Seitenentwurfswerkzeuge von Dreamweaver ihr grafisches Erscheinungsbild. Sie brauchen keinen Hyperlink für die Textzeichenfolge oder das Bild zu erstellen, da Dreamweaver dies für Sie erledigt.

Die Seite, für die Sie die Navigationsleiste erstellen, muss eine Datensatzgruppe enthalten, durch die navigiert werden soll. Eine einfache Navigationsleiste für Datensatzgruppen, deren Hyperlink-Schaltflächen anhand von Bildern oder anderen Inhaltselementen erstellt werden, könnte folgendermaßen aussehen:

Nachdem Sie der Seite eine Datensatzgruppe hinzugefügt und eine Navigationsleiste erstellt haben, müssen Sie den einzelnen Navigationselementen individuelle Serververhalten zuweisen. Eine typische Navigationsleiste für Datensatzgruppen enthält beispielsweise Navigationselemente für die folgenden Hyperlinks, die bestimmten Verhalten entsprechen:

Navigationshyperlink

Serververhalten

Zur ersten Seite gehen

Zur ersten Seite verschieben

Zur vorherigen Seite gehen

Zur vorherigen Seite verschieben

Zur nächsten Seite gehen

Zur nächsten Seite verschieben

Zur letzten Seite gehen

Zur letzten Seite verschieben

Bereiche auf Grundlage von Datensatzgruppen-Ergebnissen einblenden und ausblenden

Das Ein- und Ausblenden eines Bereichs kann sich auch danach richten, ob die Datensatzgruppe leer ist. Wenn die Datensatzgruppe leer ist (weil beispielsweise keine Datensätze gefunden wurden, die den Kriterien der Abfrage entsprachen), können die Benutzer in einer Meldung darauf hingewiesen werden, dass keine Datensätze zurückgegeben wurden. Dies ist besonders dann nützlich, wenn Sie Suchseiten erstellen, bei denen die Suchbegriffe für die Abfrage vom Benutzer eingegeben werden. Sie können auch festlegen, dass eine Fehlermeldung angezeigt wird, wenn die Verbindung zur Datenbank nicht hergestellt werden konnte oder wenn der Benutzername und das Kennwort des Benutzers vom Server nicht erkannt wurden.

Folgende Serververhalten vom Typ „Bereich anzeigen“ stehen zur Verfügung:

  • Anzeigen, wenn Datensatzgruppe leer ist

  • Anzeigen, wenn Datensatzgruppe nicht leer ist

  • Anzeigen, wenn erste Seite

  • Anzeigen, wenn nicht erste Seite

  • Anzeigen, wenn letzte Seite

  • Anzeigen, wenn nicht letzte Seite

  1. Wählen Sie in der Entwurfsansicht den Bereich auf der Seite aus, den Sie ein- oder ausblenden möchten.
  2. Klicken Sie im Bedienfeld „Serververhalten“ („Fenster“ > „Serververhalten“) auf die Schaltfläche mit dem Pluszeichen (+).
  3. Wählen Sie im Popupmenü die Option „Bereich zeigen“ und wählen Sie eines der Serververhalten in der Liste aus. Klicken Sie dann auf „OK“.

Mehrere Datensatzgruppen-Ergebnisse anzeigen

Mit dem Serververhalten „Bereich wiederholen“ können Sie mehrere Datensätze aus einer Datensatzgruppe auf einer Seite anzeigen. Jede Auswahl dynamischer Daten kann in einen wiederholenden Bereich umgewandelt werden. Die am häufigsten verwendeten Bereiche sind jedoch Tabellen, einzelne Tabellenzeilen oder Gruppen von Tabellenzeilen.

  1. Wählen Sie in der Entwurfsansicht einen Bereich aus, der dynamischen Inhalt enthält.

    Dies kann ein beliebiges Objekt wie etwa eine Tabelle, eine Tabellenzeile oder ein Textabsatz sein.

    Sie können den Tag-Selektor links unten im Dokumentfenster verwenden, um einen Bereich auf der Seite präzise auszuwählen. Handelt es sich bei dem Bereich z. B. um eine Tabellenzeile, klicken Sie auf der Seite in die Zeile. Klicken Sie dann auf das ganz rechts stehende Tag <tr> im Tag-Selektor, um die Tabellenzeile auszuwählen.

  2. Wählen Sie „Fenster“ > „Serververhalten“, um das Bedienfeld „Serververhalten“ einzublenden.
  3. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) und wählen Sie „Bereich wiederholen“.
  4. Wählen Sie im Popupmenü die zu verwendende Datensatzgruppe aus.
  5. Geben Sie an, wie viele Datensätze pro Seite angezeigt werden sollen. Klicken Sie dann auf „OK“.

    Der wiederholende Bereich ist nun im Dokumentfenster von einer dünnen, grauen, gestrichelten Linie umgeben.

Wiederholende Bereiche im Eigenschafteninspektor modifizieren

  1. Sie können den ausgewählten wiederholenden Bereich durch Ändern der folgenden Optionen modifizieren:
    • Name des wiederholenden Bereichs

    • Datensatzgruppe, aus der die Datensätze für den wiederholenden Bereich stammen

    • Anzahl der angezeigten Datensätze

      Wenn Sie eine neue Option auswählen, aktualisiert Dreamweaver die Seite.

Wiederverwenden von PHP-Datensatzgruppen

Informationen zum Wiederverwenden von PHP-Datensatzgruppen finden Sie im Tutorial von David Powers, How Do I Reuse a PHP Recordset in More Than One Repeat Region? (Wiederverwenden von PHP-Datensatzgruppen in mehreren wiederholenden Bereichen).

Dynamische Tabellen erstellen

Das folgende Beispiel veranschaulicht, wie das Serververhalten „Bereich wiederholen“ auf eine Tabellenzeile angewendet wird. Dabei wird festgelegt, dass pro Seite neun Datensätze angezeigt werden. In der Zeile selbst sind vier verschiedene Datensätze enthalten: Stadt, Bundesland, Straße und Postleitzahl.

Um eine solche Tabelle anzulegen, müssen Sie eine Tabelle mit dynamischem Inhalt erstellen und dann das Serververhalten „Bereich wiederholen“ auf die Tabellenzeile anwenden, die den dynamischen Inhalt enthält. Wenn der Anwendungsserver die Seite verarbeitet, wird die Zeile so oft wiederholt, wie vom Serverobjekt „Bereich wiederholen“ angegeben. Dabei wird in jede neue Zeile ein anderer Datensatz eingefügt.

  1. Führen Sie einen der folgenden Schritte aus, um eine dynamische Tabelle einzufügen:
    • Wählen Sie „Einfügen“ > „Anwendungsobjekte“ > „Dynamische Daten“ > „Dynamische Tabelle“, um das Dialogfeld „Dynamische Tabelle“ einzublenden.

    • Klicken Sie in der Kategorie „Daten“ des Bedienfelds „Einfügen“ auf die Schaltfläche „Dynamische Daten“ und wählen Sie im Popupmenü das Symbol „Dynamische Tabelle“ aus.

  2. Wählen Sie im Popupmenü „Datensatzgruppe“ die Datensatzgruppe aus.
  3. Geben Sie an, wie viele Datensätze pro Seite angezeigt werden sollen.
  4. (Optional) Geben Sie Werte für den Tabellenrahmen, die Zellauffüllung und den Zellabstand ein.

    Die Werte, die Sie für den Tabellenrahmen, die Zellauffüllung und den Zellabstand eingeben, werden im Dialogfeld „Dynamische Tabelle“ gespeichert.

    Hinweis:

    Wenn Sie an einem Projekt arbeiten, für das mehrere dynamische Tabellen mit demselben Erscheinungsbild erforderlich sind, geben Sie die Werte für das Tabellenlayout ein. Dadurch wird die Entwicklung der Seite zusätzlich erleichtert. Sie können diese Werte im Eigenschafteninspektor für Tabellen auch nach dem Einfügen der Tabelle noch ändern.

  5. Klicken Sie auf „OK“.

    Daraufhin werden eine Tabelle und Platzhalter für den dynamischen Inhalt, der in der zugehörigen Datensatzgruppe definiert ist, in die Seite eingefügt.

    In diesem Beispiel enthält die Datensatzgruppe vier Spalten: AUTHORID, FIRSTNAME, LASTNAME und BIO. Die Überschriftszeile der Tabelle enthält die Namen der einzelnen Spalten. Sie können die Überschriften durch Beschreibungen oder entsprechende Bilder ersetzen.

Datensatzzähler erstellen

Mithilfe von Datensatzzählern können Benutzer sich bei der Navigation durch eine Datensatzmenge orientieren. In der Regel zeigen Datensatzzähler die Gesamtanzahl der zurückgegebenen Datensätze sowie die derzeit angezeigten Datensätze an. Wenn eine Datensatzgruppe beispielsweise 40 einzelne Datensätze zurückgegeben hat und 8 Datensätze pro Seite angezeigt werden, lautet der Datensatzzähler auf der ersten Seite „Anzeige der Datensätze 1-8 von 40“.

Wenn Sie einen Datensatzzähler für eine Seite erstellen möchten, müssen Sie zunächst eine Datensatzgruppe für die Seite, ein passendes Seitenlayout für den dynamischen Inhalt und eine Navigationsleiste für Datensatzgruppen erstellen.

Einfache Datensatzzähler erstellen

Anhand von Datensatzzählern können Besucher herausfinden, wo sie sich, gemessen an der gemeldeten Gesamtzahl der Datensätze, in einer Reihe von Datensätzen befinden. Daher sind Datensatzzähler nützliche Serververhalten, die eine Webseite attraktiver machen können.

Einen einfachen Datensatzzähler können Sie mit dem Serverobjekt „Navigationsstatus für Datensatzgruppe“ erstellen. Mit diesem Serverobjekt wird ein Texteintrag auf der Seite erstellt, der den aktuellen Datensatzstatus angibt. Mit den Seitenentwurfswerkzeugen von Dreamweaver können Sie den Datensatzzähler an Ihre Anforderungen anpassen.

  1. Setzen Sie die Einfügemarke an die Stelle, an der Sie den Datensatzzähler einfügen möchten.
  2. Wählen Sie „Einfügen“ > „Anwendungsobjekte“ > „Anzahl der Datensätze anzeigen“ > „Navigationsstatus für Datensatzgruppe“. Wählen Sie die Datensatzgruppe im Popupmenü „Datensatzgruppe“ aus und klicken Sie auf „OK“.

    Das Serverobjekt „Navigationsstatus für Datensatzgruppe“ fügt einen textbasierten Datensatzzähler ein, der in etwa folgendermaßen aussieht:

    In der Live-Ansicht wird der Zähler ähnlich wie im folgenden Beispiel dargestellt:

Datensatzzähler erstellen und auf der Seite einfügen

  1. Wählen Sie im Dialogfeld „Navigationsstatus für Datensatzgruppe einfügen“ die Datensatzgruppe aus, durch die die Navigation erfolgen soll, und klicken Sie dann auf „OK“.

Benutzerdefinierte Datensatzzähler erstellen

Mithilfe individueller Datensatzzähler-Verhalten können Sie benutzerdefinierte Datensatzzähler erstellen. Der vom Serverobjekt „Navigationsstatus für Datensatzgruppe“ eingefügte Datensatzzähler besteht aus einer einfachen, einzeiligen Tabelle. Benutzerdefinierte Datensatzzähler können jedoch komplexer gestaltet werden. Sie haben verschiedene Möglichkeiten, die Entwurfselemente kreativ anzuordnen, und Sie können jedem Element ein passendes Serververhalten zuweisen.

Folgende Serververhalten für Datensatzzähler stehen zur Verfügung:

  • Erste Datensatznummer anzeigen

  • Letzte Datensatznummer anzeigen

  • Datensätze gesamt anzeigen

Wenn Sie einen benutzerdefinierten Datensatzzähler für eine Seite erstellen möchten, müssen Sie zunächst eine Datensatzgruppe für die Seite, ein passendes Seitenlayout für den dynamischen Inhalt und eine Navigationsleiste für Datensatzgruppen erstellen.

In diesem Beispiel wird ein Datensatzzähler erstellt, der ähnlich wie der Beispielzähler im vorigen Abschnitt aussieht. Die Platzhalter für den Datensatzzähler, die in die Seite eingefügt werden, sind in diesem Beispiel im Schriftstil Sans-Serif dargestellt. Der in diesem Beispiel erstellte Datensatzzähler sieht folgendermaßen aus:

Anzeige der Datensätze StartRow bis EndRow von RecordSet.RecordCount.

  1. Geben Sie in der Entwurfsansicht den Text für den Zähler auf der Seite ein. Sie können diesen Text frei wählen, z. B.
    Displaying records thru of .
  2. Setzen Sie die Einfügemarke an das Ende der Textzeichenfolge.
  3. Öffnen Sie das Bedienfeld „Serververhalten“ („Fenster“ > „Serververhalten“).
  4. Klicken Sie oben links auf die Schaltfläche mit dem Pluszeichen (+) und wählen Sie die Option „Anzahl der Datensätze anzeigen“. Wählen Sie dann im Untermenü die Option „Datensätze gesamt anzeigen“. Das Verhalten „Datensätze gesamt anzeigen“ wird der Seite hinzugefügt und an der Position der Einfügemarke wird ein Platzhalter eingefügt. Die Textzeichenfolge sieht nun folgendermaßen aus:
    Displaying records thru of {Recordset1.RecordCount}.
  5. Setzen Sie die Einfügemarke hinter das Wort records und wählen Sie die Nummer des anzuzeigenden Start-Datensatzes im Bedienfeld „Serververhalten“ > Plussymbol-Schaltfläche (+) > „Datensatzzähler“ aus. Die Textzeichenfolge sieht nun folgendermaßen aus:
    Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
  6. Setzen Sie dann die Einfügemarke zwischen die Wörter through und of und wählen Sie die Nummer des anzuzeigenden End-Datensatzes im Bedienfeld „Serververhalten“ > Plussymbol-Schaltfläche (+) > „Datensatzzähler“ aus. Die Textzeichenfolge sieht nun folgendermaßen aus:
    Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
  7. Überprüfen Sie, ob der Zähler korrekt funktioniert, indem Sie die Seite in der Live-Ansicht anzeigen. Der Zähler ähnelt dem folgenden Beispiel:
    Displaying records 1 thru 8 of 40.

    Wenn die Ergebnisseite einen Navigationshyperlink enthält, mit dem die nächste Datensatzgruppe angezeigt werden kann, sieht der Zähler folgendermaßen aus, nachdem Sie auf den Navigationshyperlink geklickt haben:

    Showing records 9 thru 16 of 40.

Vordefinierte Datenformate verwenden

Zum Lieferumfang von Dreamweaver gehören mehrere vordefinierte Datenformate, die Sie auf dynamische Datenelemente anwenden können, wie Datenformate für Datum/Uhrzeit, Währungen, Ziffern und Prozentwerte.

Datenformate auf dynamischen Inhalt anwenden

  1. Wählen Sie im Dokumentfenster den Platzhalter für dynamische Inhalte aus.
  2. Wählen Sie „Fenster“ > „Bindungen“, um das Bedienfeld „Bindungen“ einzublenden.
  3. Klicken Sie in der Spalte „Format“ auf den Abwärtspfeil.

    Wenn der Abwärtspfeil nicht sichtbar ist, erweitern Sie das Bedienfeld.

  4. Wählen Sie im Popupmenü „Format“ die gewünschte Kategorie für das Datenformat aus.

    Achten Sie darauf, dass das Datenformat für die zu formatierenden Daten geeignet ist. Die Währungsformate funktionieren zum Beispiel nur dann, wenn die dynamischen Daten numerisch sind. Beachten Sie auch, dass die Daten nur mit jeweils einem Format belegt werden können.

  5. Überprüfen Sie, ob das Format korrekt angewendet wurde, indem Sie die Vorschau der Seite in der Live-Ansicht anzeigen.

Datenformate anpassen

  1. Öffnen Sie eine Seite, die dynamischen Inhalt enthält, in der Entwurfsansicht.

  2. Wählen Sie die dynamischen Daten aus, für die Sie ein benutzerdefiniertes Format erstellen möchten.

    Das gebundene Datenelement, dessen dynamischen Text Sie ausgewählt haben, wird im Bedienfeld „Bindungen“ („Fenster“ > „Bindungen“) hervorgehoben. In diesem Bedienfeld werden für das ausgewählte Element zwei Spalten angezeigt, nämlich „Bindung“ und „Format“. Falls die Spalte „Format“ nicht sichtbar ist, verbreitern Sie das Bedienfeld „Bindungen“ entsprechend.

  3. Klicken Sie im Bedienfeld „Bindungen“ in der Spalte „Format“ auf den Abwärtspfeil, um das Popupmenü der verfügbaren Datenformate anzuzeigen.

    Wenn der Abwärtspfeil nicht sichtbar ist, verbreitern Sie das Bedienfeld entsprechend.

  4. Wählen Sie im Popupmenü den Befehl „Formatliste bearbeiten“.

  5. Nehmen Sie im Dialogfeld die gewünschten Einstellungen vor und klicken Sie auf „OK“.

    a) Wählen Sie in der Liste das Format aus und klicken Sie auf „Bearbeiten“.

    b) Ändern Sie beliebige der folgenden Parameter in den daraufhin angezeigten Dialogfeldern für Währung, Ziffer oder Prozentwerte. Klicken Sie dann auf „OK“.

    • Legen Sie die Anzahl der Dezimalstellen fest.
    • Legen Sie fest, ob bei Dezimalzahlen eine Null vorangestellt werden soll.
    • Legen Sie fest, ob für negative Werte ein Minuszeichen oder Klammern verwendet werden sollen.
    • Legen Sie fest, ob Ziffern gruppiert werden sollen.

    c) Um ein Datenformat zu löschen, klicken Sie in der Liste auf das Format und dann auf die Schaltfläche mit dem Minuszeichen (–).

Datenformate erstellen (nur ASP)

  1. Öffnen Sie eine Seite, die dynamischen Inhalt enthält, in der Entwurfsansicht.
  2. Wählen Sie die dynamischen Daten aus, für die Sie ein benutzerdefiniertes Format erstellen möchten.

  3. Wählen Sie „Fenster“ > „Bindungen“, um das Bedienfeld „Bindungen“ anzuzeigen, und klicken Sie in der Spalte „Format“ auf den Pfeil nach unten. Wenn der Abwärtspfeil nicht sichtbar ist, erweitern Sie das Bedienfeld.
  4. Wählen Sie im Popupmenü den Befehl „Formatliste bearbeiten“.
  5. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) und wählen Sie einen Formattyp aus.
  6. Definieren Sie das Format und klicken Sie auf „OK“.
  7. Geben Sie einen Namen für das neue Format in die Spalte „Name“ ein. Klicken Sie auf „OK“.
    Hinweis:

    Obwohl in Dreamweaver nur Datenformate für ASP-Seiten erstellt werden können, ist es für Benutzer von ColdFusion und PHP möglich, von anderen Entwicklern erstellte Formate herunterzuladen oder Serverformate zu erstellen und auf Dreamweaver Exchange bereitzustellen. Weitere Informationen zur Serverformat-API finden Sie im Handbuch „Erweitern von Dreamweaver“ („Hilfe“ > „Erweitern von Dreamweaver“ > „Serverformate“).

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?