David Powers
- Dreamweaver-Benutzerhandbuch
- Einführung
- Dreamweaver und Creative Cloud
- Arbeitsbereiche und Ansichten in Dreamweaver
- Sites einrichten
- Dreamweaver-Sites
- Lokale Version Ihrer Site einrichten
- Verbindung mit einem Publishing Server herstellen
- Testserver einrichten
- Site-Einstellungen importieren und exportieren
- Vorhandene Websites von einem Remote-Server in Ihren lokalen Site-Stammordner kopieren
- Barrierefreie Funktionen in Dreamweaver
- Erweiterte Einstellungen
- Site-Voreinstellungen für die Übertragung von Dateien festlegen
- Proxyserver-Einstellungen in Dreamweaver festlegen
- Dreamweaver-Einstellungen mit Creative Cloud synchronisieren
- Git in Dreamweaver verwenden
- Dateien verwalten
- Dateien öffnen und erstellen
- Dateien und Ordner verwalten
- Dateien vom Server abrufen/auf dem Server bereitstellen
- Dateien einchecken und auschecken
- Dateien synchronisieren
- Dateien auf Unterschiede vergleichen
- Dateien und Ordner in Ihrer Dreamweaver-Site von Operationen ausschließen (Cloaking)
- Design Notes für Dreamweaver-Sites aktivieren
- Potenzielle Gatekeeper-Angriffe verhindern
- Layout und Entwurf
- CSS
- Grundlegendes zu Cascading Stylesheets
- Gestalten von Seitenlayouts mit CSS Designer
- CSS-Präprozessoren in Dreamweaver verwenden
- Voreinstellungen für CSS-Stile in Dreamweaver festlegen
- CSS-Regeln in Dreamweaver verschieben
- Inline-CSS in Dreamweaver in eine CSS-Regel umwandeln
- Mit div-Tags arbeiten
- Verläufe auf den Hintergrund anwenden
- CSS3-Übergangseffekte in Dreamweaver erstellen und bearbeiten
- Code formatieren
- Seiteninhalt und Elemente
- Seiteneigenschaften festlegen
- CSS-Eigenschaften von Überschriften und Links festlegen
- Mit Text arbeiten
- Text, Tags und Attribute suchen und ersetzen
- DOM-Bedienfeld
- In der Live-Ansicht bearbeiten
- In Dreamweaver die Kodierung von Dokumenten festlegen
- Elemente im Dokumentfenster auswählen und anzeigen
- Texteigenschaften im Eigenschafteninspektor festlegen
- Rechtschreibprüfung für Web-Seiten durchführen
- Horizontale Linien in Dreamweaver verwenden
- Schriftkombinationen in Dreamweaver hinzufügen und ändern
- Mit Elementen arbeiten
- Datumsangaben in Dreamweaver einfügen und aktualisieren
- In Dreamweaver Favoritenelemente erstellen und verwalten
- Bilder in Dreamweaver einfügen und bearbeiten
- Medienobjekte hinzufügen
- Videos in Dreamweaver einfügen
- HTML5-Videos einfügen
- SWF-Dateien einfügen
- Audioeffekte hinzufügen
- In Dreamweaver HTML5-Audiodateien einfügen
- Mit Bibliothekselementen arbeiten
- Arabischen und hebräischen Text in Dreamweaver verwenden
- Hyperlinks und Navigation
- jQuery-Widgets und -Effekte
- Websites programmieren
- In Dreamweaver programmieren
- Programmierumgebung in Dreamweaver
- Voreinstellungen für Code festlegen
- Codehervorhebung anpassen
- Code schreiben und bearbeiten
- Codehinweise und Codevervollständigung
- Code aus- und einblenden
- Code mit Codefragmenten wiederverwenden
- Code-Linting
- Code optimieren
- Code in der Entwurfsansicht bearbeiten
- Mit den Head-Inhalten von Seiten arbeiten
- Server-Side Includes in Dreamweaver einfügen
- Tag-Bibliotheken in Dreamweaver verwenden
- Benutzerdefinierte Tags in Dreamweaver importieren
- JavaScript-Verhalten (allgemeine Anweisungen)
- Integrierte JavaScript-Verhalten anwenden
- XML und XSLT
- Server-seitige XSL-Transformationen in Dreamweaver durchführen
- Client-seitige XSL-Transformationen in Dreamweaver durchführen
- Zeichenentitäten für XSLT in Dreamweaver einfügen
- Code formatieren
- Produktübergreifende Arbeitsabläufe
- Erweiterungen für Dreamweaver installieren und verwenden
- In-App-Updates in Dreamweaver
- Microsoft Office-Dokumente in Dreamweaver einfügen (nur Windows)
- Mit Fireworks und Dreamweaver arbeiten
- Mithilfe von Contribute Inhalte in Dreamweaver-Sites bearbeiten
- Dreamweaver-Business Catalyst-Integration
- Personalisierte E-Mail-Kampagnen erstellen
- Vorlagen
- Dreamweaver-Vorlagen
- Vorlagen und vorlagenbasierte Dokumente erkennen
- Dreamweaver-Vorlagen erstellen
- Bearbeitbare Bereiche in Vorlagen erstellen
- Wiederholende Bereiche und Tabellen in Dreamweaver erstellen
- Optionale Bereiche in Vorlagen verwenden
- Bearbeitbare Tag-Attribute in Dreamweaver definieren
- Verschachtelte Vorlagen in Dreamweaver erstellen
- Vorlagen bearbeiten, aktualisieren und löschen
- XML-Inhalte in Dreamweaver exportieren und importieren
- Vorlage auf ein vorhandenes Dokument anwenden oder aus dem Dokument entfernen
- Inhalte in Dreamweaver-Vorlagen bearbeiten
- Syntaxregeln für Vorlagen-Tags in Dreamweaver
- Markierungseinstellungen für Vorlagenbereiche festlegen
- Vorteile von Vorlagen in Dreamweaver
- Mobilgeräte und Multiscreen
- Dynamische Websites, Seiten und Web-Formulare
- Grundlegendes zu Web-Anwendungen
- Computer für die Entwicklung von Anwendungen einrichten
- Fehlerbehebung bei Datenbankverbindungen
- Verbindungsskripts in Dreamweaver entfernen
- Dynamische Seiten entwerfen
- Quellen für dynamischen Inhalt – Überblick
- Quellen für dynamische Inhalte definieren
- Dynamische Inhalte in Seiten einfügen
- Dynamischen Inhalt in Dreamweaver ändern
- Datenbankdatensätze anzeigen
- Live-Daten in Dreamweaver bereitstellen und Fehlerbehebung bei der Anzeige
- Benutzerdefinierte Serververhalten in Dreamweaver hinzufügen
- Formulare mit Dreamweaver erstellen
- Formulare zum Sammeln von Benutzerinformationen verwenden
- ColdFusion-Formulare in Dreamweaver erstellen und aktivieren
- Web-Formulare erstellen
- Verbesserte HTML5-Unterstützung für Formularelemente
- Formularentwicklung mit Dreamweaver
- Visuelles Entwickeln von Anwendungen
- Master- und Detailseiten in Dreamweaver erstellen
- Such- und Ergebnisseiten erstellen
- Datensatz-Einfügeseiten erstellen
- Datensatz-Aktualisierungsseiten in Dreamweaver erstellen
- Datensatz-Löschseiten in Dreamweaver erstellen
- ASP-Befehle zum Ändern von Datenbanken in Dreamweaver verwenden
- Registrierungsseiten erstellen
- Anmeldeseiten erstellen
- Seiten erstellen, auf die nur autorisierte Benutzer zugreifen können
- Ordner in ColdFusion mit Dreamweaver schützen
- ColdFusion-Komponenten in Dreamweaver verwenden
- Websites testen, in der Vorschau anzeigen und veröffentlichen
- Fehlerbehebung
Um in Dreamweaver die Unterstützung von HTML5 fortzusetzen, wurden für einige Formularelemente neue Attribute eingeführt. Darüber hinaus wurden vier gänzlich neue HTML5-Formularelemente eingeführt.
Sie finden diese Formularelemente im Bedienfeld „Einfügen“. Wählen Sie „Fenster“ > „Einfügen“. Wählen Sie im Menü des Bedienfelds „Einfügen“ die Option „Formulare“.
Verbesserter Arbeitsablauf für Formulare in Dreamweaver
Neue Attribute in Formularelementen
Die folgenden neuen Attribute werden für alle Formelemente verwendet:
- Disabled: Aktivieren Sie diese Option, wenn der Browser das Element deaktivieren soll.
- Required: Aktivieren Sie diese Option, wenn der Browser überprüfen soll, ob ein Wert angegeben wurde.
- Auto complete: Aktivieren Sie diese Option, wenn bei der Eingabe im Browser die Werte automatisch ausgefüllt werden sollen.
- Auto focus: Aktivieren Sie diese Option, wenn beim Laden der Seite der Fokus auf dieses Element gesetzt werden soll.
- Read only: Aktivieren Sie diese Option, um das Element mit Schreibschutz zu versehen.
- Form: Hier können Sie eines oder mehrere Formulare angeben, zu denen ein <input>-Element gehört.
- Name: Eindeutiger Name, mit dem im Code auf das Objekt verwiesen werden kann.
- Place holder: Hinweis, der den erwarteten Wert eines Eingabefelds beschreibt.
- Pattern: Regulärer Ausdruck, mit dem der Wert des Elements überprüft wird.
- Title: Zusätzliche Informationen über ein Element. Wird als QuickInfo angezeigt.
- Tab Index: Die Position des aktuellen Elements in der Tab-Reihenfolge für das aktuelle Dokument.
Formularelemente mit geänderten Attributen
- Form No Validate: Aktivieren Sie diese Option, wenn das Element aus der Formularüberprüfung ausgeschlossen werden soll. Diese Einstellung hat Vorrang vor dem Attribut „No Validate“ auf Formularebene.
- Form Enc Type: Ein MIME-Typ, mit dem der Benutzer-Agent dieses Element beim Senden des Formulars verknüpfen soll.
- Form Target: Kontextname oder Schlüsselwort, welches das Ziel des Steuerelements repräsentiert.
- Accept charset: Die Zeichenkodierung, die beim Senden des Formulars verwendet werden soll.
Die Hyperlinks zu den verschiedenen Attributen enthalten Informationen über alle Attribute, die in der HTML5-Spezifikation aufgeführt sind. Nicht alle diese Attribute sind im Bedienfeld „Eigenschaften“ vorhanden. Sie können die Codeansicht verwenden, um Attribute hinzuzufügen, die im Bedienfeld nicht vorhanden sind.
HTML5-Formularelemente
Formular-element | Verfügbar ab | Beschreibung | Beschreibung der Attribute |
Farbe | 12.2 | Für Eingabefelder, die eine Farbe enthalten. | http://www.w3.org/TR/html-markup/input.color.html |
Datum | 12.2 | Steuerelement, mit dem der Benutzer ein Datum auswählen kann. | http://www.w3.org/TR/html-markup/input.date.html |
Datum/Uhrzeit | 12.2 | Ermöglicht es dem Benutzer, Datum und Uhrzeit (sowie die Zeitzone) auszuwählen. | http://www.w3.org/TR/html-markup/input.datetime.html |
Ortszeit und -datum | 12.2 | Ermöglicht es dem Benutzer, Datum und Uhrzeit (ohne Zeitzone) auszuwählen. | http://www.w3.org/TR/html-markup/input.datetime-local.html |
Monat | 12.2 | Ermöglicht es dem Benutzer, Monat und Jahr auszuwählen. | http://www.w3.org/TR/html-markup/input.month.html |
Zahl | 12.2 | Für Felder, die nur Zahlen enthalten sollen. | http://www.w3.org/TR/html-markup/input.number.html |
Bereich | 12.2 | Für Felder, die Werte aus einem bestimmten Zahlenbereich enthalten sollen. | http://www.w3.org/TR/html-markup/input.range.html |
Uhrzeit | 12.2 | Ermöglicht es dem Benutzer, eine Uhrzeit auszuwählen. | http://www.w3.org/TR/html-markup/input.time.html |
Woche | 12.2 | Ermöglicht es dem Benutzer, Woche und Jahr auszuwählen. | http://www.w3.org/TR/html-markup/input.week.html |
12.1 | Ein Steuerelement zum Bearbeiten einer Liste von E-Mail-Adressen, die im Feld „Value“ des Elements angegeben wurden. | http://www.w3.org/TR/html-markup/input.email.html | |
Suchen | 12.1 | Ein einzeiliges, bearbeitbares Steuerelement mit reinem Text für die Eingabe eines oder mehrerer Suchbegriffe. | http://www.w3.org/TR/html-markup/input.search.html |
Tel. | 12.1 | Ein einzeiliges, bearbeitbares Steuerelement mit reinem Text für die Eingabe einer Telefonnummer. | http://www.w3.org/TR/html-markup/input.tel.html |
URL | 12.1 | Ein Steuerelement für die Bearbeitung einer absoluten URL, die im Feld „Value“ des Elements angegeben wurde. | http://www.w3.org/TR/html-markup/input.url.html |