{"id":97579,"date":"2021-10-21T10:56:09","date_gmt":"2021-10-21T08:56:09","guid":{"rendered":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?p=97579"},"modified":"2021-11-16T15:02:45","modified_gmt":"2021-11-16T14:02:45","slug":"wysiwyg-editoren-webdesign-ganz-einfach","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wysiwyg-editoren-webdesign-ganz-einfach\/","title":{"rendered":"WYSIWYG-Editoren: Webdesign ganz einfach"},"content":{"rendered":"\n

Sogenannte WYSIWYG-Editoren erm\u00f6glichen auch Einsteigern das Erstellen ansprechender Websites. Doch auch, wer einfache Landing-Pages bauen oder schlicht HTML und CSS \u00fcben m\u00f6chte, ist bei den klassischen Web-Editoren an der richtigen Adresse.<\/strong><\/p>\n\n\n\n\n\n\n\n

Am Anfang war das Web, und es bestand aus der Auszeichungssprache HTML. Die ist zwar relativ leicht erlernbar, Webdesign mit dem Text-Editor<\/a> ist aber nicht jedermanns Sache. Genau deshalb waren die fr\u00fchesten Web-Editoren sogenannte WYSIWYG-Editoren: Das K\u00fcrzel steht f\u00fcr \u201eWhat you see is what you get\u201c (\u201eWas Du siehst, bekommst Du\u201c) und bedeutet letztlich, dass das Webdesign auf einer grafischen Oberfl\u00e4che stattfindet: Man sieht das Ergebnis schon bei der Bearbeitung. <\/p>\n\n\n\n

W\u00e4hrend der Nutzer beim Design seiner Internetseite Elemente einbaut, verschiebt und anpasst, wird der notwendige HTML-Code durch solche WYSIWYG-Editoren automatisch im Hintergrund generiert. Das ist sehr intuitiv, weshalb auch der STRATO Homepage-Baukasten<\/a> oder der STRATO Webshop<\/a> nach diesem Prinzip arbeiten, und das seit langer Zeit mit gro\u00dfem Erfolg.<\/p>\n\n\n\n

WYSIWYG ist vor allem f\u00fcr Einsteiger praktisch<\/h2>\n\n\n\n

Die WYSIWYG-Idee ist also ausgesprochen einsteigerfreundlich \u2013 und l\u00e4ngst nicht auf den Homepage-Baukasten oder den Webshop beschr\u00e4nkt. Seit jeher gibt es auch Drittanbieter-Programme f\u00fcr Windows, Linux und macOS, die nach dem WYSIWYG-Prinzip arbeiten und das Webdesign selbst f\u00fcr unerfahrene Anwender zu einem Kinderspiel machen. Sie sind zwar nicht ganz so einfach zu bedienen wie der Homepage-Baukasten, erlauben daf\u00fcr aber bei Bedarf auch die Bearbeitung der Internetseite direkt am Code. Web-Neulinge k\u00f6nnen auf diese Art auch relativ leicht HTML und CSS erlernen, weil sie den Effekt der \u00c4nderungen direkt im Code oder in der Vorschau sehen k\u00f6nnen.<\/p>\n\n\n\n

\"\"
Auch WordPress besitzt einen integrierten WYSIWYG-Editor. (Foto: Christian Rentrop)<\/figcaption><\/figure>\n\n\n\n

WYSIWYG ist stabil, flexibel und portabel<\/h2>\n\n\n\n

Die resultierenden statischen Websites sind mangels dynamischer Elemente sehr stabil und schnell und k\u00f6nnen auf jedem preiswerten Webspace<\/a> eingesetzt werden. Das liegt daran, dass sie au\u00dfer HTML und CSS kaum technische Anforderungen haben. Dadurch sind auch Backups oder Umz\u00fcge kein Problem: Seite kopieren, fertig. Allerdings sind mit WYSIWYG-Editoren erstellte Seiten nicht f\u00fcr alle Anforderungen geeignet: Wer Websites mit dynamischen Inhalten ben\u00f6tigt, gr\u00f6\u00dfere Projekte plant oder die Website direkt auf dem Server im Browser bef\u00fcllen m\u00f6chte, ist m\u00f6glicherweise mit einem Flat-File-CMS<\/a> oder sogar WordPress<\/a> besser beraten. Letzteres besitzt sogar einen integrierten WYSIWYG-Editor<\/a>.<\/p>\n\n\n\n

Welche kostenlosen WYSIWYG-Editoren gibt es?<\/h2>\n\n\n\n

Leider haben genau diese leicht verf\u00fcgbaren Content-Management-Systeme<\/a> in den letzten Jahren f\u00fcr einen gewissen Kahlschlag bei den verf\u00fcgbaren WYSIWYG-Editoren gesorgt. Gerade f\u00fcr Einsteiger ist das schade, denn bew\u00e4hrte Programme wie Microsoft FrontPage oder Apple iWeb sind l\u00e4ngst Geschichte. Allerdings gibt es auch heute noch einige praktische und vor allem kostenlose WYSIWYG-Editoren:<\/p>\n\n\n\n

\"\"
BlueGriffon ist der wohl beste kostenlose WYSIWYG-Editor (Foto: Christian Rentrop)<\/figcaption><\/figure>\n\n\n\n