Wir haben hier auf TechRadar Dutzende der besten Website-Builder-Softwareplattformen behandelt, vom Erhabenen bis zum Lächerlichen. Wir haben auch eine App untersucht, mit der Sie eine ganze Seite oder Website ausschließlich im Code schreiben können. Kein Schnickschnack, nur rohes HTML. Es ist klar, dass unabhängig von Ihrem Fachwissen eine App oder ein Dienst für Ihre Bedürfnisse verfügbar ist.,
Aber es gibt eine App, die für Profis entwickelt wurde und in der Branche so ziemlich einzigartig ist, da sie ihre Konkurrenz im Laufe der Jahre überlebt oder aufgekauft hat: der mächtige Adobe Dreamweaver. Schauen wir uns also die neueste Version an, CC 2020.
Lassen Sie uns den Elefanten im Raum nicht ignorieren und ihn direkt angehen (beachten Sie die Stoßzähne): Alle Produkte von Adobe sind ausschließlich im Abonnement erhältlich. Dies bedeutet, dass Sie jeden Monat bezahlen und immer die neueste und beste Version zur Verfügung haben., Hören Sie auf zu bezahlen, und die App ist weg und Ihre Projekte sind für Sie nicht zugänglich (es sei denn, Sie extrahieren die Raw-Formate daraus).
- Möchten Sie Adobe Dreamweaver ausprobieren? Schauen Sie sich die Website hier
$52.99 (£49.94) pro Monat für einen Jahresplan (oder $79.49 (£75.85) Monat für Monat) gewährt Ihnen Zugriff auf das gesamte Portfolio von Adobe, was bedeutet, dass Sie in Photoshop und Illustrator entwerfen, diese Dateien in Dreamweaver verschieben, einen Film in Premiere bearbeiten und in Ihre Webseite einfügen können., Alles ist so konzipiert, zusammen zu arbeiten, und alle Schnittstellen haben Ähnlichkeiten zwischen ihnen, die Sie von einer App zur anderen mit wenig Schwierigkeiten bewegen helfen – solange Sie die Feinheiten der einzelnen verstehen, natürlich.
Schüler und Lehrer können die gesamte Suite für nur $19.99 (£16.24) pro Monat auf einem Jahresplan erhalten, was nur ein wahnsinniger Wert ist (oder eine großartige Möglichkeit, Sie süchtig zu machen).,
Erste Schritte
Wie zu erwarten, unterstützt Dreamweaver alle Web-Standards aus dem grundlegenden HTML, CSS, Javascript und alle modernen Funktionen, einschließlich Bootstrap., Es konzentriert sich auf die Erstellung reaktionsfähiger Websites, die sich an das Gerät anpassen, auf dem der Besucher es anzeigt (sei es ein Computer, Tablet oder Telefon), aber natürlich hindert Sie nichts daran, nicht reaktionsfähige Websites zu erstellen und Ihre Website anzuweisen, auf bestimmte Seiten umzuleiten, abhängig von dem Gerät, auf dem es angezeigt wird.,
Wenn Sie neu in Dreamweaver sind, bietet Ihnen die App einige Vorlagen, um loszulegen. Diese sind sehr nützlich, um Ihnen sozusagen auf den Boden zu helfen, und können oft hilfreicher sein, als auf eine leere Seite zu starren.,
Es gibt jedoch nicht so viele Vorlagen zur Auswahl, und lassen Sie sich nicht täuschen zu denken Dreamweaver wird die ganze Arbeit für Sie tun: Behandeln Sie die Platzhalter als Inspirationen zu gehen und diese Seiten selbst anpassen.,
Erstellen einer Website
Die Schnittstelle ist in verschiedene Abschnitte unterteilt, die bis zu einem gewissen Grad angepasst werden können. Die Seitenleiste auf der linken Seite ermöglicht Ihnen den Zugriff auf gängige Befehle wie das Öffnen von Dokumenten, Dateiverwaltung und Live-View-Optionen.,
Auf den Registerkarten rechts verwalten Sie die Dateien Ihrer Site und CC-Bibliotheken. Es gibt eine Liste von Elementen, die Sie per Drag & Drop auf Ihre Seite ziehen können, sowie einen Abschnitt zum Entwerfen kaskadierender Stylesheets.
Und der Hauptteil der Schnittstelle ist entweder Ihrem Code oder einer Vorschau der von Ihnen erstellten Seite gewidmet.,
Sie können ganz einfach zwischen einer vollständigen Vorschau Ihrer Seite wechseln (zusammen mit Optionen zum Simulieren, wie die Seite auf Bildschirmen unterschiedlicher Größe aussehen würde) und nur auf den Code starren oder eine Mischung aus beiden.,
Um Teile Ihrer Seite (wie ein Bild oder Text) zu ändern, können Sie durch Aufrufen des schwebenden Fensters Eigenschaften die erforderlichen Änderungen vornehmen. Es gibt sogar eine einfache Möglichkeit, ein Zielsymbol auf ein anderes Bild auf der Registerkarte Datei zu ziehen, um Bilder schnell und einfach zu wechseln.,
Wenn Sie trotz solcher Funktionen keine Codierungskenntnisse haben, gehen Sie ziemlich schnell verloren. Ja, Sie können Elemente von der Registerkarte „Einfügen“ auf die Vorschau der Seite ziehen und ablegen, aber dies bringt Sie nur so weit, und Sie werden feststellen, dass Sie schnell und oft in den Code eintauchen müssen, um die Änderungen vorzunehmen, die Sie benötigen.
Dreamweaver versucht jedoch, es einfach zu machen: Markieren Sie Text im Vorschaubereich, und derselbe Text wird im Code hervorgehoben, wodurch die Zeit verkürzt wird, die Sie für die Suche nach demselben Abschnitt aufwenden würden., Das Gegenteil ist auch der Fall: Markieren Sie einen Code und den Abschnitt, in dem er sich auf Highlights im Vorschaubereich bezieht.
Dies ist wahrscheinlich ein Grund, warum wir der Meinung sind, dass die geteilte Ansicht die beste Option ist, da Sie Elemente per Drag & Drop ziehen und dann in den Code eintauchen können, um die erforderlichen Änderungen in Sekunden vorzunehmen.,
Eine weitere Verbesserung, die wir zu schätzen wussten, waren Code-Hinweise: Genau wie beim Tippen auf einem Telefon und die Benutzeroberfläche bietet Ihnen eine Auswahl an Wörtern, von denen Sie denken, dass Sie gerade tippen, sodass Sie die richtige auswählen können schneller als vollständig eingeben, Beginnen Sie mit dem Schreiben von Code in Dreamweaver und Ihnen werden dabei Hinweise angeboten., Es hilft Ihnen nicht nur beim schnelleren Schreiben, es kann Ihnen auch dabei helfen, den Code genau einzugeben und Tippfehler zu vermeiden. Wir sind der Meinung, dass dies sowohl für Profis als auch für Anfänger von großem Nutzen sein kann.
Neueste Ergänzungen mit CC2020
Da Dreamweaver ständig aktualisiert wird und Sie die neueste Version jederzeit herunterladen können, während Ihr Abonnement noch gültig ist, werden neue Funktionen hinzugefügt und schrittweise verbessert. Lustigerweise sind zwei oder unsere Favoriten – nämlich Live View Editing und Code Hinting – einige der jüngsten Verbesserungen.,
Die andere große ist eine neue schriftart, die Konfiguration für japanische Dreamweaver, aber ohne jede Kenntnis dieser Sprache, dieser ist leider nicht etwas, was wir in der Lage waren, heraus zu überprüfen.
Support
„Hilfe“ sendet Sie an die Online-Dreamweaver-Wissensdatenbank von Adobe, die Tutorials und eine gründliche Bedienungsanleitung enthält. Der Forumsbereich kann Ihnen helfen, andere zu finden, die ähnliche Probleme hatten, mit denen Sie möglicherweise zu kämpfen haben, und – hoffentlich – Ihnen zeigen, wie Sie sie lösen können.
Wenn dies nicht ausreicht, können Sie mit einem Adobe-Vertreter chatten., Als wir dies testeten, kam die Person, mit der wir uns unterhielten, schnell mit den Antworten zurück, die wir brauchten.
Endgültiges Urteil
Dreamweaver ist ein riesiges und komplexes Programm und diese Rezension hat kaum an der Oberfläche gekratzt, aber wir hoffen, dass Sie sehen können, dass es hier viel zu lieben gibt. Es gibt viele Funktionen, mit denen Sie Websites schnell und effizient erstellen können, solange es Ihnen nichts ausmacht, sich mit dem Code zu befassen. Dreamweaver wird nicht alles für Sie tun, aber sein Bestes tun, um Ihren Erstellungsprozess zu erleichtern.,
Wenn Ihre HTML-Kenntnisse jedoch begrenzt oder gar nicht vorhanden sind, empfehlen wir Ihnen, mit einer anderen App oder einem anderen Dienst zu beginnen, da sich dies möglicherweise zu einschüchternd anfühlt. Umgekehrt, wenn Sie bereits ein Adobe Creative Cloud-Abonnement haben, gibt es sehr wenig Grund, dieses Programm nicht zu versuchen, zumal die Support-Funktionen gründlich sind, und der Helpdesk ist sehr kenntnisreich.
- Wir haben auch die beste Webdesign-Software hervorgehoben