Wir haben hier Dutzende der besten Softwareplattformen für Website-Builder behandelt, von erhaben bis lächerlich. Wir haben auch eine App untersucht, mit der Sie eine ganze Seite oder Website ausschließlich in Code schreiben können. Kein Schnickschnack, nur rohes HTML. Es ist klar, dass es unabhängig von Ihrem Fachwissen eine App oder einen Service gibt, die auf Ihre Bedürfnisse zugeschnitten ist.
Aber es gibt eine App, die für Profis entwickelt wurde und in der Branche ziemlich einzigartig ist, da sie ihre Konkurrenz im Laufe der Jahre überlebt oder aufgekauft hat: den mächtigen Adobe Dreamweaver. Werfen wir also einen Blick auf die neueste Version, CC 2022-2023.
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 zahlen und immer die neueste und beste Version zur Verfügung haben. Wenn Sie nicht mehr zahlen, ist die App nicht mehr verfügbar und Ihre Projekte sind für Sie nicht mehr zugänglich (es sei denn, Sie extrahieren die Rohformate daraus).
- Möchten Sie Adobe Dreamweaver ausprobieren? Schauen Sie sich die Website hier an
Sie können Dreamweaver allein für 20,99 USD (19,97 GBP) pro Monat im Jahresplan oder 31,49 USD (30,34 GBP) pro Monat abonnieren.
Mit 52,99 USD (49,94 GBP) pro Monat für einen Jahresplan (oder 79,49 USD (75,85 GBP) pro Monat) erhalten Sie Zugriff auf das gesamte Portfolio von Adobe. Dies bedeutet, dass Sie in Photoshop und Illustrator entwerfen, diese Dateien nach Dreamweaver verschieben und a bearbeiten können Film in Premiere und fügen Sie ihn in Ihre Webseite ein. Alles ist so konzipiert, dass es zusammenarbeitet, und alle Benutzeroberflächen weisen Ähnlichkeiten auf, die Ihnen helfen, ohne große Schwierigkeiten von einer App zur anderen zu wechseln - vorausgesetzt, Sie verstehen natürlich die Feinheiten der einzelnen.
Schüler und Lehrer können die gesamte Suite für nur 19,99 USD (16,24 GBP) pro Monat für einen Jahresplan erhalten, was nur ein verrückter Wert ist (oder eine großartige Möglichkeit, Sie zu begeistern).
Einstieg
Wie zu erwarten, unterstützt Dreamweaver alle Webstandards, von grundlegendem HTML über CSS und Javascript bis hin zu allen 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, ein Tablet oder ein Telefon), aber natürlich hindert Sie nichts daran, nicht reaktionsfähige Websites zu erstellen und Ihre Website anzuweisen, abhängig von bestimmten Seiten umzuleiten auf dem Gerät wird es angezeigt.
Wenn Sie Dreamweaver noch nicht kennen, bietet Ihnen die App einige Vorlagen für den Einstieg. Diese sind sehr nützlich, um Sie sozusagen auf den richtigen Weg zu bringen, und können oft hilfreicher sein, als auf eine leere Seite zu starren.
Es stehen jedoch nicht so viele Vorlagen zur Auswahl, und Sie sollten sich nicht täuschen lassen, dass Dreamweaver die ganze Arbeit für Sie erledigt: Behandeln Sie die Platzhalter als Inspiration, um diese Seiten selbst anzupassen.
Erstellen einer Website
Die Benutzeroberfläche ist in verschiedene Abschnitte unterteilt, die bis zu einem gewissen Grad angepasst werden können. Über die Seitenleiste auf der linken Seite erhalten Sie Zugriff auf allgemeine Befehle wie Öffnen von Dokumenten, Dateiverwaltung und Live View-Optionen.
Auf den Registerkarten auf der rechten Seite verwalten Sie die Dateien Ihrer Site und die CC-Bibliotheken. Es gibt eine Liste von Elementen, die Sie per Drag & Drop auf Ihre Seite ziehen können, sowie einen Abschnitt zum Entwerfen von Cascading Style Sheets.
Der Hauptteil der Benutzeroberfläche 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 (zusammen mit Optionen zum Simulieren, wie die Seite auf Bildschirmen unterschiedlicher Größe aussehen würde), einem Blick auf den Code oder einer Mischung aus beiden wechseln.
Wenn Sie Teile Ihrer Seite (z. B. ein Bild oder einen Text) ändern möchten, können Sie durch Aufrufen des schwebenden Eigenschaftenfensters 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.
Trotz dieser Funktionen gehen Sie ziemlich schnell verloren, wenn Sie keine Programmierkenntnisse haben. Ja, Sie können Elemente von der Registerkarte "Einfügen" in die Vorschau der Seite ziehen und dort ablegen. Dies führt Sie jedoch nur so weit und Sie müssen schnell und häufig in den Code eintauchen, um die Änderungen vorzunehmen du brauchst.
Dreamweaver versucht es jedoch einfach zu machen: Markieren Sie Text im Vorschaubereich, und derselbe Text wird im Code hervorgehoben, wodurch sich die Zeit verringert, die Sie für die Suche nach demselben Abschnitt benötigen. Das Gegenteil ist auch der Fall: Markieren Sie Code und den Abschnitt, der sich auf Hervorhebungen 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 verschieben und dann in den Code eintauchen können, um die erforderlichen Änderungen in Sekunden vorzunehmen.
Eine weitere Verbesserung, die wir sehr geschätzt haben, waren Code-Hinweise: Genau wie beim Tippen auf einem Telefon und wenn die Benutzeroberfläche Ihnen eine Auswahl an Wörtern bietet, von denen Sie glauben, dass Sie gerade tippen, können Sie schneller das richtige auswählen, als es vollständig einzugeben. Beginnen Sie mit dem Schreiben Code in Dreamweaver und Sie erhalten dabei Hinweise. Dies hilft Ihnen nicht nur, schneller zu schreiben, sondern 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. Witzigerweise sind zwei oder unsere Favoriten - nämlich die Bearbeitung von Live-Ansichten und Code-Hinweise - einige der jüngsten Verbesserungen.
Die andere große ist eine neue Schriftartkonfiguration für Japanese Dreamweaver, aber da wir keine Kenntnisse dieser Sprache haben, konnten wir dies leider nicht überprüfen.
Unterstützung
Über "Hilfe" gelangen Sie zur Online-Wissensdatenbank "Dreamweaver" von Adobe, die Tutorials und eine ausführliche Bedienungsanleitung enthält. Der Forum-Bereich kann Ihnen dabei helfen, andere zu finden, bei denen ähnliche Probleme aufgetreten sind, mit denen Sie möglicherweise zu kämpfen haben, und Ihnen hoffentlich zeigen, wie Sie diese Probleme lösen können.
Wenn dies nicht ausreicht, können Sie mit einem Adobe-Vertreter chatten. Als wir dies ausprobierten, 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, Sie können sehen, dass es hier viel zu lieben gibt. Es gibt viele Funktionen, mit denen Sie Websites schnell und effizient erstellen können, solange Sie nichts dagegen haben, sich mit dem Code zu befassen. Dreamweaver wird nicht alles für Sie tun, sondern sein Bestes tun, um Ihren Erstellungsprozess zu vereinfachen.
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 dies möglicherweise zu einschüchternd wirkt. Wenn Sie bereits ein Adobe Creative Cloud-Abonnement haben, gibt es kaum einen Grund, dieses Programm nicht auszuprobieren, zumal die Supportfunktionen gründlich sind und der Helpdesk sehr gut informiert ist.
- Wir haben auch die beste Webdesign-Software hervorgehoben