Hier erfahren Sie, wie Dreamweaver die verschiedenen Programmiersprachen für Websites unterstützt.
Die gängigsten Programmiersprachen zum Entwerfen und Entwickeln voll funktionsfähiger Webseiten sind HTML, HTML5- und CSS für das Frontend- und PHP, JavaScript, Java und jQuery für das Backend.
Durch CSS-Code können Sie das Erscheinungsbild einer Website (etwa die verwendeten Schriften oder Farben) gestalten. Mithilfe von HTML-Code fügen Sie dann Bilder, Text, Videos, Formulare und andere Inhalte ein, die zusammen eine Webseite bilden.
Mit der Kombination von CSS- und HTML können Sie eine statische Site erstellen. Allerdings ist für die meisten Websites ein gewisses Maß an Interaktionen erforderlich (etwa ein Formular, das der Besucher ausfüllen kann oder eine Zahlung, die zu leisten ist) sowie eine Datenbank, um alle Websitedaten zu speichern.
Um diese Backend-Kommunikationskanäle zu erstellen, benötigen Sie eine serverseitige Programmiersprache (z. B. PHP), die mit der Datenbank kommuniziert.
Von Dreamweaver unterstützte Programmiersprachen
Zusätzlich zu den Textbearbeitungsfunktionen bietet Adobe Dreamweaver verschiedene Features wie Codehinweise, um dir beim Programmieren in den folgenden Sprachen zu helfen:
- HTML
- PHP
- CSS
- JavaScript
Andere Sprachen wie Perl werden von den sprachspezifischen Programmierfunktionen in Dreamweaver nicht unterstützt. Du kannst beispielsweise Perl-Dateien erstellen und bearbeiten, aber Codehinweise gelten nicht für diese Sprache.
Automatische Codeänderung
Du kannst Optionen festlegen, die Dreamweaver anweisen, deinen handgeschriebenen Code automatisch nach von dir festgelegten Kriterien zu bereinigen. Dein Code wird jedoch nie umgeschrieben, es sei denn, die Code-Umschreibungsoptionen sind aktiviert oder du führst eine Aktion aus, die den Code ändert. Beispielsweise ändert Dreamweaver deine Leerzeichen nicht und ändert die Groß-/Kleinschreibung von Attributen nicht, es sei denn, du verwendest den Befehl Quellformatierung anwenden.
Einige dieser Codeumschreibungsoptionen sind standardmäßig aktiviert.
Die Roundtrip-HTML-Funktionen in Dreamweaver ermöglichen es dir, deine dokumente zwischen einem textbasierten HTML-Editor und Dreamweaver hin und her zu verschieben, mit geringen oder keinen Auswirkungen auf den Inhalt und die Struktur des ursprünglichen HTML-Quellcodes des dokuments. Zu diesen Funktionen gehören die folgenden:
Mit dem Texteditor eines Drittanbieters können Sie bei Bedarf das aktuelle Dokument bearbeiten.
Standardmäßig nimmt Dreamweaver keine Änderungen an Code vor, der in anderen HTML-Editoren erstellt oder bearbeitet wurde, auch wenn der Code ungültig ist, es sei denn, du aktivierst Code-Umschreibungsoptionen.
Dreamweaver ändert keine Tags, die es nicht erkennt—einschließlich XML-Tags—weil es keine Kriterien hat, nach denen es sie beurteilen könnte. Wenn sich ein nicht erkanntes Tag mit einem anderen Tag überschneidet (beispielsweise <MyNewTag><em>text</MyNewTag></em>), markiert Dreamweaver es als Fehler, schreibt aber den Code nicht um.
Optional kannst du Dreamweaver so einstellen, dass es ungültigen Code in der Codeansicht hervorhebt (in Gelb). Wenn du einen hervorgehobenen Bereich auswählst, zeigt der Eigenschafteninspektor Informationen darüber an, wie der Fehler korrigiert werden kann.
XHTML-Code
Dreamweaver generiert neuen XHTML-Code und bereinigt vorhandenen XHTML-Code auf eine Weise, die die meisten XHTML-Anforderungen erfüllt. Die Tools, die du benötigst, um die wenigen verbleibenden XHTML-Anforderungen zu erfüllen, werden ebenfalls bereitgestellt.
Einige der Anforderungen sind auch in verschiedenen Versionen von HTML erforderlich.
In der folgenden Tabelle sind die XHTML-Anforderungen aufgeführt, die Dreamweaver automatisch erfüllt:
XHTML-Anforderung |
Von Dreamweaver ausgeführte Aktionen |
|---|---|
Es muss eine DOCTYPE-Deklaration im dokument vor dem Stammelement geben, und die Deklaration muss auf eine der drei Document Type Definition (DTD)-Dateien für XHTML (strict, transitional oder frameset) verweisen. |
Fügt einem XHTML-Dokument eine XHTML-DOCTYPE-Deklaration hinzu: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Oder, wenn das XHTML-Dokument ein Frameset hat: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
Das Stammelement des Dokuments muss html sein, und das html-Element muss den XHTML-Namespace angeben. |
Fügt das namespace-Attribut zum html-Element hinzu, wie folgt: <html xmlns="http://www.w3.org/1999/xhtml"> |
Ein Standarddokument muss die strukturellen Elemente head, title und body haben. Ein Frameset-Dokument muss die strukturellen Elemente head, title und frameset haben. |
In einem Standarddokument sind die Elemente head, title und body enthalten. In einem Frameset-Dokument sind die Elemente head, title und frameset enthalten. |
Alle Elemente des Dokuments müssen richtig ineinander verschachtelt sein: <p>Das ist ein <i>schlechtes Beispiel.</p></i> <p>Das ist ein <i>gutes Beispiel.</i></p> |
Generiert korrekt verschachtelten Code und korrigiert bei der Bereinigung von XHTML die Verschachtelung in Code, der nicht von Dreamweaver generiert wurde. |
Alle Element- und Attributnamen müssen kleingeschrieben werden. |
Erzwingt, dass HTML-Element- und Attributnamen im XHTML-Code, den es generiert, kleingeschrieben werden und bei der Bereinigung von XHTML, unabhängig von deinen Tag- und Attribut-Groß-/Kleinschreibungspräferenzen. |
Jedes Element muss einen schließenden Tag haben, außer es ist in der DTD als EMPTY deklariert. |
Fügt schließende Tags in den Code ein, den es generiert, und bei der Bereinigung von XHTML. |
Leere Elemente müssen einen schließenden Tag haben, oder der öffnende Tag muss mit /> enden. Zum Beispiel ist <br> nicht gültig; die korrekte Form ist <br></br> oder <br/>. Folgende sind die leeren Elemente: area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta und param. Und für Rückwärtskompatibilität mit Browsern, die nicht XML-fähig sind, muss vor dem /> ein Leerzeichen stehen (zum Beispiel <br />, nicht <br/>). |
Fügt leere Elemente mit einem Leerzeichen vor dem schließenden Schrägstrich in leeren Tags in dem Code ein, den es generiert, und bei der Bereinigung von XHTML. |
Attribute können nicht minimiert werden; zum Beispiel ist <td nowrap> nicht gültig; die korrekte Form ist <td nowrap="nowrap">. Das betrifft die folgenden Attribute: checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly und selected. |
Fügt vollständige Attribut-Wert-Paare in den Code ein, den es generiert, und bei der Bereinigung von XHTML. Hinweis: Wenn ein HTML-Browser HTML 4 nicht unterstützt, kann es sein, dass er diese booleschen Attribute nicht interpretieren kann, wenn sie in ihrer vollständigen Form erscheinen. |
Alle Attributwerte müssen von Anführungszeichen umgeben sein. |
Setzt Anführungszeichen um Attributwerte im Code, den es generiert, und bei der Bereinigung von XHTML. |
Die folgenden Elemente müssen ein id-Attribut sowie ein name-Attribut haben: a, applet, form, frame, iframe, img und map. Zum Beispiel ist <a name="intro">Introduction</a> nicht gültig; die korrekte Form ist <a id="intro">Introduction</a> oder <a id="section1" name="intro"> Introduction</a>. |
Setzt das name- und id-Attribut auf denselben Wert, immer wenn das name-Attribut von einem Eigenschafteninspektor gesetzt wird, im Code, den Dreamweaver generiert, und bei der Bereinigung von XHTML. |
Für Attribute mit Werten eines Aufzählungstyps müssen die Werte kleingeschrieben werden. Ein Aufzählungstyp-Wert ist ein Wert aus einer angegebenen Liste erlaubter Werte; zum Beispiel hat das align-Attribut die folgenden erlaubten Werte: center, justify, left und right. |
Erzwingt, dass Aufzählungstyp-Werte kleingeschrieben werden im Code, den es generiert, und bei der Bereinigung von XHTML. |
Alle Script- und Style-Elemente müssen ein type-Attribut haben. (Das type-Attribut des script-Elements ist seit HTML 4 erforderlich, als das language-Attribut als veraltet eingestuft wurde.) |
Legt die type- und language-Attribute in script-Elementen und das type-Attribut in style-Elementen im generierten Code und beim Bereinigen von XHTML fest. |
Alle img- und area-Elemente müssen ein alt-Attribut haben. |
Legt diese Attribute in dem Code fest, den es generiert, und meldet beim Bereinigen von XHTML fehlende alt-Attribute. |
Reguläre Ausdrücke
Reguläre Ausdrücke sind Muster, die Zeichenkombinationen in Text beschreiben.Verwende sie in deinen Codesuchanfragen, um Konzepte wie Zeilen zu beschreiben, die mit „var" beginnen, und Attributwerte, die eine Zahl enthalten.
Die folgende Tabelle listet die Sonderzeichen in regulären Ausdrücken, ihre Bedeutungen und Verwendungsbeispiele auf. Um nach Text zu suchen, der eines der Sonderzeichen in der Tabelle enthält, setze vor das Sonderzeichen einen Backslash als Escape-Zeichen. Um beispielsweise nach dem tatsächlichen Sternchen in der Phrase some conditions apply* zu suchen, könnte dein Suchmuster so aussehen: apply\*. Wenn du das Sternchen nicht maskierst, findest du alle Vorkommen von „apply" (sowie alle Instanzen von „appl", „applyy" und „applyyy"), nicht nur die, die von einem Sternchen gefolgt werden.
Zeichen |
Entsprechung |
Example |
|---|---|---|
^ |
Anfang der Eingabe oder Zeile |
^T passt zu „T" in „This good earth", aber nicht zu „Uncle Tom's Cabin" |
$ |
Ende der Eingabe oder Zeile |
h$ entspricht „h" in „teach", aber nicht in „teacher" |
* |
Das voranstehende Zeichen 0 Mal oder mehrmals |
um* entspricht „um" in „rum", „umm" in „yummy" und „u" in „huge" |
+ |
Das voranstehende Zeichen 1 Mal oder mehrmals |
um+ findet Übereinstimmungen mit „um" in „rum" und „umm" in „yummy", aber nichts in „huge" |
? |
Das vorhergehende Zeichen höchstens einmal (das heißt, zeigt an, dass das vorhergehende Zeichen optional ist). |
st?on passt zu „son" in „Johnson" und „ston" in „Johnston", aber zu nichts in „Appleton" oder „tension" |
. |
Ein einziges Zeichen außer Zeilenvorschub |
.an passt zu „ran" und „can" in dem Ausdruck „bran muffins can be tasty" |
x|y |
Entweder x oder y |
FF0000|0000FF passt zu „FF0000" in bgcolor="#FF0000" und „0000FF" in font color="#0000FF" |
{n} |
Genau n Vorkommen des voranstehenden Zeichens |
o{2} findet "oo" in "loom" und die ersten beiden o's in "mooooo", aber nichts in "money" |
{n,m} |
Mindestens n und höchstens m Vorkommen des vorangehenden Zeichens. |
F{2,4} findet "FF" in "#FF0000" und die ersten vier Fs in #FFFFFF |
[abc] |
Jedes beliebige Zeichen, das in den eckigen Klammern steht.Gib einen Zeichenbereich mit einem Bindestrich an (zum Beispiel ist [a-f] gleichbedeutend mit [abcdef]). |
[e-g] findet "e" in "bed", "f" in "folly" und "g" in "guard" |
[^abc] |
Beliebige, nicht in den Klammern angegebene Zeichen. Gib einen Zeichenbereich mit einem Bindestrich an (zum Beispiel ist [^a-f] gleichbedeutend mit [^abcdef]). |
[^aeiou] trifft zunächst auf\n„r" in „orange", „b" in „book" und „k" in „eek!" zu |
\b |
Eine Wortabgrenzung (beispielsweise ein Leerzeichen oder ein Zeilenumbruch) |
\\bb trifft auf „b" in „book" zu\naber auf nichts in „goober" oder „snob" |
\B |
Alle Zeichen, ausgenommen Wortabgrenzungen |
\Bb passt zu „b" in „goober", aber zu nichts in „book" |
\d |
Eine beliebige Ziffer. Entspricht [0-9] |
\\d findet „3" in „C3PO"\nund „2" in „apartment 2G" |
\D |
Ein beliebiges Zeichen, das keine Ziffer ist. Entspricht [^0-9] |
\\D findet „S" in „900S"\nund „Q" in „Q45" |
\f |
Formularvorschub |
|
\n |
Zeilenvorschub |
|
\r |
Zeilenumbruch |
|
\s |
Jedes einzelne Leerzeichen, einschließlich Leerzeichen, Tabulator, Seitenvorschub oder Zeilenvorschub. |
\sbook entspricht „book" in „blue book", aber nichts in „notebook" |
\S |
Ein beliebiges einzelnes, druckbares Zeichen |
\Sbook entspricht „book" in „notebook", aber nichts in „blue book" |
\t |
Ein Tabulator |
|
\w |
Ein beliebiges alphanumerisches Zeichen, einschließlich Unterstrich. Entspricht [A-Za-z0-9_]. |
b\w* findet „barking" in „the barking dog" und sowohl „big" als auch „black" in „the big black dog" |
\W |
Ein beliebiges Zeichen, nicht jedoch alphanumerisch. Entspricht [^A-Za-z0-9_]. |
\\W passt zu „&" in „Jake&Mattie"\nund „%" in „100%" |
Strg+Eingabetaste oder Umschalt+Eingabetaste (Windows), oder Strg+Return oder Umschalt+Return oder Befehl+Return (Macintosh) |
Absatzmarken. Stelle sicher, dass du die Option Whitespace-Unterschiede ignorieren abwählst, wenn du danach suchst, falls du keine regulären Ausdrücke verwendest. Beachte, dass dies einem bestimmten Zeichen entspricht, nicht der allgemeinen Vorstellung eines Zeilenumbruchs; es entspricht beispielsweise nicht einem <br>-Tag oder einem <p>-Tag. Absatzmarken werden in der Entwurfsansicht als Leerräume und nicht als Zeilenumbrüche dargestellt. |
Verwende Klammern, um Gruppierungen innerhalb des regulären Ausdrucks zu setzen, auf die später verwiesen werden soll. Verwende dann $1, $2, $3 und so weiter im Feld Ersetzen durch, um auf die erste, zweite, dritte und weitere Klammer- gruppierungen zu verweisen.
Im Feld Suchen nach verwende \1, \2, \3 und so weiter anstelle von $1, $2, $3, um auf eine Klammergruppierung zu verweisen, die früher im regulären Ausdruck steht.
Wenn du beispielsweise nach (\d+)\/(\d+)\/(\d+) suchst und es durch $2/$1/$3 ersetzt, tauscht du Tag und Monat in einem durch Schrägstriche getrennten Datum aus und konvertierst somit zwischen amerikanischen und europäischen Datumsformaten.
Code für Serververhalten
Wenn du eine dynamische Seite entwickelst und ein Serververhalten aus dem Bedienfeld Serververhalten auswählst, fügt Dreamweaver einen oder mehrere Code-Blöcke in deine Seite ein, damit das Serververhalten funktioniert.
Wenn du den Code innerhalb eines Code-Blocks manuell änderst, kannst du Bedienfelder wie das Bindungen- und Serververhalten-Bedienfeld nicht mehr verwenden, um das Serververhalten zu bearbeiten.Dreamweaver sucht nach bestimmten Mustern im Seiten-Code, um Serververhalten zu erkennen und sie im Bedienfeld Serververhalten anzuzeigen.Wenn du den Code eines Code-Blocks auf irgendeine Weise änderst, kann Dreamweaver das Serververhalten nicht mehr erkennen und es im Bedienfeld Serververhalten anzeigen.Das Serververhalten existiert jedoch weiterhin auf der Seite und du kannst es in der Programmierumgebung in Dreamweaver bearbeiten.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
