Benutzerhandbuch Abbrechen

Grundlegendes zu Webanwendungen

  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

 

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.

Webanwendungen

Eine Webanwendung ist eine Website, deren Seiteninhalt noch nicht oder nur zum Teil festgelegt ist. Der endgültige Inhalt einer Seite wird erst festgelegt, wenn der Besucher die Seite vom Webserver anfordert. Da sich der endgültige Inhalt der Seite je nach den Aktionen des Besuchers von Anforderung zu Anforderung ändern kann, wird eine solche Seite als dynamische Seite bezeichnet.

Webanwendungen werden gezielt zur Bewältigung verschiedener Herausforderungen und Problemstellungen erstellt. In diesem Abschnitt werden häufige Verwendungszwecke für Webanwendungen beschrieben. Sie finden hier auch ein einfaches Beispiel.

Häufige Verwendungszwecke für Webanwendungen

Webanwendungen bieten sowohl Besuchern als auch Entwicklern unter anderem die folgenden Vorteile:

  • Besucher können Informationen in inhaltsreichen Websites schnell und einfach finden.

    Solche Webanwendungen ermöglichen es den Besuchern, den Inhalt ganz nach Wunsch zu durchsuchen und zu organisieren sowie durch den Inhalt zu navigieren. Beispiele sind firmeneigene Intranets, Microsoft MSDN (www.msdn.microsoft.com) oder Amazon.com (www.amazon.com).

  • Die von Besuchern der Site eingegebenen Daten können erfasst, gespeichert und analysiert werden.

    Früher wurden Daten, die in HTML-Formulare eingegeben wurden, zur Verarbeitung per E-Mail an Mitarbeiter oder CGI-Anwendungen gesendet. Mit Webanwendungen können Formulardaten direkt in einer Datenbank gespeichert werden. Zudem können Daten extrahiert und webbasierte Berichte zu Analysezwecken erstellt werden. Beispiele sind Seiten für Online-Banking oder Online-Bestellungen, Umfragen und Formulare für Kunden-Feedback.

  • Websites, deren Inhalt sich häufig ändert, können schneller aktualisiert werden.

    Durch den Einsatz von Webanwendungen müssen Webdesigner den HTML-Code einer Site nicht ständig aktualisieren. Inhaltsanbieter wie z. B. Nachrichtenredaktionen liefern der Webanwendung Inhalte und die Webanwendung aktualisiert die Site automatisch. Beispiele sind The Economist (www.economist.com) und CNN (www.cnn.com).

Beispiel für eine Webanwendung

Julia ist professionelle Webdesignerin mit solider Erfahrung in Dreamweaver. Ihre Aufgabe ist die Verwaltung der Intranet- und Internet-Sites eines mittelständischen Unternehmens mit 1000 Mitarbeitern. Eines Tages spricht der Personalsachbearbeiter Chris sie an und bittet sie um Hilfe bei dem folgenden Problem: Die Personalabteilung verwaltet ein Fitnessprogramm, bei dem die Mitarbeiter für jeden Kilometer Punkte erhalten, den sie zu Fuß gehen, radeln oder joggen. Alle Mitarbeiter müssen Chris per E-Mail mitteilen, wie viele Kilometer sie jeweils pro Monat zurückgelegt haben. Am Monatsende bearbeitet Chris alle E-Mails und die Mitarbeiter erhalten als Preis kleinere Geldbeträge, deren Höhe sich nach der Gesamtzahl ihrer Punkte richtet.

Das Problem ist nun, dass das Fitnessprogramm sich als durchschlagender Erfolg erwiesen hat. Inzwischen nehmen so viele Mitarbeiter am Programm teil, dass Chris am Monatsende geradezu mit E-Mails überschüttet wird. Chris fragt Julia, ob eine webgestützte Lösung möglich ist.

Julia empfiehlt eine intranetbasierte Webanwendung, die folgende Aufgaben durchführt:

  • Die Mitarbeiter können ihre Kilometeranzahl auf einer Webseite in ein einfaches HTML-Formular eingeben.

  • Die Kilometeranzahl der Mitarbeiter wird in einer Datenbank gespeichert.

  • Die Fitnesspunkte werden auf Grundlage der Kilometeranzahl berechnet.

  • Die Mitarbeiter können ihre monatliche Leistung verfolgen.

  • Am Monatsende kann Chris dann mit einem einfachen Mausklick die Gesamtanzahl der Punkte anzeigen.

    Julia verwendet Dreamweaver, um die Webanwendung schnell und einfach zu erstellen. Noch vor der Mittagspause ist sie damit fertig.

Funktionsweise einer Webanwendung

Eine Webanwendung ist eine Sammlung statischer und dynamischer Webseiten. Statische Webseiten ändern sich nicht, wenn sie von den Besuchern der Site aufgerufen werden. Der Webserver sendet die Seite an den anfordernden Webbrowser, ohne sie zu ändern. Eine dynamische Webseite wird dagegen vom Server geändert, bevor sie an den Browser gesendet wird. Wegen dieser Änderungen wird eine solche Seite als dynamisch bezeichnet.

Sie können beispielsweise eine Seite erstellen, auf der Fitnessergebnisse angezeigt werden, wobei bestimmte Einzelheiten (wie der Name des Mitarbeiters und die Ergebnisse) aber erst festgelegt werden, wenn die Seite von einem bestimmten Mitarbeiter angefordert wird.

Im nächsten Abschnitt wird die Funktionsweise von Webanwendungen genauer erläutert.

Statische Webseiten verarbeiten

Eine statische Website besteht aus mehreren zusammengehörigen HTML-Seiten und -Dateien, die sich auf einem Computer befinden, auf dem wiederum ein Webserver ausgeführt wird.

Bei einem Webserver handelt es sich um Software, die von Webbrowsern angeforderte Webseiten bereitstellt. Eine Seitenanforderung wird generiert, wenn ein Besucher auf einen Hyperlink auf einer Webseite klickt, in einem Browser ein Lesezeichen wählt oder eine URL im Adresstextfeld des Browsers eingibt.

Der endgültige Inhalt einer statischen Webseite wird vom Designer festgelegt und ändert sich nicht, wenn die Seite angefordert wird. Beispiel:

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
    </body> 
</html>

Der gesamte HTML-Code der Seite wird vom Designer geschrieben, bevor die Seite auf dem Server abgelegt wird. Da der HTML-Code sich nicht mehr ändert, wenn die Seite einmal auf dem Server abgelegt wurde, bezeichnet man eine solche Seite als statisch.

Hinweis:

Genau genommen kann eine „statische“ Seite alles andere als statisch sein. Sie kann beispielsweise durch ein Rollover-Bild oder einen Flash-Inhalt (eine SWF-Datei) überaus lebendig wirken. In dieser Dokumentation wird eine Seite jedoch als statisch bezeichnet, wenn sie ohne Änderungen an den Browser gesendet wird.

Wenn eine statische Seite vom Webserver angefordert wird, liest der Server zunächst die Anforderung. Anschließend sucht er die Seite und sendet sie an den Browser. Dies wird im folgenden Beispiel veranschaulicht:

Verarbeitung einer statischen Webseite

A. Der Webbrowser fordert eine statische Seite an. B. Der Webserver sucht die Seite. C. Der Webserver sendet die Seite an den Browser. 

Bei Webanwendungen stehen bestimmte Codezeilen noch nicht fest, wenn die Seite vom Besucher angefordert wird. Diese Zeilen müssen durch einen bestimmten Mechanismus festgelegt werden, bevor die Seite an den Browser gesendet werden kann. Dieser Mechanismus wird im folgenden Abschnitt beschrieben.

Dynamische Seiten verarbeiten

Wenn eine statische Webseite angefordert wird, sendet der Webserver die Seite umgehend und ohne Änderungen an den Browser. Wenn eine dynamische Seite angefordert wird, ist die Reaktion jedoch anders: Die Seite wird an eine spezielle Software weitergeleitet, die für die Fertigstellung der Seite zuständig ist. Diese Software wird als Anwendungsserver bezeichnet.

Der Anwendungsserver liest den Code auf der Seite, stellt die Seite gemäß den Anweisungen im Code fertig und entfernt dann den Code aus der Seite. Daraus ergibt sich eine statische Seite, die der Anwendungsserver an den Webserver zurückgibt. Der Webserver sendet die Seite anschließend an den Browser. Die Seite, die beim Browser eingeht, besteht ausschließlich aus HTML. Im Folgenden wird dieser Vorgang veranschaulicht:

Dynamische Seiten verarbeiten

A. Der Webbrowser fordert eine dynamische Seite an. B. Der Webserver sucht die Seite und übergibt sie an den Anwendungsserver. C. Der Anwendungsserver analysiert die Anweisungen auf der Seite und stellt die Seite fertig. D. Der Anwendungsserver gibt die fertiggestellte Seite an den Webserver zurück. E. Der Webserver sendet die fertiggestellte Seite an den Browser. 

Auf Datenbanken zugreifen

Anwendungsserver ermöglichen die Arbeit mit serverseitigen Ressourcen, wie z. B. Datenbanken. So kann eine dynamische Seite den Anwendungsserver beispielsweise anweisen, Daten aus einer Datenbank zu extrahieren und in den HTML-Code der Seite einzufügen. Weitere Informationen finden Sie unter www.adobe.com/go/learn_dw_dbguide.

Wenn Sie Inhalte in einer Datenbank speichern, können Sie den Entwurf der Website von den Inhalten trennen, die den Benutzern der Site angezeigt werden sollen. Anstatt einzelne HTML-Dateien für jede Seite zu schreiben, müssen Sie für die verschiedenen Informationsarten, die präsentiert werden sollen, nur eine einzige Seite – auch Vorlage genannt – erstellen. Sie können dann Inhalte in eine Datenbank laden und diese anschließend auf der Website anzeigen lassen, wenn sie von Benutzern abgerufen werden. Sie können so auch Informationen in einer einzelnen Quelle aktualisieren und diese Änderung dann für die gesamte Website übernehmen, ohne jede Seite manuell bearbeiten zu müssen. Mit Adobe Dreamweaver können Sie Webformulare erstellen, um Daten in einer Datenbank einzufügen, zu aktualisieren oder zu löschen.

Die Anweisung, Daten aus einer Datenbank zu extrahieren, wird als Datenbankabfrage bezeichnet. Eine Abfrage besteht aus Suchkriterien, die in einer Datenbanksprache namens SQL (Structured Query Language) ausgedrückt werden. Die SQL-Abfrage wird in die serverseitigen Skripts oder Tags der Seite geschrieben.

Anwendungsserver können nicht direkt mit Datenbanken kommunizieren, da sie das spezielle Datenformat der Datenbanken nicht entziffern können, ähnlich wie auch ein Word-Dokument nicht immer korrekt in Notepad oder BBEdit angezeigt werden kann. Die Kommunikation zwischen Anwendungsserver und Datenbank ist nur über einen Datenbanktreiber möglich. Dabei handelt es sich um Software mit der Funktion eines Vermittlers zwischen dem Anwendungsserver und der Datenbank.

Nachdem der Treiber die Kommunikation aufgebaut hat, wird die Datenbankabfrage ausgeführt und eine Datensatzgruppe erstellt. Eine Datensatzgruppe ist eine Datenmenge, die aus einer Tabelle bzw. mehreren Tabellen einer Datenbank extrahiert wird. Die Datensatzgruppe wird wieder an den Anwendungsserver geleitet, der die Daten in die Seite einfügt.

Das folgende Beispiel zeigt eine einfache, in SQL geschriebene Datenbankabfrage:

SELECT lastname, firstname, fitpoints 
FROM employees

Mit dieser Anweisung wird eine Datensatzgruppe mit drei Spalten erstellt, deren Zeilen den Nachnamen, den Vornamen und die Fitnesspunkte aller Mitarbeiter enthalten, die in der Datenbank gespeichert sind. Weitere Informationen finden Sie unter www.adobe.com/go/learn_dw_sqlprimer.

Das folgende Beispiel zeigt, wie eine Datenbankabfrage durchgeführt wird und Daten an den Browser zurückgegeben werden:

Auf Datenbanken zugreifen

A. Der Webbrowser fordert eine dynamische Seite an. B. Der Webserver sucht die Seite und übergibt sie an den Anwendungsserver. C. Der Anwendungsserver analysiert die Anweisungen auf der Seite. D. Der Anwendungsserver sendet die Abfrage an den Datenbanktreiber. E. Der Treiber führt die Datenbankabfrage aus. F. Die Datensatzgruppe wird an den Treiber zurückgegeben. G. Der Treiber übergibt die Datensatzgruppe an den Anwendungsserver. H. Der Anwendungsserver fügt Daten in die Seite ein und übergibt die Seite dann an den Webserver. I. Der Webserver sendet die fertiggestellte Seite an den Browser. 

Mit Ihrer Webanwendung können Sie praktisch jede Datenbank verwenden, sofern auf dem Server der entsprechende Datenbanktreiber installiert ist.

Wenn Sie kleine, kostengünstige Anwendungen erstellen möchten, können Sie eine Datenbank auf Dateibasis verwenden, die beispielsweise in Microsoft Access erstellt wurde. Wenn Sie robuste Anwendungen für kritische Geschäftsabläufe erstellen möchten, können Sie eine Datenbank auf Serverbasis verwenden, die beispielsweise in Microsoft SQL Server, Oracle 9i oder MySQL erstellt wurde.

Wenn sich Ihre Datenbank nicht auf demselben System wie der Webserver befindet, müssen Sie sicherstellen, dass zwischen den beiden Systemen eine schnelle Verbindung besteht, damit die Webanwendung zügig und rationell arbeiten kann.

Dynamische Seiten erstellen

Das Erstellen dynamischer Seiten geschieht in zwei Schritten: Zunächst muss der HTML-Code geschrieben werden und dann müssen dem HTML-Code die serverseitigen Skripts oder Tags hinzugefügt werden, um eine dynamische Seite zu erhalten. Im resultierenden Code ist die Programmiersprache im HTML-Code der Seite eingebettet. Daher werden diese Sprachen auch als HTML-eingebettete Programmiersprachen bezeichnet. Im folgenden Beispiel wird CFML (ColdFusion Markup Language) verwendet:

Hinweis: CFML wird seit Dreamweaver CC nicht mehr unterstützt.

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
        <!--- embedded instructions start here ---> 
        <cfset department="Sales"> 
        <cfoutput> 
        <p>Be sure to visit our #department# page.</p> 
        </cfoutput> 
        <!--- embedded instructions end here ---> 
    </body> 
</html>

Die eingebetteten Anweisungen auf dieser Seite bewirken die folgenden Aktionen:

  1. Eine Variable namens department wird erstellt, der die Zeichenfolge "Sales" zugewiesen wird.

  2. Der Wert "Sales" der Variablen wird in den HTML-Code geschrieben.

Der Anwendungsserver gibt die folgende Seite an den Webserver zurück:

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
        <p>Be sure to visit our Sales page.</p> 
    </body> 
</html>

Der Webserver sendet die Seite an den Browser zurück, in dem sie folgendermaßen angezeigt wird:

About Trio Motors

Trio Motors is a leading automobile manufacturer.

Be sure to visit our Sales page.

Sie wählen eine Skript- oder tagbasierte Sprache entsprechend der auf dem Server vorhandenen Servertechnologie. Im Folgenden sind die gebräuchlichsten Programmiersprachen für die von Dreamweaver unterstützten Servertechnologien aufgeführt:

Servertechnologie

Sprache

ColdFusion

ColdFusion Markup Language (CFML)

Active Server Pages (ASP)

VBScript

JavaScript

PHP

PHP

Dreamweaver kann die serverseitigen Skripts oder Tags schreiben, die für funktionsfähige Seiten erforderlich sind. Sie können sie jedoch auch manuell in der Dreamweaver-Codeumgebung schreiben.

Terminologie für Webanwendungen

In diesem Abschnitt werden häufig verwendete Begriffe in Bezug auf Webanwendungen erläutert.

Ein Anwendungsserver

ist Software, die einen Webserver bei der Verarbeitung von Webseiten unterstützt, die serverseitige Skripts oder Tags enthalten. Wenn eine solche Seite vom Server angefordert wird, übergibt der Webserver die Seite zur Verarbeitung an den Anwendungsserver, bevor sie an den Browser gesendet wird. Weitere Informationen finden Sie unter Funktionsweise einer Webanwendung.

Zu den häufig verwendeten Anwendungsservern gehören ColdFusion und PHP.

Eine Datenbank

ist eine in Tabellen gespeicherte Datensammlung. Jede Zeile der Tabelle bildet einen Datensatz und jede Spalte bildet ein Feld im Datensatz, wie im Folgenden gezeigt:

Eine Datenbank

Ein Datenbanktreiber

ist Software mit der Funktion eines Vermittlers zwischen dem Anwendungsserver und der Datenbank. Die Daten in einer Datenbank werden in einem speziellen Format gespeichert. Mithilfe eines Datenbanktreibers kann die Webanwendung Daten lesen und bearbeiten, die sonst nicht lesbar sind.

Ein Datenbankmanagementsystem

(DBMS oder Datenbanksystem) ist Software, die zur Erstellung und Bearbeitung von Datenbanken dient. Häufig verwendete Datenbanksysteme sind beispielsweise Microsoft Access, Oracle 9i und MySQL.

Eine Datenbankabfrage

ist ein Vorgang, bei dem eine Datensatzgruppe aus einer Datenbank extrahiert wird. Eine Abfrage besteht aus Suchkriterien, die in einer Datenbanksprache namens SQL ausgedrückt werden. In der Abfrage kann beispielsweise vorgegeben werden, dass nur bestimmte Spalten oder Datensätze in die Datensatzgruppe aufgenommen werden.

Eine dynamische Seite

ist eine Webseite, die zur Laufzeit von einem Anwendungsserver angepasst und erst dann an den Browser gesendet wird.

Eine Datensatzgruppe

ist eine Datenteilmenge, die aus Tabellen einer Datenbank extrahiert wird, wie im folgenden Beispiel gezeigt:

Eine Datensatzgruppe

Eine relationale Datenbank

ist eine Datenbank mit mehreren Tabellen, deren Daten von den Tabellen gemeinsam verwendet werden. Die folgende Datenbank ist relational, da die Spalte „DepartmentID“ von zwei Tabellen genutzt wird.

Relationale Datenbank

Eine Servertechnologie

wird von einem Anwendungsserver verwendet, um dynamische Seiten zur Laufzeit zu ändern.

Die Dreamweaver-Entwicklungsumgebung unterstützt die folgenden Servertechnologien:

  • Adobe® ColdFusion®

  • Microsoft Active Server Pages (ASP)

  • PHP: Hypertext Preprocessor (PHP)

    Mit der Code-Entwicklungsumgebung von Dreamweaver können Sie auch Seiten für beliebige andere Servertechnologien entwickeln, die nicht in der Liste aufgeführt sind.

Eine statische Seite

ist eine Webseite, die zur Laufzeit nicht von einem Anwendungsserver angepasst, sondern unmittelbar an den Browser gesendet wird. Weitere Informationen finden Sie unter Statische Webseiten verarbeiten.

Eine Webanwendung

ist eine Website, deren Seiteninhalt noch nicht oder nur zum Teil festgelegt ist. Der endgültige Inhalt dieser Seiten wird erst festgelegt, wenn der Besucher die Seite vom Webserver anfordert. Da sich der endgültige Inhalt der Seite je nach den Aktionen des Besuchers von Anforderung zu Anforderung ändern kann, wird eine solche Seite als dynamische Seite bezeichnet.

Ein Webserver

ist Software, die von Webbrowsern angeforderte Webseiten bereitstellt. Eine Seitenanforderung wird generiert, wenn der Besucher auf einen Hyperlink auf einer Webseite klickt, in einem Browser ein Lesezeichen wählt oder eine URL im Adresstextfeld des Browsers eingibt.

Gängige Webserver sind beispielsweise Microsoft Internet Information Server (IIS) und Apache HTTP Server.

Adobe-Logo

Bei Ihrem Konto anmelden

[Feedback V2 Badge]