Adresse

http://borumat.de/dreamweaver-html-editor-tipps

Andreas Borutta

Tipps zum HTML-Editor Dreamweaver

Hier geht es vor allem um schnelle wie bequeme Bedienweisen. Das Ziel: valides XHTML.

Für häufig genutzte Funktionen bevorzuge ich Tastenkürzel. Daher steht diese Bedienweise hier im Vordergrund. Aus ihr ergibt sich automatisch eine schlanke und schlichte Oberfläche.

Ich benutze Dreamweaver "nur", um XHTML zu schreiben. Die ganze Gestaltung wird über externe Stylesheets erledigt. CSS schreibe ich noch mit einem dafür besser geeigneten Editor.

Die Tipps sind getestet mit der Version CS4 (Windows). Die meisten Tipps sind auch für Dreamweaver CS3, 8, MX oder 2004 anwendbar.

Was finden Sie hier nicht? Tipps zur Nutzung von Vorlagen und Bibliotheksbausteinen. Ich ziehe universelle Techniken wie PHP den proprietären vor.

Ähnliche Themen, die Sie vielleicht ebenfalls interessieren:
Vollständiges Inhaltsverzeichnis:

Neuste Tipps

Diverses

Keine Entities für Umlaute bei Kodierung "ISO-8859-1"

In Dokumenten mit der Kodierung ISO-8859-1 (Modifizieren > Seiteneigenschaften > Kodierung > Mitteleuropäisch(ISO)) werden für Umlaute automatisch Entities eingefügt. Abschalten lassen sich das nicht. Die Maskierung mit Entities ist überflüssig und erschwert das Lesen des Quellcodes.

Ich danke Danilo Celic für die Erstellung eines Skriptes, welches diesen Mangel behebt.

Es ersetzt bei jedem Speichervorgang die Entities für Umlaute. Auf Wunsch können dort beliebige weitere Zeichenfolgen eingefügt werden, die bei jedem Speichern ersetzt werden.

Wie das Skript in Dreamweaver eingefügt wird, ist direkt im Kopf des Skriptes beschrieben.

Bei der Verwendung der Kodierung UTF-8 (Modifizieren > Seiteneigenschaften > Kodierung > Unicode(UTF-8)) ist das Skript überflüssig: es werden dann keine Entities für Umlaute automatisch eingefügt.

<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 5.0//dialog">
<!– MENU-LOCATION=NONE –>

<!– 
Erstellung des Skriptes: Danilo Celic
Idee: Andreas Borutta
Nutzung:
Speichern Sie das Skript unter dem Namen "replace_beforeSave.htm" im Verzeichnis
"C:\Dokumente und Einstellungen\Nutzername\Anwendungsdaten\Adobe\Dreamweaver CS4\de_DE\Configuration\Commands\replace_beforeSave.htm" (Windows XP) bzw.
"C:\Users\Nutzername\AppData\Roaming\Adobe\Dreamweaver CS4\de_DE\Configuration\Commands\replace_beforeSave.htm" (Windows 7)
Der zweite Namensteil des Skriptes, hinter dem "_", darf nicht verändert werden.
Er bewirkt, dass das Skript vor dem Speichern ausgeführt wird. 
–>

<html>
<head>
<title>Convert Umlaut an other entities</title>
<script src="../Shared/Common/Scripts/dwscripts.js"></script>
<script>
function canAcceptCommand(){
	return true;
}
function getFileName(url) {
  var index = url.lastIndexOf('/');
  if (index != -1) retVal = url.substring(index + 1);
  else retVal = url;
  return retVal;
}
function runCmd(){
  var dom = dw.getDocumentDOM();
  dom.synchronizeDocument();
  var path = dw.getDocumentPath('document');
  if(getFileName(path) != 'replace_beforeSave.htm'){
    var docEl = dom.documentElement;
    var tempDoc = docEl.outerHTML;
    tempDoc = tempDoc.replace(/&Auml;/g,'Ä').replace(/&Uuml;/g,'Ü').replace(/&Ouml;/g,'Ö');
    tempDoc = tempDoc.replace(/&auml;/g,'ä').replace(/&uuml;/g,'ü').replace(/&ouml;/g,'ö');
    tempDoc = tempDoc.replace(/&szlig;/g,'ß');
    docEl.outerHTML = tempDoc;
    }
}
</script>
</head>
<body onload="runCmd();">
</body>
</html>

Waisenkinder finden

Wenn ein Dokument von keinem anderen Dokument der Site aus verlinkt ist, kann ein Benutzer es nicht erreichen.

Solche Waisen finden Sie mit:

Zwischen root-relativen und dokument-relativen Pfaden bei Hyperlinks wählen

Sie möchten die Referenzierungsweise für alle bereits existierenden site-internen Links vereinheitlichen? Dies geht mit der Erweiterung Relativity.

Fehlerhaftes Aktualisieren von PHP-Include-Pfadangaben vermeiden

Wenn Dateien oder Ordner umbenannt werden, bietet Dreamweaver eine Aktualisierung der betroffenen Links an. Eine höchst nützliche Funktion.

Leider zerstört Dreamweaver dabei die Pfade von PHP-Includes.

Genaue Beschreibung des Verhaltens:

In der der sog. php.ini, einer Konfigurationsdatei auf dem Webserver, kann der Pfad angebeben werden, in welchem Includes liegen. Dann ist eine kurze Schreibweise möglich:

Datei /foo/index.php:

<body>  <?php include "head.inc" ?>  </body>

Jetzt wird der Ordner foo umbenannt nach bar. Dreamweaver schlägt eine Aktualisierung der Links vor, wir bestätigen, denn selbstverständlich sollen alle betroffenen Links auf der Site angepasst werden.

Nach der Aktualisierung sieht der Quellcode so aus:

Datei /bar/index.php:

<body>  <?php include "../foo/head.inc" ?>  </body>

Das Include funktioniert nicht mehr, weil der korrekte Pfad zerstört wurde. Es gibt keine Einstellung in Dreamweaver, die Includes von der Aktualisierung ausschließt.

Lösung:

Includes können anders "eingebunden" werden, in einer Form, die Dreamweaver nicht "kennt" und sie daher auch nicht anrührt.

Fügen Sie dazu folgende PHP-Funktion im Kopf jedes Dokumentes ein - vor dem ersten Include:

<?php
/* 
Dieses Skript erlaubt eine schlankere Syntax zum Einfügen von Includes, 
indem eine einfache Funktion den vollständigen Befehl erzeugt:
<?php inc("foo") ?>
statt
<?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/foo.inc") ?>
bzw., falls der Pfad zu Includes in der PHP.INI deklariert wurde
<?php include("foo.inc") ?>
*/
$inc_dir="/includes/";
$inc_ext=".inc";
function inc($inc_name) {
	global $inc_dir;
	global $inc_ext;
	include($_SERVER['DOCUMENT_ROOT'] . $inc_dir . $inc_name . $inc_ext);
	}
?>

In der Variable $inc_dir tragen Sie das von Ihnen verwendete Verzeichnis für Includes ein.

Jetzt können Includes mit folgender Syntax eingefügt werden:

<?php inc("head") ?>

Diese wird von Dreamweaver, wie oben schon erwähnt, beim Aktualisieren von Links nicht mehr verändert.

Zeilenumbruch-Typ "CR+LF" für eine ganze Site nach "LF" umwandeln

Soweit mir bekannt ist, kann beim Übertragen von Dateien in Dreamweaver per FTP-Protokoll der sog. Transfer-Modus nicht frei gewählt werden. Dreamweaver wählt automatisch entweder den Text-Modus (auch ASCII-Modus) oder den Binary-Modus.

Textdateien wie TXT, HTML oder PHP werden von Dreamweaver automatisch im ASCII-Modus übertragen. Dabei werden Zeilenumbrüche des Typs CR+LF automatisch in den Typ LF umgewandelt, was dazu führt, dass die Datei auf dem Server wenige Bytes kleiner ist (die lokale Datei wird nicht angetastet).

Manche Programme, die der Synchronisation von lokalen Verzeichnissen mit dem Verzeichnis auf einem Web-Server dienen, bewerten dann solche Dateien als "nicht identisch" und schlagen eine Synchronisation vor.

Man kann dem begegnen, indem man in Dreamweaver den Zeilenumbruch-Typ LF einstellt: Bearbeiten > Voreinstellungen > Codeformat > Zeilenumbruch-Typ: LF

Erwartungsgemäß wirkt sich das nur auf neu angelegte Dateien aus.

Wie wandelt man nun den Zeilenumbruch-Typ für die Dateien einer ganzen Site um?

Beim Übertragen im Binary-Modus wird der Zeilenumbruch-Typ nicht verändert. Nach dem vierten Schritt liegen lokal also nur noch Dateien mit Umbrüchen des Typs LF vor.

Falls jemandem ein eleganteres Verfahren kennt, freue ich mich über einen Hinweis.

Stylesheet für die Entwurfsansicht auswählen

Normalerweise wird dasjenige Stylesheets für die Entwurfsansicht genutzt, welches bei Ansicht > Stilwiedergabe gewählt ist. Standardvoreinstellung ist: Bildschirmmedientyp

Achtung! Denken Sie die Wirkungsweise des Attributes media. Wenn Sie zum Beispiel Projektionsmedientyp wählen und es existiert kein Stylesheet dieses Medientyps, dann wird die Entwurfsansicht ihr Dokument ganz ohne Stilregeln anzeigen.

Sie wollen nun die Wirkung eines einzigen Stylesheets test.css prüfen, kein anderes sollen sich auswirken?

Ansicht > Stilwiedergabe > Entwurfsphase > + > test.css
Alle anderen Stylesheets, z.B. print.css und screen.css blenden sie im gleichen Dialogfeld aus.

Ab sofort wird nur noch test.css für die Entwurfsansicht verwendet.

Druckvorschau

Sie haben ein Stylesheet mit media="print" eingebunden? Im Browser lässt sich die Wirkung dieses Stylesheets betrachten, wenn man im Browser Datei > Druckvorschau wählt.

Wie lässt man sich die Wirkung in der Entwurfsansicht von Dreamweaver anzeigen?

Ansicht > Stilwiedergabe > Druckmedientyp

Verknüpfung einer Datei öffnen

In einem Dateimanager können Verknüpfungen von Dateien angelegt werden. Im Windows Explorer z.B. mit Hilfe von Datei > Verknüpfung erstellen.

Eine Verknüpfung ermöglicht den Verbleib der Datei an ihrem Platz, während Sie von beliebiger Stellen sehr bequem auf sie zugegreifen können. Verknüpfungen tragen die Dateieindung .lnk.

Sie schätzen dieses Prinzip und möchten auch in Dreamweaver Verknüpfungen verwenden?

Besonders bei einer lokalen Site mit einer Vielzahl von Dateien und einer stark verschachtelten Verzeichnissstruktur könnten Verknüpfungen nützlich sein um nicht lange nach den aktuell bearbeiteten Dateien suchen zu müssen.

Dreamweaver erlaubt es nicht in Fenster > Datei eine Verknüpfung einer Datei anzulegen.

Beim Öffnen einer Verknüpfung innerhalb von Fenster > Datei wird an nun ohne Rückfrage die Zieldatei geöffnet.

Alle dokument-relative in root-relative Pfade umwandeln – oder umgekehrt

Es gibt drei Varianten, Ressourcen zu referenzieren:

  1. absolute Pfade
    href="http://deine-domain.de/verzeichnis/page.html"
  2. dokumentrelative Pfade
    href="../page.html"
  3. rootrelative Pfade
    href="/verzeichnis/page.html"

Mit der Erweiterung Relativity können Sie in einem Rutsch alle site-internen Referenzierungen auf Ihrer Site in eine der drei Varianten umformen. (Hinweise zum Installieren von Erweiterungen)

Autor der Erweiterung ist Jason Dalgarno.

Suchen nach Absatzmarken

Sie möchten nach Absatzmarken suchen oder welche beim Ersetzen einfügen lassen?

Geben Sie Strg+Enter in Bearbeiten > Suchen&Ersetzen > Feld: Suchen/ Feld: Ersetzen ein.

'.htaccess' sichtbar machen

Bei Ihnen wird in Fenster > Dateien die Datei .htaccess nicht angezeigt?

Um sie sichtbar zu machen wählen Sie:
Fenster > Dateien > Schaltfläche ganz rechts > Ansicht > [x] Versteckte Dateien anzeigen

Großer Nachteil: Jetzt werden auch die Ordner _notes angezeigt, die automatisch von Dreamweaver beim Synchronisieren der Site angelegt werden.
Ob man .htaccess zeigen und gleichzeitig _notes verstecken kann, weiß ich nicht.

'.htaccess' in Codeansicht bearbeiten

Sie möchten die die Datei .htaccess innerhalb der Codeansicht von Dreamweaver bearbeiten um sie danach u. a. bequem per Tastenkürzel hochladen zu können?

Ergänzen Sie in Bearbeiten > Voreinstellungen > Dateitypen > Feld: In Codeansicht öffnen einfach am Ende die Zeichenfolge .htaccess. Vergessen Sie das Leerzeichen davor nicht.

Umzugshilfe

Das sehr empfehlenswerte Werkzeug MM-Exporter von Jörg Schmalenberger erleichtert den Transport aller Einstellungen bei einen Umzug auf einen anderen Rechner oder nach einer Neuinstallation erheblich.

Stand 13.3.2008: Version Dreamweaver CS4 wird nicht unterstützt. MM-Exporter scheint nicht mehr weiterentwickelt zu werden.

Manuell können Sie die Einstellungen bei CS4 so transportieren - nachdem Sie zuvor Dreamweaver CS4 installiert haben:

  1. Export
    1. Registry Schlüssel
      1. Startmenü > Ausführen > Regedit > ENTER
      2. Im Baum aufsuchen: HKEY_CURRENT_USER\Software\Adobe\Dreamweaver CS4
      3. Datei > Exportieren > Dateinamen angeben, z.B. "dw-einstellungen.reg > Speichern
    2. Sites
      Datei > Sites verwalten > Site auswählen > Exportieren > Speichern
      Wenn die Site z.B. borumat heißt, ist das Ergebnis eine Datei borumat.ste
    3. Anwendungsdaten
      Kopieren Sie den Ordner C:\Dokumente und Einstellungen\[Ihr Benutzername]\Anwendungsdaten\Adobe\Dreamweaver CS4
    4. Dokumentvorlagen für Datei > Neu
      Kopieren Sie den Ordner C:\Programme\Adobe\Adobe Dreamweaver CS4\de_DE\Configuration\DocumentTypes\NewDocuments\
  2. Import
    1. Registry Schlüssel
      Öffnen Sie die zuvor gespeicherte Datei dw-einstellungen.reg (zum Beispiel per Doppelklick) und bestätigen Sie im darauffolgenden Dialog das Hinzufügen zur Registry
    2. Sites
      Datei > Sites verwalten > Site auswählen > Importieren
      Wählen Sie im Dialog die zuvor gespeicherten Dateien *.ste aus. Es können mehrere gleichzeitig ausgewählt werden.
    3. Anwendungsdaten
      Ersetzen Sie den Ordner in der neuen Installation C:\Dokumente und Einstellungen\[Ihr Benutzername]\Anwendungsdaten\Adobe\Dreamweaver CS4 durch den zuvor gespeicherten Ordner der alten Installation
    4. Dokumentvorlagen für Datei > Neu
      Ersetzen Sie den Ordner in der neuen Installation C:\Programme\Adobe\Adobe Dreamweaver CS4\de_DE\Configuration\DocumentTypes\NewDocuments\ durch den zuvor gespeicherten Ordner der alten Installation

Bemerkungen:

Die installierten Erweiterungen werden so nicht transportiert. Ob es auch dafür einen Weg gibt, weiß ich nicht und freue mich daher über entsprechende Hinweise.

Dateien hochladen – Site synchronisieren

Alle geänderten Dateien aus Dreamweaver heraus hochladen und so sicherstellen, dass jeweils die neueste Version der Dateien auf dem Server bereitsteht, ist Ihr Anliegen?

Bei Site-Synchronisation Dateien ausschließen

Beim Synchronisieren Ihrer Site möchten Sie einige Verzeichnisse und Dateien stets ausschließen?

Bei allen künftigen Synchronisationen mit Site > Ganze Site synchronisieren werden die gekennzeichneten Verzeichnisse und Dateien ausgeschlossen.

Achtung! Wenn ein Verzeichnis oder eine Datei auf dem Server bereits existiert und erst dann auf der lokalen Site ausgeschlossen wird, werden diese beim Synchronisieren nicht auf dem Server gelöscht, auch wenn die Option Site > Ganze Site synchronisieren > [x] Dateien auf Remote-Server löschen, die nicht auf der lokalen Site vorhanden sind gewählt ist.

Dateityp einem Farbschema zuordnen

Sie benutzen z.B. für PHP-Includes die Endung inc? Sie möchten, dass Dateien mit dieser Endung mit dem gleichen Farbschema wie Dateien mit der Endung php dargestellt werden?

Dokument 'Datei neu' verändern

Wenn Sie STRG+N oder alternativ Datei > Neu wählen erscheint ein neues leeres Dokument.

Um diese Vorlage zu verändern passen Sie folgendes Dokument an:
C:\Programme\Adobe\Adobe Dreamweaver CS4\de_DE\Configuration\DocumentTypes\NewDocuments\Default.html

Der erste Teil des Pfades muss angepast werden, sollte Dreamweaver in einem anderen Verzeichnis installiert sein oder wenn eine andere Version genutzt wird..

Falls Sie Dateien mit PHP-Endung benutzen heißt das richtige Dokument Default.php.

Navigieren zu site-internen Dokumenten im Entwurf

Halten Sie Strg gedrückt und doppelklicken Sie den Link in der Entwurfsansicht.

Leider funktioniert diese elegante Navigation nicht, wenn ein id-Attribut als Anker genutzt.

Erweiterungen installieren

Auf Adobe Exchange stehen ein Vielzahl von Erweiterungen für Dreamwever zur Verfügung.

Eine anderer Startpunkt für die Suche nach Erweiterungen ist Dreamweaver Extension Database (englischsprachig).

Tastenkürzel – die schnelle Bedienweise

Tastenkürzelschablone

Sie schätzen die unschlagbare hohe Geschwindigkeit von Tastenkürzeln gegenüber der Bedienung mit der Maus? Sie wünschen sich ein Hilfsmittel, welches das Einprägen von Tastenkürzeln erleichtern kann?

Wenn ich die Benutzung einer neuen Anwendung erlerne, hilft mir in der ersten Zeit eine simple Pappschablone, die neben der Tastatur liegt und auf der alle wesentlichen Tastenkürzel für alle häufig vorkommenden Aktionen mit Bleistift verzeichnet sind.

Eine Schraffur mit Buntstiften von bestimmten Gruppen von Tastenkürzeln unterstützt das Einprägen und Finden zusätzlich.

So in der Fläche angeordnet lerne ich die Kürzel viel schneller als in einer Liste.

Ich beschränke mich weitgehend auf Kürzel mit den Tasten Strg und Umschalt. Diese Tasten lassen sich beim 10-Finger-Schreiben mühelos erreichen und die Schablone bleibt schlank: es gibt also für jedes Zeichen zwei Felder, die Funktionstasten haben folgerichtig drei.

Andreas' Tastenkürzelvorschläge

Zuviele Tastenkürzel merkt sich eh kaum jemand. Ich nutze etwa zwei Dutzend regelmäßig für die häufigsten Aufgaben während des Schreibens und Pflegens von Inhalten.

Die global üblichen Tastenkürzel sind bei dieser Zahlenangabe nicht mitgerechnet, weil sie nicht neu erlernt werden müssen.

Übersicht:

Andreas' Tastenkürzel für Dreamweaver
Tastenkürzel Funktion Kommentar
Blocklevel-Elemente
Strg G p
Strg 1 h1
Strg 2 h2
Strg 3 h3
Strg 4 h4
Strg J pre
Strg B blockquote
Strg U ul
Strg O ol
Strg D dl
Strg 0 Blocklevel-Tags
entfernen
Text > Absatzformat > Keine
Strg L p statt Liste Text > Liste > Keine
Inzeilige Elemente
Umschalt Strg K em
Umschalt Strg F strong
Umschalt Strg Q code
Umschalt Strg L del
Umschalt Strg A kbd
Tabellen
Umschalt Strg T Tabelle
einfügen
Es gibt einen reproduzierbaren Fehler: Bei einem Kürzel nur aus Strg+Buchstabe statt Strg+Umschalt+Buchstabe wird das Dialogfeld nicht angezeigt, sondern eine leereTabelle sofort eingefügt.
Alt Spalte einfügen
links
Alt Spalte einfügen
rechts
Alt Zeile einfügen
oben
Alt Zeile einfügen
unten
Strg J Zeile
löschen
Umschalt Strg J Spalte
löschen
td Das Zuweisen soll innerhalb der Entwurfsansicht funktionieren.
Für diese Funktion suche ich noch nach einer Möglichkeit ein Kürzel zu verwirklichen. Wenn Sie dazu etwas wissen, senden Sie mir bitte einen Hinweis.
th
Strg E Zellen verbinden
Umschalt Strg E Zellen teilen
Strg A Zelle
markieren
2x Strg A Tabelle
markieren
Diverse
Tab Listenpunkt
eine Ebene
verschachteln
tiefer
Die Einfügemarke muss dafür nicht am Anfang des Listenpunktes stehen
Umschalt Tab Listenpunkt
eine Ebene
verschachteln
höher
Die Einfügemarke muss dafür nicht am Anfang des Listenpunktes stehen
Umschalt Strg U Bereitstellen Site > Bereitstellen
Siehe Tipp
Umschalt Strg H Hyperlink
einfügen
Einfügen > Hyperlink
Es gibt einen reproduzierbaren Fehler: Bei einem Kürzel nur aus Strg+Buchstabe statt Strg+Umschalt+Buchstabe wird das Dialogfeld nicht angezeigt, sondern ohne Rückfrage <a href="#">#</a> eingefügt.
Strg H Hyperlink
entfernen
Modifizieren > Hyperlink entfernen
Strg I ID
einfügen
Siehe Tipp
Strg > Übergeordnetes
Tag
auswählen
Bearbeiten > Übergeordnetes Tag auswählen
F12 Dokument
im Browser
anzeigen
F8 Dateimanager
einblenden
Fenster > Dateien
F4 Ansicht
wechseln
F5 Ansicht
Entwurf
Ein Tastenkürzel, welches im Kreis durch diese drei Ansichten schaltet, wäre nützlich.
Wenn Sie dazu etwas wissen, sende mir bitte einen Hinweis.
F6 Ansicht
Code
F7 Ansicht
Code und Entwurf
Umschalt Strg Leer Geschütztes Leerzeichen
einfügen
Umschalt Strg - Geschützten Bindestrich
einfügen
Global übliche Tastenkürzel
Bewegen/ Markieren
Alle Kürzel zum Bewegen werden durch das zusätzliche Halten von Umschalt zu Kürzeln zum Markieren
Zeichen
vorheriges
Zeichen
nächstes
Strg Wort
vorheriges
Setzt die Einfügemarke, wenn sie mitten im Wort steht, an den Anfang, sonst an den Anfang des vorherigen.
Strg Wort
nächstes
Setzt die Einfügemarke, wenn sie mitten im Wort steht, an das Ende des Wortes, sonst an das Ende des nächsten
Zeile
hoch
Zeile
runter
Pos1 Zeilenanfang
Ende Zeilenende
Bild ↑ Fensterinhalt
vorheriger
Bild ↓ Fensterinhalt
nächster
Strg A Alles markieren
Diverse
Strg X Ausschneiden
Strg C Kopieren
Strg V Einfügen
Strg Z Rückgängig
Strg Y Wiederholen
Strg S Speichern
Alt F4 Anwendung
schließen
Strg F4 Dokument
schließen
Umschalt Strg V Inhalte
einfügen
Entf Zeichen löschen
rechts
Löscht auch markierten Text.
Rücktaste Zeichen löschen
links
Löscht auch markierten Text.
Strg Entf Wort löschen
rechts
Strg Rücktaste Wort löschen
links
Umschalt Enter Zeilenumbruch
einfügen
Strg P Drucken
Strg N Neues Dokument
Strg F Suchen & Ersetzen
F3 Weitersuchen
Umschalt Strg Tab Dokument
vorheriges
Bei LibreOffice nicht möglich.
Strg Tab Dokument
nächstes
Dito.

Tastenkürzel für 'Datei hochladen'

Sie möchten aus Dreamweaver heraus Dateien auf den externen Server hochladen? In Dreamweaver nennt sich das Ganze "auf Remoteserver speichern".

Nun können Sie das aktuell offene Dokument oder alle in Fenster > Datei markierten Dateien mit diesem Tastenkürzel hochladen.

Tastenkürzel für 'ID-Attribut hinzufügen'

Das Hinzufügen eines ID-Attributes, im Beispiel lorem, ist langwierig:

  1. Maus in Statuszeile auf das gewünschte Element bewegen
  2. Rechtsklick
  3. Maus auf Tag bearbeiten bewegen
  4. Linksklick
  5. Leerzeichen
  6. Tippen: i
  7. Enter
  8. Tippen: lorem
  9. Enter

Mit der Erweiterung Instant ID reduzieren Sie diese 9 Schritte auf 3. (Hinweise zum Installieren von Erweiterungen)

Autor der Erweiterung ist Danilo Celic. Er war so freundlich und hat die Erweiterung auf meine Anregung hin geschrieben.

Seit DW CS4 scheint es einen Bug im Erweiterungs-Manager zu geben. Es kann passieren, dass bei manchen Erweiterungen die Installation scheitert. Falls dies bei Ihnen geschieht, hilft danach folgendes Vorgehen:

  1. Löschen von C:\Programme\Adobe\Adobe Dreamweaver CS4\de_DE\Configuration\Menus\menus.xml
  2. Dreamweaver neu starten
  3. Extension Manager aufrufen: Jetzt sollte die Installation der Erweiterung klappen.
    Ein Blick in C:\Programme\Adobe\Adobe Dreamweaver CS4\de_DE\Configuration\Menus\ zeigt, dass menus.xml neu angelegt wurde.

Nach der Installation steht ein neuer Befehl CMX Instant ID im Menü Befehle bereit. Weisen Sie diesem ein Tastenkürzel zu, z.B. Strg+I.

Die Schritte:

  1. Strg+I
    Ein Dialogfenster erscheint:
  2. Tippen: lorem
  3. Enter

Element hinter aktuellem DIV oder PRE einfügen - in Entwurfsansicht

Aufgabe
  1. Der Cursor befindet sich innerhalb der Entwurfsansicht innerhalb eines Elementes p, welches sich innerhalb eines div befindet:
    <div class="foo">
    	<p>Lorem[Cursor]</p>
    </div>
    
    Wenn Enter gewählt wird, erscheint im ersten Beispiel ein weiteres p.
  2. Oder der Cursor befindet sich innerhalb eines pre:
    <pre>Lorem[Cursor]</pre>
    
    Wenn Enter gewählt wird, erscheint eine neue Zeile innerhalb des pre.

Nun soll ein Element h4 hinter dem div bzw. dem pre eingefügt werden – ohne die Entwurfsansicht zu verlassen.

Lösung

Nehmen wir an, das Tastenkürzel für Bearbeiten > Übergeordnetes Tag auswählen lautet Strg+< und für das Einfügen eines h4-Elementes lautet es Strg+4

Wählen Sie für die erste Aufgabe:

  1. Strg+<
  2. Strg+<
  3. Enter
  4. Strg+4

Länglich, ja. Die Verwendung von div verlangsamt also das Auszeichnen für den Autor.

Für die Lösung der zweiten Aufgabe wird Strg+< nur einmal gewählt.

Anliegen – Diverse

Die Anliegen sind Wünsche in Richtung Entwickler, aber sie dienen auch als indirekter Tipp – man erfährt, was zur Zeit in Dreamweaver nicht möglich ist.

Wenn Sie Erweiterungen oder andere Wege kennen, die ein Anliegen erfüllen können, freue ich mich über Hinweise.

Zerstörung des Zeitstempels bei FTP-Übertragung verhindern (Anliegen)

Wenn Dateien von Dreamweaver aus per FTP auf den Server übertragen werden, wird der Zeitstempel "zerstört".

Andere Werkzeuge, wie z. B. FileZilla benutzen zum Setzen des Datums den Befehl MFMT. Dieser verhindert das Zerstören des Zeitstempels.

Vorschlag:
Implementierung des Befehls MFMT für die FTP-Übertragung.

Sitesynchronisation: Dokumente mit aktiviertem Cloaking vom Server entfernen (Anliegen)

Einige Verzeichnisse haben Sie per Rechtsklick > Cloaking > Cloaking aktivieren von der Sitesynchronisation ausgeschlossen. Manchmal laden Sie zu Testzwecken dennoch Dateien aus diesen Verzeichnissen auf den Server. Dauerhaft sollen sie dort nicht bleiben. Bei einer Sitesynchronisation werden sie jedoch nicht erfasst.

Sie müssen sich erinnern, welche Dateien mit aktiviertem Cloaking Sie irgendwann mal hochgeladen haben und sie dann manuell löschen. Das ist mühsam und fehlerträchtig.

Vorschlag:
Für die Sitesynchronisation wird eine Option ergänzt.
[x] Dokumente mit aktiviertem Cloaking auf dem externen Server löschen

Sinnvolle Sortierung von Dateinamen mit Ziffern (Anliegen)

Der Dateimanager des Betriebssystem (z.B. unter Windows 7) lässt sich so einstellen, dass Dateien so sortiert werden (bei Sortierung der Namensspalte):

1.html
2.html
10.html

Das ist eine sinnvolle Sortierung.

Der Dateimanager von Dreamweaver Menü Fenster > Dateien sortiert so:

1.html
10.html
2.html

Vorschlag:
Dreamweaver sortiert entweder genau wie der Dateimanager des Betriebssystems oder erhält eine Option, die erwähnte Sortierweise einzustellen.

Keine Entities für Umlaute bei Kodierung "ISO-8859-1" (Anliegen)

Bei verschiedenen Zeichenkodierungen, z.B. ISO-8859-1, ist eine Maskierung von Umlauten mit Entities überflüssig. Sie erschweren das Lesen des Quellcodes.

Vorschlag:
Entities werden nur bei denjenigen Zeichenkodierungen automatisch erzeugt, wo dies nötig ist.

Hinweis: Mit einem Skript, welches jedoch den Speichervorgang verzögert, können die Umlaute automatisch ersetzt werden.

Tastenkürzel für aufgezeichnete Befehle (Anliegen)

Sie weisen regelmässig bestimmte Klassen oder IDs innerhalb der Entwurfsansicht zu? Damit dies schnell geht, haben Sie dafür Befehle aufgezeichnet.

Diese Befehle können aus dem Menü ausgewählt werden. Das ist fast genau so langsam wie das Auswählen des Befehls Text > CSS-Stile > [Name]. Viel schneller und bequemer ist das Aufrufen häufig benutzter Befehle per Tastenkürzel. Für selbst aufgezeichnete Befehle ist dies jedoch nicht möglich.

Mit Codefragmenten lassen sich die Aufgabe des Zuweisens einer Klasse oder eines Attributes innerhalb der Entwurfsansicht auch nicht lösen.

Vorschlag:
Selbst aufgezeichneten Befehlen können Tastenkürzel zugeordnet werden.

Tastenkürzel für Spalte/ Zeile markieren (Anliegen)

Es ist nicht möglich ein Tastenkürzel für das Markieren einer Spalte oder Zeile in einer Tabelle zuzuweisen.

Vorschlag:
Das Zuweisen eines Tastenkürzels für das Markieren einer Spalte oder Zeile wird ermöglicht.

Verknüpfung einer Datei anlegen (Anliegen)

In einem Dateimanager können Verknüpfungen von Dateien angelegt werden. Im Windows Explorer z.B. mit Hilfe von Datei > Verknüpfung erstellen.

Eine Verknüpfung ermöglicht den Verbleib der Datei an ihrem Platz, während von beliebiger Stellen Sie sehr bequem auf sie zugegriffen werden kann. Verknüpfungen tragen die Dateieindung .lnk.

Dieses Prinzip wäre auch bei einer lokalen Site mit einer Vielzahl von Dateien und einer stark verschachtelten Verzeichnissstruktur nützlich.

Dreamweaver erlaubt es nicht in Fenster > Datei eine Verknüpfung einer Datei anzulegen.

Vorschlag:
In Fenster > Datei wird das Erstellen einer Verknüpfung angeboten.

Hinweis:
Verknüpfung einer Dateien öffnen

Fundstellen von Suchdialog nicht verdecken (Anliegen)

Beim Suchen mit Bearbeiten > Suchen und Ersetzen werden die Fundstellen oft verdeckt. Es ist mühsam, das Dialogfeld zu verschieben um die Fundstelle zu sehen.

Vorschlag:
Eine schlanke Suchbox wie sie in Browsern üblich ist, wird in der Menüzeile ergänzt. Die Suche beginnt unmittelbar nach der Eingabe von Zeichen in der Suchbox.

class-Attribute überall entfernen (Anliegen)

Sie haben Code aus einer anderen Quelle übernommen und möchten ihn von überflüssigen class-Attributen bereinigen? Sowohl Blocklevel-Elemente als auch inzeilige Elemente enthalten class-Attribute.

Die Anwendung des Befehls Text > CSS-Stile > Keine entfernt ausschließlich aus Blocklevel-Elementen das class-Attribut in einem markierten Textbereich.

Erst wenn ein Inline-Element einzeln markiert ist und dann der Befehl angewendet wird, entfernt Dreamweaver dessen class-Attribut. Eine Bereinigung des Codes ist so sehr mühsam.

Vorschlag:
Die Anwendung des Befehls Text > CSS-Stile > Keine entfernt alle im markierten Bereich enthaltenen class-Attribute.

Rechtschreibprüfung verbessern (Anliegen)

Vorschläge:

Modus 'XHTML plus CSS pur' (Anliegen)

Für den Autor leicht pflegbares, für den Nutzer gut zugängliches HTML weist das Merkmal der strikten Trennung von Struktur und Gestalt auf.

Viele HTML-Anfänger werden von Dreamweaver an diversen Stellen "verführt" diese strikte Trennung zu brechen.

Beispiel: Im Dialog Einfügen > Tabelle kann der Autor die Felder für Breite und Randstärke ausfüllen. Im Ergebnis werden Attribute für die Gestaltung in den Code eingefügt: <table border="3" width="100%">. Die strikte Trennung von Struktur und Gestaltung ist gebrochen. Dreamweaver bietet dem Autor in dem Dialog nicht die Gestaltung per CSS an.

Vorschlag:
In den Voreinstellungen wird eine Wahlmöglichkeit angeboten, die alle Befehle, Dialoge und Dialogfelder ausblendet, mit der HTML über Attribute gestaltet (width="100%, valign="top" etc.) werden kann.

Dies erleichtert es Anfängern stets Struktur und Gestaltung sauber zu trennen und diejenigen Autoren, die dieses Prinzip schon anwenden können sich an einer deutlich entschlackten GUI erfreuen.

Inhaltsverzeichnis automatisch generieren (Anliegen)

Jede Textverarbeitung beherrscht das automatische Erzeugen eines Inhaltsverzeichnisses. Das händische Erzeugen eines Inhaltsverzeichnisses für jede der Überschriften im Dokument ist sehr mühsam.

Vorschlag:
Eine automatische Erzeugung eines Inhaltsverzeichnisses als verschachtelte Liste wird angeboten.

Hinweis:
Das PHP-Skript AutoTOC kann diese Aufgabe erfüllen.

Das Anpassen der Oberfläche wie es in Customizing DW MX (PDF in einem ZIP-Archiv – englischsprachig) beschrieben wird, ist mühsam und umständlich.

Vorschlag:
Komfortable Konfigurationsdialoge zum Anpassen der Menünamen, Befehlsnamen, der Position von Befehlen im Menü, der Symbole in Symbolleisten, der Icons für Symbole, … eben so wie es viele andere Anwendungen bereitstellen.

Alle CSS-Eigenschaften und -Werte aus Dialogen auswählbar (Anliegen)

Beim Editieren einer CSS-Datei im Quelltext stehen keine Dialoge zur Verfügung in denen aus allen CSS-Eigenschaften und alle dazugehörigen Werten ausgewählt werden kann, falls der Code nicht von Hand getippt werden soll.

Vorschlag:
Allen CSS-Eigenschaften und alle dazugehörigen Werten können beim Editieren einer CSS-Datei aus Dialogen ausgewählt werden.

Hinweis:
Das Werkzeug Topstyle bietet das Merkmal an.

Fenster mit Browser integrieren (Anliegen)

Um die Darstellung eines Dokumentes in einem Browser zu prüfen ist das Ausführen des Befehls Datei > Vorschau in Browser > [Browser] nötig. Wenn am CSS- oder am HTML-Code etwas geändert wird, muss der Befehl erneut ausgeführt werden um die Auswirkung zu prüfen.

Das ist umständlich.

Vorschlag:
Ein zusätzliches Fenster wird angeboten, für welches eine Browser-Engine ausgewählt werden kann. In diesem Fenster werden Änderungen am CSS- oder am HTML-Code unmittelbar angezeigt.

Hinweis:
Das Werkzeug Topstyle bietet das Merkmal an.

Einfügen des Attributs scope in Tabellen abschaltbar (Anliegen)

Beim Einfügen von Tabellen mit Einfügen > Tabelle wird bei der Wahl einer Kopfzeile oder Kopfspalte automatisch das Attribut scope eingefügt.

Beispiel: <th scope="col">&nbsp;</th>

Das Einfügen dieses Attributes ist nicht abschaltbar.

Vorschlag:
Das automatische Einfügen des Attributes scope kann abgeschaltet werden.

Suchen nur in markiertem Text (Anliegen)

Leider funktioniert die Suche innerhalb eines markierten Bereiches mit Bearbeiten > Suchen und Ersetzen > Feld: Suchen in > Ausgewählter Text nicht.

Vorschlag:
Die Funktion Bearbeiten > Suchen und Ersetzen > Feld: Suchen in > Ausgewählter Text wird sichergestellt.

Wenn der im folgenden Beispiel fett hervorgehobene Text markiert ist

Lorem ipsum <em>dolor</em> sit amet.

und der Befehl Einfügen > Hyperlink ausgeführt wird, bleiben die Felder im Dialog leer. Die Angabe eines Linkziels für den markierten Text ist so nicht möglich.

Der Fehler tritt auf, sobald die Markierung ein Inline-Element berührt oder einschließt.

Vorschlag:
der Fehler im Befehl Einfügen > Hyperlink wird beseitigt.

Anliegen – Qualitätssicherung der Dokumente

Qualitätssicherung
Notwendigkeit von Korrekturen prüfen
unmittelbar
beim
Bearbeiten
beim Aufruf
des Befehls "Qualitätssicherung"
oder "Hochladen"
1 Validität HTML
per PHP erzeugten Quelltext berücksichtigen
2 Validität CSS (externes und internes)
3 Rechtschreibung
4 Codeformatierung
5 Codeoptimierung
6 site-interne tote Links
(nur wenn seit letzter Qualitätssicherung Links hinzugefügt oder geändert wurden)
7 seiten-interne tote Links
(nur wenn seit letzter Qualitätssicherung Links hinzugefügt oder geändert wurden)
8 externe tote Links
(nur wenn seit letzter Qualitätssicherung Links hinzugefügt oder geändert wurden)
9 Zeichenketten
In einer Auto-Ersetzen-Liste sind alle gewünschten Ersetzungen festgelegt.
(Beispiel: "Leerzeichen, Minus, Minus, Leerzeichen" ersetzen durch "geschütztes Leerzeichen, Halbgeviertstrich, Leerzeichen")
10 Redirects in .htaccess
(bei Umbenennung oder Verschieben von Dokumenten)
11 Verweise mit Fragmentbezeichnern
(beim Ändern von ID-Attributen als Sprungmarken)
12 für Farbfehlsichtige
13 für hinreichende Farbkontraste
Ausführen
Ohne Rückfrage
Dialog anzeigen
Bericht anzeigen

Aktualisierung von rootrelativen Kurz-URLs (Anliegen)

Dreamweaver kann bei Positions- oder Namensänderungen von Dokumenten von der Site automatisch die Verweise aktualisieren.

Leider beherrscht er dies für rootrelative Kurz-URLs nicht:
Verweise wie z.B.
href="/page" oder
href="/verzeichnis/page"
etc. werden nicht aktualisiert, wenn die Seite in ein anderes Verzeichnis verschoben wird.

Dito für
href="/page/" oder
href="/verzeichnis/page/"

Vorschlag:
Alle Typen kurzer URLs werden bei Positions- oder Namensänderungen automatisch aktualisiert.

Aktualisierung von Redirects aus .htaccess (Anliegen)

Nicht immer gelingt das Absingen des Mantras Cool URI don't change.

Hyperlinks werden in Dreamweaver sehr komfortabel automatisch angepasst. Die Datei .htaccess wird nicht automatisch angepasst. Eine manuelle Anpassung ist fehlerträchtig und mühsam.

Vorschlag:
Sobald der Autor einen Dateinamen ändert oder ein Dokument verschiebt, sollte Dreamweaver vorschlagen den URL mit dem alten Namen auf den neuen weiterzuleiten und die Datei.htaccess entsprechend anzupassen.

Aktualisierung von Verweisen mit Fragmentbezeichnern (Anliegen)

Sie haben bestimmte Elemente mit id-Attributen versehen und nutzen die sehr elegante Möglichkeit darauf zu verweisen?

<ul class="nav">
 <li><a href="/verzeichnis/seite.html#lorem>Überschrift</a></li>
 . . .
</ul>

<h3 id="lorem">Überschrift</h3>

Der Teil #lorem im Verweis heißt Fragmentbezeichner.

Der Teil lorem im id-Attribut heißt Ankername (oder schlicht Wert).

Es gibt zwei Typen von Änderungen:

  1. Sie ändern den Ankernamen
  2. Sie verschieben den Ankernamen auf eine andere Seite innerhalb Ihrer Site

Dreamweaver schlägt bei beiden Typen von Änderungen nicht automatisch eine Aktualisierung vor.
Die händische Pflege dieser Verweise ist sehr mühsam und fehlerträchtig.

Sehr komfortabel dagegen behandelt Dreamweaver siteinterne-Verweise. Sobald ein Dokument innerhalb der Site verschoben wird, erscheint automatisch eine Rückfrage, ob die Verweise aktualisiert werden sollen.

Vorschlag:
Dreamweaver bietet das Aktualisieren von Verweisen mit Fragmentbezeichner an.

Vor Bereitstellen Validität prüfbar (Anliegen)

Zur formalen Qualität eines Dokumentes gehört die Validität des CSS- und des HTML-Codes. Diese wird nicht vor dem Bereitstellen mit Site > Bereitstellen automatisch geprüft.

Vorschlag:
Auf Wunsch kann die Validität von HTML und CSS (externes und internes) vor dem Bereitstellen automatisch geprüft werden.

Zur formalen Qualität eines Dokumentes gehört die Verfügbarkeit von Links. Dies schließt die Prüfung auf tote externe Links ein. Dreamweaver kann ein Dokument oder eine ganze Site nicht auf die Verfügbarkeit von externen Links prüfen.

Vorschlag:
Die Verfügbarkeit von externen Links kann geprüft werden und auf Wunsch vor dem Bereitstellen automatisch durchgeführt werden. Auf Wunsch kann bei dieser Prüfung auch die Verfügbarkeit von site-internen Links eingeschlossen werden.

Hinweis:
Das Werkzeug Xenu kann die Verfügbarkeit aller Links einer Site prüfen.

CSS-Validator integrieren (Anliegen)

Ein integrierter HTML-Validator existiert. Ein CSS-Validator wäre eine gute Ergänzung.

Vorschlag:
Ein CSS-Validator wird integriert.

CSS-Code unmittelbar auf Syntax-Fehler prüfen (Anliegen)

Fehlerhafte Syntax von HTML-Code wird unmittelbar im Quelltext hervorgehoben. Fehlerhafte Syntax von CSS-Code dagegen nicht.

Vorschlag:
Fehlerhafte Syntax von CSS-Code wird unmittelbar hervorgehoben

Hinweis:
Das Werkzeug Topstyle bietet das Merkmal an.

Beim Prüfen von site-internen Links mit Site > Hyperlinks auf der ganzen Site überprüfen werden korrekt referenzierte Links in Kurzschreibweise wie z.B.

Kurze Form Lange Form
<a href="/galerien/lateinamerika/"> <a href="/galerien/lateinamerika/index.htm">
<a href="/kontakt"> <a href="/kontakt.htm">

fälschlicherweise als fehlerhafte Hyperlinks bewertet.

Vorschlag:
Site-interne Links in Kurzschreibweise werden bei Site > Hyperlinks auf der ganzen Site überprüfen korrekt bewertet.

Anliegen – Formatierung von Code

In dieser Rubrik geht es allein um Leerzeichen, Einrückungen und Umbrüche im Quellcode. Ein Motiv für die Autoren: die Lesbarkeit des Codes nach individuellen Vorlieben verbessern. Schlecht formatierter Code entsteht leicht, wenn Inhalte über die Zwischenablage eingefügt oder Inhalte im Code-Fenster eingetippt werden.

In der Rubrik Anliegen zur Optimierung von Code kann es zwar auch um ästhetische Vorlieben des Autors gehen, jedoch sind dort zusätzlich neben Leerzeichen und Umbrüchen auch Tags im Spiel.

Eigene Rubrik 'Formatierung' in Voreinstellungen (Anliegen)

Einstellungen für die Formatierung von Code sind in diversen Dialogen enthalten. Das erschwert die Übersicht.

Vorschlag:
Alle Optionen zur Formatierung werden in einer eigenen Rubrik in den Voreinstellungen übersichtlich dargestellt.

Mehrere Dateien formatieren (Anliegen)

Befehle > Quellenformatierung übernehmen wirkt nur auf einzelne Dokumente. Ein Autor, der mehrere Dokumente neu formatieren möchte, muss jedes Dokument einzeln öffnen.

Vorschlag:
Befehle > Quellenformatierung übernehmen wirkt auch auf eine Auswahl von Dateien in Fenster > Dateien

Leerzeichen direkt nach Blocklevel-Starttag entfernen (Anliegen)

Vorher <p> Lorem ipsum <em>dolor</em> </p>
Nacher <p>Lorem ipsum <em>dolor</em></p>

Manchmal enthält der Code überflüssige Leerzeichen direkt nach einem Blocklevel-Starttag oder direkt vor einem Blocklevel-Endtag. Das Element pre wäre selbstverständlich von einer Formatierung ausgenommen.

pre nicht einrücken (Anliegen)

Eine Einrückung von Kindelementen fördert die Lesbarkeit von Quellcode. Die Einrückung kann nur global für alle Elemente festgelegt werden.

Die Lesbarkeit von unformatiertem Text steigt jedoch, wenn er nicht eingerückt wird und ein Umbruch vor und nach eingestellt ist. Alle anderen Elemente werden weiterhin eingerückt.

Vorher <ul>
  <li>Lorem ipsum
    <ul>
      <li>
        <pre>dolor sit amet
consectetur adipisicing elit</pre>

       </li>
     </ul>
   </li>
</ul>
Nacher <ul>
  <li>Lorem ipsum
    <ul>
      <li>
<pre>
dolor sit amet
consectetur adipisicing elit
</pre>

       </li>
     </ul>
   </li>
</ul>

Korrektes Umbruchverhalten (Anliegen)

Eingestellt ist Bearbeiten > Voreinstellungen > Codeformat > Automatischer Umbruch [x]; Nach Spalte: 43

Beispielquelltext:

<p>Diese Zeile enthält exakt 43 Zeichen</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing
  elit, sed do eiusmod tempor incididunt</p>

Das Ausführen von Befehle > Quellenformatierung übernehmen ändert den Umbruch nicht, obwohl der folgende Umbruch korrekt wäre.

<p>Diese Zeile enthält exakt 43 Zeichen</p>
<p>Lorem ipsum dolor sit amet, consectetur
  adipisicing elit, sed do eiusmod tempor
  incididunt</p>  

Vorschlag:
Der Fehler im Umbruchverhalten wird korrigiert.

Anliegen – Optimierung von Code

Um reine Formatierung, also um Leerzeichen, Einrückungen und Umbrüche geht es hier nicht. Anliegen dazu werden in der Rubrik Anliegen zur Formatierung von Code aufgeführt.

Eigene Rubrik 'Optimierung' in Voreinstellungen (Anliegen)

Einstellungen für die Optimierung von Code sind in diversen Dialogen enthalten. Das erschwert die Übersicht.

Vorschlag:
Alle Optionen zur Optimierung werden in einer eigenen Rubrik in den Voreinstellungen übersichtlich dargestellt.

Optimierung von Code
Entfernen
Alle leeren Elemente
<element> </element>
<element></element>
<element>&nbsp;</element>
Überflüssige verschachtelte Tags
Kommentare

Tags (mit Leerzeichen trennen)

Attribute (mit Leerzeichen trennen)
Sonstiges
i durch em und b durch strong ersetzen
Bilder ohne Alt-Attribut mit alt="" ergänzen
Text in body in p einschließen
&quot; durch " ersetzen
Entities für Umlaute durch Umlaute ersetzen
Als XHTML ausgeben
br in pre durch Zeilenschaltung ersetzen
<inline><br />
</inline>

ersetzen durch:
<br />
<inline><br />
lorem</inline>

ersetzen durch:
<br />
<inline>lorem</inline>
Ausführen
Ohne Rückfrage
Dialog anzeigen
Bericht anzeigen

Mehrere Dateien optimieren (Anliegen)

Befehle > XHTML optimieren wirkt nur auf einzelne Dokumente. Ein Autor, der mehrere Dokumente optimieren möchte, muss jedes Dokument einzeln öffnen.

Vorschlag:
Der Befehl XHTML optimieren wird umbenannt in Code optimieren. Er wirkt auf alle in Fenster > Dateien ausgewählten Dateien.

Inline-Endtag, Leerzeichen, Inline-Starttag (Anliegen)

Vorher <em>lorem</em> <em>ipsum</em>
Nacher <em>lorem ipsum</em>

Die Folge von "Inline-Endtag, Leerzeichen, Inline-Starttag" wird durch ein Leerzeichen ersetzt.

Inline-Starttag, br, Inline-Endtag (Anliegen)

Vorher <em><br />
</em>
Nacher <br />

Die Folge von "Inline-Starttag, br, Inline Endtag" wird ersetzt durch br

Inline-Starttag, br, Text, Inline-Endtag (Anliegen)

Vorher <em><br />
Text</em>
Nacher <br />
<em>Text</em>

Die Folge von "Inline-Starttag, br, Text, Inline-Endtag" wird ersetzt durch "br, Inline-Starttag, Text, inzeiliges Endtag"

Kein br in pre beim Einfügen von Text (Anliegen)

Vorher <pre>Lorem ipsum<br />
dolor sit</pre>
Nacher <pre>Lorem ipsum
dolor sit</pre>

Beim Einfügen von Text z.B. aus einem PDF-Dokument innerhalb der Entwurfs-Ansicht in ein pre, fügt Dreamweaver leider automatisch statt einer Zeilenschaltung ein br ein.

Dies behindert die Lesbarkeit des Quellcodes.

Mühsam müssen die br mit Hilfe von Suchen & Ersetzen eliminiert werden.

Vorschlag:
Beim Einfügen von Text aus der Zwischenablage in das Element pre hinein, werden Zeilenschaltungen bei Absätzen und kein br eingefügt.

Anliegen – Entwurfsfenster

Zurück zur vorherigen Position der Einfügemarke (Anliegen)

Sie editieren abwechselnd zwei weiter voneinander entfernt liegende Passagen in einem längeren Dokument? Es ist mühsam, jeweils zum Ausgangspunkt zurückzukehren – mit der Bildlauftaste oder der Suchfunktion.

Vorschlag:
Ein Befehl Bearbeiten > Gehe zurück zur vorherigen Positon der Einfügemarke wird ergänzt.

Tastenkürzel für caption, td, th, thead, tbody, tfoot (Anliegen)

Die meisten Elemente können mit Hilfle von Tastenkürzel innerhalb der Entwurfsansicht zugewiesen werden. Die Elemente td, th, thead, tbody und tfoot jedoch nicht.

Vorschlag:
Die Elemente td, th, thead, tbody und tfoot können per Tastenkürzel innerhalb der Entwurfsansicht den selektierten Teilen einer Tabelle zugewiesen werden.

Tastenkürzel für dd in Definitionsliste (Anliegen)

Für manche Defintionsterme (dt) innerhalb von Defintionslisten (dl) existiert mehr als eine Definition (dd). Siehe das Beispiel in der HTML-Spezifikation.

In Dreamweaver kann innerhalb der Entwurfsansicht kein weiteres dd-Element per Tastenkürzel erzeugt werden. Ein Enter nach einem dd erzeugt ein neues dt.

Vorschlag:
Innerhalb der Entwurfsansicht kann am Ende eines DD-Elementes per Tastenkürzel ein weiteres dd erzeugt werden.

Geparstes PHP in Entwurf anzeigen (Anliegen)

Die Installation eines lokalen Webservers ist aufwendig.

Es ist übersichtlich für den Autor eines Dokumentes, wenn er in der Entwurfsansicht den Inhalt so sieht, wie er auf später vom Server ausgeliefert wird – also auch die Teile, die per PHP geparst werden.

Vorschlag:
Ein PHP-Parser wird integriert und erlaubt die Anzeige des Inhaltes in der Entwurfsansicht wie sie vom Webserver ausgeliefert würde.

Sie haben bestimmte Elemente mit id-Attributen versehen und nutzen die sehr elegante Möglichkeit darauf zu verweisen?

<ul class="nav">
 <li><a href="/verzeichnis/seite.html#lorem>Überschrift</a></li>
 . . .
</ul>

<h3 id="lorem">Überschrift</h3>

Der Teil #lorem im Verweis heißt Fragmentbezeichner.

Der Teil lorem im id-Attribut heißt Zielanker.

Wenn statt ids die veralteten Zielanker mit name-Attribut verwendet werden, genügt ein Doppelklick auf den Link im Entwurfsmodus und die Einfügemarke springt zum entsprechenden Zielanker.

Wenn jedoch ids als Zielanker verwendet werden, steht diese Funktion nicht zur Verfügung. Das Zurückfinden ist mühsam.

Vorschlag:
Eine Navigation innerhalb des Dokumentes oder der Site per Doppelklick auf Verweise mit id als Zielanker ist möglich.