Daxdi now accepts payments with Bitcoin

Adobe Dreamweaver CC Review | Daxdi

Sie können Websites mit einem von Dutzenden von Tools erstellen - einige werden online ausgeführt, andere auf Ihrem lokalen Computer, andere teilweise online, teilweise auf Ihrem Computer -, aber Adobe Dreamweaver 2020 ist die einzige App zum Erstellen von Websites, die es gibt Für einzelne Designer ebenso geeignet wie für Projekte im Unternehmensmaßstab.

Es ist genauso hilfreich, wenn Sie eine Site erstellen, indem Sie tatsächlichen Code schreiben, wie wenn Sie im WYSIWYG-Grafiklayout arbeiten, das den gesamten Code verbirgt, bis Sie ihn benötigen.

Die App erledigt die Aufgabe für einzelne Benutzer oder Teams, bei denen verschiedene Teammitglieder unterschiedliche Freiheitsgrade zum Hinzufügen oder Ändern von Inhalten haben, und funktioniert natürlich reibungslos mit dem Arsenal an Grafik-Apps und Webdiensten von Adobe.

Wie alle anderen Adobe-Apps ist es in nahezu identischen Mac- und Windows-Versionen erhältlich und entweder über ein kostenpflichtiges Dreamweaver-Abonnement erhältlich (20,99 USD pro Monat mit 1-Jahres-Verpflichtung, 31,49 USD pro Monat oder 239,88 USD für ein Jahr im Voraus) ) oder als Teil der vollständigen Creative Cloud-Suite (52,99 USD pro Monat), mit der Sie Photoshop, Illustrator und alle anderen kreativen Software- und Apps erhalten.

Sowohl die einzelne App als auch das Abonnement der vollständigen Suite verfügen über 100 GB Cloud-Speicher.

Responsive Site Design

Dreamweaver zeichnet sich durch die Erstellung von plattformübergreifenden (responsiven) Websites aus, die auf einem Telefon, Tablet oder Computer gleichermaßen gut funktionieren.

Jeder private oder geschäftliche Webdesigner, der eine alte Website im Desktop- oder Laptop-Stil durch eine moderne Multiplattform-Website ersetzen möchte, findet Dreamweaver die offensichtliche erste Wahl.

Ich werde später in dieser Geschichte einige Alternativen beschreiben, aber keine davon kommt Dreamweaver in Bezug auf Leistung und Leichtigkeit nahe.

Nach mehr als 20 Jahren Evolution hat Dreamweaver immer noch einige unangenehme Stellen, an denen es nicht entscheiden kann, ob es sich um ein Tool für fortgeschrittene Programmierer oder für visuell orientierte Designer handelt.

Diese sind jedoch für ernsthafte Benutzer leicht zu umgehen - und die Abonnementpreise von Adobe bedeuten dies Es ist wahrscheinlich, dass nur ernsthafte Benutzer es haben.

Dreamweaver ist nicht billig, aber für professionelles Webdesign zahlt es den Preis für Leistung und Komfort.

Dank des Abonnementmodells von Adobe erhalten Sie regelmäßig Feature-Updates ohne zusätzliche Kosten.

Adobe möchte, dass Sie mit Adobe-Tools arbeiten.

Daher können Sie mit Photoshop und Illustrator ganz einfach Bilder oder Premiere Pro und Audition für Video- und Audiodateien bearbeiten.

Sie können auch Photoshop verwenden, um ein Modell zu erstellen, wie Ihre Website aussehen soll, und dann das Menü Extrahieren von Dreamweaver verwenden, um Elemente aus der Photoshop-Datei auf Ihre Webseiten zu ziehen.

Dreamweaver funktioniert jedoch auch mit nahezu jedem Tool zum Erstellen von Websites von Drittanbietern, das Sie möglicherweise verwenden möchten.

Sie können beispielsweise Dreamweaver verwenden, um von WordPress, Joomla!, Oder Drupal verwaltete Websites zu entwerfen und zu bearbeiten, oder Sie können ein Git-Repository erstellen und es verwenden, um Änderungen auf Ihrer Website zu verfolgen.

Dreamweaver verwendet das Bootstrap-Framework für reaktionsfähige Websites und standardmäßig die neueste Bootstrap-Version 4.3.1, obwohl die frühere Version 3.4.1 noch integriert ist, wenn Sie diese weiterhin verwenden möchten.

Dreamweaver führt Sie durch das Aktualisieren von Websites basierend auf der früheren Version und versucht, Inkompatibilitätsprobleme zu beheben, indem neue CSS- und JavaScript-Dateien erstellt werden, die den neuesten Standard verwenden.

Die reaktionsschnellen Websites von Bootstrap sind zuerst mobil, was bedeutet, dass das Bootstrap-Framework hauptsächlich für Telefone oder Tablets optimiert ist.

Die integrierten Bootstrap-Vorlagen von Adobe sind jedoch so ausgereift, dass sie auf Desktops und Telefonen gleich gut aussehen.

Die Dreamweaver-Erfahrung

Erstbenutzer stehen vor einer steilen Lernkurve.

Wenn Sie jedoch mit Photoshop oder Illustrator vertraut sind, sollten Sie in der Lage sein, diese schnell zu erklimmen.

Wenn Sie wie ich verwirrt sind, wenn Sie nach einer undurchsichtigen Funktion suchen, kann das Hilfemenü Sie zu genau dem Menüpunkt führen, den Sie benötigen, selbst wenn er sich tief in der Menüstruktur befindet.

Dreamweaver verwendet die Standard-Adobe-Oberfläche, ein Hauptbearbeitungsfenster, das links von einer Symbolleiste und rechts von Informationsfeldern mit mehreren Registerkarten umgeben ist.

Denken Sie nicht einmal daran, Dreamweaver auf einem kleinen Laptop zu verwenden, es sei denn, Sie sind ein erfahrener Programmierer, der nicht alle Bildschirmtools und Bedienfelder benötigt.

Diese App benötigt alle Bildschirmflächen, die Sie ihr geben können.

Wenn Sie eine typische, relativ einfache Website bearbeiten, sind mindestens vier Dokumentregisterkarten geöffnet, eine für die aktuelle Seite, die andere für JavaScript- und CSS-Dateien und ein Informationsfenster mit mindestens sieben Registerkarten, in dem Dateien, Creative Cloud-Bibliotheken und HTML angezeigt werden Tags, die Sie in eine Datei ziehen können, ein komplexer Satz von CSS-Steuerelementen, ein DOM-Baum (Document Object Model), eine Liste von Assets (sortiert nach URLs, Bildern, Medien usw.) sowie eine lange Liste vorgefertigter und benutzerdefinierter Elemente -gebaute Schnipsel.

Fügen Sie dazu eine anpassbare Symbolleiste links und ein dicht besiedeltes Menü oben hinzu, und Sie haben eine der komplexesten Schnittstellen, die jemals in die App integriert wurden, die nur mit anderer Entwicklungssoftware wie Microsoft Visual Studio konkurrieren kann.

Glücklicherweise können Sie alles außer dem Hauptbearbeitungsfenster von Dreamweaver ausblenden, wenn Sie sich mit Codierung auskennen oder eine möglichst weitläufige WYSIWYG-Ansicht wünschen.

Und dieses Fenster ist ein chamäleonartiges Wunder der Flexibilität.

Zu den Anzeigeoptionen des Fensters gehört eine All-Code-Ansicht mit der typischen Einrückung des Codierungsfensters und der Farbcodierung, um die Struktur Ihres Projekts sichtbar zu machen.

Sie können zwischen zwei Arten von WYSIWYG-Ansichten wählen.

Eine davon ist eine Live-Ansicht, die sich dem annähert, was Sie in einem Browser sehen würden, außer mit Seitenelementen, die der Übersichtlichkeit halber umrissen sind, und mit Schaltflächen, mit denen Sie die Tags für einzelne Elemente einfach durch Klicken auf das Element ändern können.

Die andere ist eine Entwurfsansicht, in der alle Entwurfselemente auf einer Seite angezeigt werden, einschließlich derjenigen, die in einem Browser möglicherweise unsichtbar sind, bis ein Benutzer darauf klickt.

Schließlich können Sie das Fenster teilen, um Code in einem Bereich und entweder Live- oder Designansicht im anderen Bereich anzuzeigen - oder mit Code in beiden Fenstern, sodass Sie zwei verschiedene Teile des Codes gleichzeitig anzeigen und bearbeiten können.

Mit den erweiterten Optionen können Sie die auf Ihrem Desktop vorgenommenen Änderungen mit dem Code auf Ihrem Remote-Webserver synchronisieren.

Neue Eigenschaften

Der gerade veröffentlichte Dreamweaver 2020 sieht fast genauso aus und verhält sich wie Dreamweaver 2019.

Adobe erwähnt nur drei neue Funktionen: Vereinfachtes Klicken zum Bearbeiten in der Live-Ansicht, sodass Sie Text und nicht nur Tags in der Live-Ansicht bearbeiten können, indem Sie einfach darauf klicken auf einem Textelement; neue Standardeinstellungen für japanische Schriftarten; und verbesserte Popups mit Code-Hinweisen.

Es gibt keine neue Lernkurve und die Benutzeroberfläche und andere Funktionen haben sich nicht geändert.

Ein kleines potenzielles Problem bei der erweiterten Bearbeitungsfunktion für die Live-Ansicht ist, dass einige Tastenanschläge nicht wie erwartet funktionieren.

Sie können beispielsweise einen Absatz teilen, indem Sie in der Live-Ansicht in einem Text die Eingabetaste drücken.

Die Rücktaste kombiniert die geteilten Absätze jedoch nicht neu.

Sie müssen in die Codeansicht wechseln und das Tag für den neuen Absatz entfernen.

Web-Editoren hatten schon immer eine Funktion, die eine Vorschau ihrer Webseite in einem Desktop-Browser anzeigt.

Dreamweaver bietet eine Live-Vorschau auf Mobilgeräten - eine wichtige Funktion beim Entwerfen einer reaktionsfähigen Seite, die auf mehreren Plattformen funktionieren muss.

Sie klicken auf ein Vorschausymbol unten rechts im Bearbeitungsfenster, scannen mit Ihrem Telefon oder Tablet einen QR-Code, der im Popup-Menü des Vorschausymbols angezeigt wird, und geben Ihr Adobe-Kennwort auf Ihrem Gerät ein.

Danach können Sie eine Vorschau Ihres Codes im Standardbrowser Ihres Geräts anzeigen, wobei die auf dem Desktop vorgenommenen Änderungen sofort angezeigt werden.

Sie müssen keine neuen Apps auf Ihrem Telefon oder Tablet installieren.

Sollten Sie ein Abonnement für Dreamweaver kaufen? Wenn Sie bereits Photoshop oder Illustrator verwenden oder eine unternehmens- oder designintensive Website erstellen, ist Dreamweaver eine naheliegende Wahl.

Wenn Sie dem Codieren abgeneigt sind, können Sie das tun, was die Hälfte der Online-Welt zu tun scheint, und WordPress verwenden, um Ihre Website zu erstellen, indem Sie ein visuelles Thema auswählen und es aus einfachen Menüs verwenden oder ändern.

Du brauchst etwas technisches Wissen, aber Sie können mit fast keinem auskommen.

Wenn Sie überhaupt nicht an Codierung denken möchten, verwenden Sie einen Hosting-Service, der Wix oder Weebly oder eine andere vollständig visuelle Site-Building-Umgebung anbietet, für die keine Codierung erforderlich ist.

Seien Sie jedoch gewarnt, dass Sie jedoch auf Anpassbarkeit und Kontrolle verzichten müssen.

Mit Weebly können Sie Themen jederzeit ändern, haben jedoch nur eingeschränkte Optionen für die Textformatierung.

Beide bieten kostenpflichtige E-Commerce-Optionen.

Sie können auch eine kostenlose Version des unternehmensorientierten CKEditor-Systems ausprobieren, das erweiterte Funktionen wie kollaboratives Bearbeiten, WYSIWYG-Bearbeiten und die vollständige Kontrolle über den Code Ihrer Site bietet.

Für kleinere Websites, die hauptsächlich für Laptop- und Desktop-Browser entwickelt wurden, können Sie Dutzende herkömmlicher Webseiten-Editoren wie RapidWeaver oder Coda auf dem Mac verwenden.

Sie erhalten jedoch keine echte WYSIWYG-Bearbeitung wie in Dreamweaver oder browserbasierten Systemen wie WordPress oder Wix.

Viele herkömmliche Webseiten-Editoren bieten Vorschaumodi an, und einige (wie der großartige und kostenlose Brackets-Editor von Adobe) bieten eine Echtzeitvorschau in Ihrem Browser.

Dies entspricht jedoch nicht der vollständigen Bearbeitung im WYSIWYG-Modus wie im Live-Bearbeitungsmodus von Dreamweaver.

Mein bevorzugter schneller und sauberer WYSIWYG-Webeditor für einfache Websites ist Microsofts kostenloses Expression-Web nur für Windows, früher eine teure App, jetzt jedoch kostenloser Download, da Microsoft die Aktualisierung eingestellt hat, nachdem Visual Studio eine erweiterte Website-Erstellung bereitgestellt hat Werkzeuge.

Expression Web wurde seit 2011 nicht mehr aktualisiert, aber sein Funktionsumfang erledigt immer noch die Aufgabe für einfache Websites, und Sie können mit dem Preis nicht streiten.

Dreamweaver kann manchmal etwas launisch wirken.

Wenn Sie beispielsweise an der falschen Stelle klicken, kann sich das Bildschirmlayout plötzlich auf eine Weise ändern, die sich nur schwer wiederherstellen lässt, ohne das Bildschirmlayout auf die Standardeinstellungen zurückzusetzen.

Die Funktion "Rückgängig" funktioniert einwandfrei, wenn Sie im Codefenster arbeiten, funktioniert jedoch nicht in allen Kontexten, z.

B.

wenn Sie Assets mithilfe der Funktion zum Extrahieren von Seitenelementen aus einer Photoshop-Datei in ein Fenster ziehen.

Immer noch ausgezeichnet

Trotz einiger kleinerer Probleme ist Adobe Dreamweaver 2020 größtenteils wie ein Schlachtschiff aufgebaut und bietet die beste Kombination aus Flexibilität, Leistung und Leichtigkeit aller Instrumente, die jemals für die Erstellung von Websites erfunden wurden.

Dreamweaver hat keine echte Konkurrenz und kein seriöser Webdesigner sollte darauf verzichten.

Dreamweaver ist die Wahl der Daxdi-Redaktion für Website-Entwicklungsprogramme.

Vorteile

  • Flexibel und leistungsstark.

  • Volle Unterstützung für Plattformen von Drittanbietern.

  • Integrierte reaktionsschnelle Designunterstützung.

  • Enge Integration mit anderen Adobe-Apps.

  • Vollständiger Code-Editor im IDE-Stil mit Live-WYSIWYG-Bearbeitung.

  • Echtzeitvorschau.

Sie können Websites mit einem von Dutzenden von Tools erstellen - einige werden online ausgeführt, andere auf Ihrem lokalen Computer, andere teilweise online, teilweise auf Ihrem Computer -, aber Adobe Dreamweaver 2020 ist die einzige App zum Erstellen von Websites, die es gibt Für einzelne Designer ebenso geeignet wie für Projekte im Unternehmensmaßstab.

Es ist genauso hilfreich, wenn Sie eine Site erstellen, indem Sie tatsächlichen Code schreiben, wie wenn Sie im WYSIWYG-Grafiklayout arbeiten, das den gesamten Code verbirgt, bis Sie ihn benötigen.

Die App erledigt die Aufgabe für einzelne Benutzer oder Teams, bei denen verschiedene Teammitglieder unterschiedliche Freiheitsgrade zum Hinzufügen oder Ändern von Inhalten haben, und funktioniert natürlich reibungslos mit dem Arsenal an Grafik-Apps und Webdiensten von Adobe.

Wie alle anderen Adobe-Apps ist es in nahezu identischen Mac- und Windows-Versionen erhältlich und entweder über ein kostenpflichtiges Dreamweaver-Abonnement erhältlich (20,99 USD pro Monat mit 1-Jahres-Verpflichtung, 31,49 USD pro Monat oder 239,88 USD für ein Jahr im Voraus) ) oder als Teil der vollständigen Creative Cloud-Suite (52,99 USD pro Monat), mit der Sie Photoshop, Illustrator und alle anderen kreativen Software- und Apps erhalten.

Sowohl die einzelne App als auch das Abonnement der vollständigen Suite verfügen über 100 GB Cloud-Speicher.

Responsive Site Design

Dreamweaver zeichnet sich durch die Erstellung von plattformübergreifenden (responsiven) Websites aus, die auf einem Telefon, Tablet oder Computer gleichermaßen gut funktionieren.

Jeder private oder geschäftliche Webdesigner, der eine alte Website im Desktop- oder Laptop-Stil durch eine moderne Multiplattform-Website ersetzen möchte, findet Dreamweaver die offensichtliche erste Wahl.

Ich werde später in dieser Geschichte einige Alternativen beschreiben, aber keine davon kommt Dreamweaver in Bezug auf Leistung und Leichtigkeit nahe.

Nach mehr als 20 Jahren Evolution hat Dreamweaver immer noch einige unangenehme Stellen, an denen es nicht entscheiden kann, ob es sich um ein Tool für fortgeschrittene Programmierer oder für visuell orientierte Designer handelt.

Diese sind jedoch für ernsthafte Benutzer leicht zu umgehen - und die Abonnementpreise von Adobe bedeuten dies Es ist wahrscheinlich, dass nur ernsthafte Benutzer es haben.

Dreamweaver ist nicht billig, aber für professionelles Webdesign zahlt es den Preis für Leistung und Komfort.

Dank des Abonnementmodells von Adobe erhalten Sie regelmäßig Feature-Updates ohne zusätzliche Kosten.

Adobe möchte, dass Sie mit Adobe-Tools arbeiten.

Daher können Sie mit Photoshop und Illustrator ganz einfach Bilder oder Premiere Pro und Audition für Video- und Audiodateien bearbeiten.

Sie können auch Photoshop verwenden, um ein Modell zu erstellen, wie Ihre Website aussehen soll, und dann das Menü Extrahieren von Dreamweaver verwenden, um Elemente aus der Photoshop-Datei auf Ihre Webseiten zu ziehen.

Dreamweaver funktioniert jedoch auch mit nahezu jedem Tool zum Erstellen von Websites von Drittanbietern, das Sie möglicherweise verwenden möchten.

Sie können beispielsweise Dreamweaver verwenden, um von WordPress, Joomla!, Oder Drupal verwaltete Websites zu entwerfen und zu bearbeiten, oder Sie können ein Git-Repository erstellen und es verwenden, um Änderungen auf Ihrer Website zu verfolgen.

Dreamweaver verwendet das Bootstrap-Framework für reaktionsfähige Websites und standardmäßig die neueste Bootstrap-Version 4.3.1, obwohl die frühere Version 3.4.1 noch integriert ist, wenn Sie diese weiterhin verwenden möchten.

Dreamweaver führt Sie durch das Aktualisieren von Websites basierend auf der früheren Version und versucht, Inkompatibilitätsprobleme zu beheben, indem neue CSS- und JavaScript-Dateien erstellt werden, die den neuesten Standard verwenden.

Die reaktionsschnellen Websites von Bootstrap sind zuerst mobil, was bedeutet, dass das Bootstrap-Framework hauptsächlich für Telefone oder Tablets optimiert ist.

Die integrierten Bootstrap-Vorlagen von Adobe sind jedoch so ausgereift, dass sie auf Desktops und Telefonen gleich gut aussehen.

Die Dreamweaver-Erfahrung

Erstbenutzer stehen vor einer steilen Lernkurve.

Wenn Sie jedoch mit Photoshop oder Illustrator vertraut sind, sollten Sie in der Lage sein, diese schnell zu erklimmen.

Wenn Sie wie ich verwirrt sind, wenn Sie nach einer undurchsichtigen Funktion suchen, kann das Hilfemenü Sie zu genau dem Menüpunkt führen, den Sie benötigen, selbst wenn er sich tief in der Menüstruktur befindet.

Dreamweaver verwendet die Standard-Adobe-Oberfläche, ein Hauptbearbeitungsfenster, das links von einer Symbolleiste und rechts von Informationsfeldern mit mehreren Registerkarten umgeben ist.

Denken Sie nicht einmal daran, Dreamweaver auf einem kleinen Laptop zu verwenden, es sei denn, Sie sind ein erfahrener Programmierer, der nicht alle Bildschirmtools und Bedienfelder benötigt.

Diese App benötigt alle Bildschirmflächen, die Sie ihr geben können.

Wenn Sie eine typische, relativ einfache Website bearbeiten, sind mindestens vier Dokumentregisterkarten geöffnet, eine für die aktuelle Seite, die andere für JavaScript- und CSS-Dateien und ein Informationsfenster mit mindestens sieben Registerkarten, in dem Dateien, Creative Cloud-Bibliotheken und HTML angezeigt werden Tags, die Sie in eine Datei ziehen können, ein komplexer Satz von CSS-Steuerelementen, ein DOM-Baum (Document Object Model), eine Liste von Assets (sortiert nach URLs, Bildern, Medien usw.) sowie eine lange Liste vorgefertigter und benutzerdefinierter Elemente -gebaute Schnipsel.

Fügen Sie dazu eine anpassbare Symbolleiste links und ein dicht besiedeltes Menü oben hinzu, und Sie haben eine der komplexesten Schnittstellen, die jemals in die App integriert wurden, die nur mit anderer Entwicklungssoftware wie Microsoft Visual Studio konkurrieren kann.

Glücklicherweise können Sie alles außer dem Hauptbearbeitungsfenster von Dreamweaver ausblenden, wenn Sie sich mit Codierung auskennen oder eine möglichst weitläufige WYSIWYG-Ansicht wünschen.

Und dieses Fenster ist ein chamäleonartiges Wunder der Flexibilität.

Zu den Anzeigeoptionen des Fensters gehört eine All-Code-Ansicht mit der typischen Einrückung des Codierungsfensters und der Farbcodierung, um die Struktur Ihres Projekts sichtbar zu machen.

Sie können zwischen zwei Arten von WYSIWYG-Ansichten wählen.

Eine davon ist eine Live-Ansicht, die sich dem annähert, was Sie in einem Browser sehen würden, außer mit Seitenelementen, die der Übersichtlichkeit halber umrissen sind, und mit Schaltflächen, mit denen Sie die Tags für einzelne Elemente einfach durch Klicken auf das Element ändern können.

Die andere ist eine Entwurfsansicht, in der alle Entwurfselemente auf einer Seite angezeigt werden, einschließlich derjenigen, die in einem Browser möglicherweise unsichtbar sind, bis ein Benutzer darauf klickt.

Schließlich können Sie das Fenster teilen, um Code in einem Bereich und entweder Live- oder Designansicht im anderen Bereich anzuzeigen - oder mit Code in beiden Fenstern, sodass Sie zwei verschiedene Teile des Codes gleichzeitig anzeigen und bearbeiten können.

Mit den erweiterten Optionen können Sie die auf Ihrem Desktop vorgenommenen Änderungen mit dem Code auf Ihrem Remote-Webserver synchronisieren.

Neue Eigenschaften

Der gerade veröffentlichte Dreamweaver 2020 sieht fast genauso aus und verhält sich wie Dreamweaver 2019.

Adobe erwähnt nur drei neue Funktionen: Vereinfachtes Klicken zum Bearbeiten in der Live-Ansicht, sodass Sie Text und nicht nur Tags in der Live-Ansicht bearbeiten können, indem Sie einfach darauf klicken auf einem Textelement; neue Standardeinstellungen für japanische Schriftarten; und verbesserte Popups mit Code-Hinweisen.

Es gibt keine neue Lernkurve und die Benutzeroberfläche und andere Funktionen haben sich nicht geändert.

Ein kleines potenzielles Problem bei der erweiterten Bearbeitungsfunktion für die Live-Ansicht ist, dass einige Tastenanschläge nicht wie erwartet funktionieren.

Sie können beispielsweise einen Absatz teilen, indem Sie in der Live-Ansicht in einem Text die Eingabetaste drücken.

Die Rücktaste kombiniert die geteilten Absätze jedoch nicht neu.

Sie müssen in die Codeansicht wechseln und das Tag für den neuen Absatz entfernen.

Web-Editoren hatten schon immer eine Funktion, die eine Vorschau ihrer Webseite in einem Desktop-Browser anzeigt.

Dreamweaver bietet eine Live-Vorschau auf Mobilgeräten - eine wichtige Funktion beim Entwerfen einer reaktionsfähigen Seite, die auf mehreren Plattformen funktionieren muss.

Sie klicken auf ein Vorschausymbol unten rechts im Bearbeitungsfenster, scannen mit Ihrem Telefon oder Tablet einen QR-Code, der im Popup-Menü des Vorschausymbols angezeigt wird, und geben Ihr Adobe-Kennwort auf Ihrem Gerät ein.

Danach können Sie eine Vorschau Ihres Codes im Standardbrowser Ihres Geräts anzeigen, wobei die auf dem Desktop vorgenommenen Änderungen sofort angezeigt werden.

Sie müssen keine neuen Apps auf Ihrem Telefon oder Tablet installieren.

Sollten Sie ein Abonnement für Dreamweaver kaufen? Wenn Sie bereits Photoshop oder Illustrator verwenden oder eine unternehmens- oder designintensive Website erstellen, ist Dreamweaver eine naheliegende Wahl.

Wenn Sie dem Codieren abgeneigt sind, können Sie das tun, was die Hälfte der Online-Welt zu tun scheint, und WordPress verwenden, um Ihre Website zu erstellen, indem Sie ein visuelles Thema auswählen und es aus einfachen Menüs verwenden oder ändern.

Du brauchst etwas technisches Wissen, aber Sie können mit fast keinem auskommen.

Wenn Sie überhaupt nicht an Codierung denken möchten, verwenden Sie einen Hosting-Service, der Wix oder Weebly oder eine andere vollständig visuelle Site-Building-Umgebung anbietet, für die keine Codierung erforderlich ist.

Seien Sie jedoch gewarnt, dass Sie jedoch auf Anpassbarkeit und Kontrolle verzichten müssen.

Mit Weebly können Sie Themen jederzeit ändern, haben jedoch nur eingeschränkte Optionen für die Textformatierung.

Beide bieten kostenpflichtige E-Commerce-Optionen.

Sie können auch eine kostenlose Version des unternehmensorientierten CKEditor-Systems ausprobieren, das erweiterte Funktionen wie kollaboratives Bearbeiten, WYSIWYG-Bearbeiten und die vollständige Kontrolle über den Code Ihrer Site bietet.

Für kleinere Websites, die hauptsächlich für Laptop- und Desktop-Browser entwickelt wurden, können Sie Dutzende herkömmlicher Webseiten-Editoren wie RapidWeaver oder Coda auf dem Mac verwenden.

Sie erhalten jedoch keine echte WYSIWYG-Bearbeitung wie in Dreamweaver oder browserbasierten Systemen wie WordPress oder Wix.

Viele herkömmliche Webseiten-Editoren bieten Vorschaumodi an, und einige (wie der großartige und kostenlose Brackets-Editor von Adobe) bieten eine Echtzeitvorschau in Ihrem Browser.

Dies entspricht jedoch nicht der vollständigen Bearbeitung im WYSIWYG-Modus wie im Live-Bearbeitungsmodus von Dreamweaver.

Mein bevorzugter schneller und sauberer WYSIWYG-Webeditor für einfache Websites ist Microsofts kostenloses Expression-Web nur für Windows, früher eine teure App, jetzt jedoch kostenloser Download, da Microsoft die Aktualisierung eingestellt hat, nachdem Visual Studio eine erweiterte Website-Erstellung bereitgestellt hat Werkzeuge.

Expression Web wurde seit 2011 nicht mehr aktualisiert, aber sein Funktionsumfang erledigt immer noch die Aufgabe für einfache Websites, und Sie können mit dem Preis nicht streiten.

Dreamweaver kann manchmal etwas launisch wirken.

Wenn Sie beispielsweise an der falschen Stelle klicken, kann sich das Bildschirmlayout plötzlich auf eine Weise ändern, die sich nur schwer wiederherstellen lässt, ohne das Bildschirmlayout auf die Standardeinstellungen zurückzusetzen.

Die Funktion "Rückgängig" funktioniert einwandfrei, wenn Sie im Codefenster arbeiten, funktioniert jedoch nicht in allen Kontexten, z.

B.

wenn Sie Assets mithilfe der Funktion zum Extrahieren von Seitenelementen aus einer Photoshop-Datei in ein Fenster ziehen.

Immer noch ausgezeichnet

Trotz einiger kleinerer Probleme ist Adobe Dreamweaver 2020 größtenteils wie ein Schlachtschiff aufgebaut und bietet die beste Kombination aus Flexibilität, Leistung und Leichtigkeit aller Instrumente, die jemals für die Erstellung von Websites erfunden wurden.

Dreamweaver hat keine echte Konkurrenz und kein seriöser Webdesigner sollte darauf verzichten.

Dreamweaver ist die Wahl der Daxdi-Redaktion für Website-Entwicklungsprogramme.

Vorteile

  • Flexibel und leistungsstark.

  • Volle Unterstützung für Plattformen von Drittanbietern.

  • Integrierte reaktionsschnelle Designunterstützung.

  • Enge Integration mit anderen Adobe-Apps.

  • Vollständiger Code-Editor im IDE-Stil mit Live-WYSIWYG-Bearbeitung.

  • Echtzeitvorschau.

Daxdi

Daxdi.com Cookies

Auf Daxdi.com verwenden wir Cookies (technische und Profil-Cookies, sowohl eigene als auch Cookies von Drittanbietern), um Ihnen ein besseres Online-Erlebnis zu bieten und um Ihnen personalisierte Online-Werbung entsprechend Ihren Präferenzen zu senden. Wenn Sie Weiter wählen oder auf Inhalte auf unserer Website zugreifen, ohne Ihre Auswahl zu personalisieren, stimmen Sie der Verwendung von Cookies zu.

Für weitere Informationen über unsere Cookie-Richtlinie und wie Sie Cookies ablehnen können

Zugang hier.

Voreinstellungen

Weiter