{"id":602,"date":"2019-03-29T21:27:59","date_gmt":"2019-03-29T20:27:59","guid":{"rendered":"https:\/\/quantenfrosch.at\/blog\/?p=602"},"modified":"2023-11-13T22:44:13","modified_gmt":"2023-11-13T21:44:13","slug":"webseiten-erstellung-wysiwyg","status":"publish","type":"post","link":"https:\/\/quantenfrosch.at\/blog\/webseiten-erstellung-wysiwyg\/","title":{"rendered":"Einfache Webseiten-Erstellung mit WYSIWYG Editoren"},"content":{"rendered":"
<\/div>\n

Wer eine Webseite ver\u00f6ffentlichen m\u00f6chte, trifft irgendwann auf die skurril anmutende Abk\u00fcrzung WYSIWYG<\/strong>. Dieses Akronym steht f\u00fcr die englische Redewendung „What You See Is What You Get“ und bedeutet „Was du siehst, ist das, was du bekommst“. Urspr\u00fcnglich waren damit Textverarbeitungs-Programme gemeint, in denen das Dokument auf dem Monitor genauso aussah, wie auf dem schlussendlichen Ausdruck. Im Bereich Webdesign sind WYSIWYG-Editoren Bearbeitungshilfen, mit denen sich Webseiten auch von Laien ohne HTML-Kenntnisse<\/strong> bearbeiten lassen.<\/p>\n

Nutzen und Grenzen der WYSIWYG-Editoren<\/h2>\n

Heutzutage existieren eine Vielzahl unterschiedlicher Displays, Drucker und Anzeigeprogramme, sodass der Begriff mittlerweile sehr freiz\u00fcgig verwendet wird. Wie internetseite-erstellen.net<\/a> schreibt, ist eine exakte Darstellung der endg\u00fcltigen Webseite<\/a> nicht m\u00f6glich, da jeder Webbrowser Webseiten ein wenig anders anzeigen. Hinzu kommt, dass Nutzer ihre eigenen Designvorlagen mit variablen Schriftgr\u00f6\u00dfen und -arten im Browser einstellen k\u00f6nnen.<\/p>\n

Daher sind WYSIWYG-Editoren Anwendungsprogramme oder Erweiterungen<\/strong> f\u00fcr Webprojekte, die die Webseiten-Erstellung vereinfachen, sodass auch Laien in den intuitiven Editoren Web-Inhalte bearbeiten k\u00f6nnen. Die Webseite l\u00e4sst sich wie in einem Textverarbeitungs- oder Desktop-Publishing-Programm gestalten. Texte, Grafiken und Tabellen lassen sich mit WYSIWYG-Editoren ohne HTML oder CSS-Code formatieren und anordnen.<\/p>\n

Desktop-Anwendung, Plugins f\u00fcr WordPress und Co.<\/h3>\n

WYSIWYG-Editoren gibt es sowohl als eigenst\u00e4ndige PC-Software als auch in Form von Erweiterungen f\u00fcr Webanwendungen. Die PC-Programme sind oft umfangreiche Webdesign-Applikationen mit vielen Funktionen. Neben kommerziellen Anwendungen wie Adobe Dreamwaver<\/em> und Magix Website Maker<\/em> gibt es viele kostenlose Freeware-Programme. Dazu geh\u00f6ren Microsoft Expression Web<\/em>, BlueVoda Website Builder<\/em> und Zeta Producer<\/em>. Im Open-Source-Bereich ist BlueGriffon <\/em>zu nennen.<\/p>\n

Einfache Varianten lassen sich auch direkt in Content Management Systeme wie Wordpress, Joomla oder Drupal einbinden. Sie erm\u00f6glichen die bequeme Bearbeitung der Webseite direkt \u00fcber die Administrationsseite des Webprojektes. Beispiele f\u00fcr solche Erweiterungen sind TinyMCE<\/em>, CKEditor <\/em>und der Froala Editor<\/em>.<\/p>\n

In verbreiteten Content Management Systemen wie Joomla oder Wordpress erfreuen sich zunehmend visuelle Editoren<\/a>, sogenannte Page Builder, wachsender Beliebtheit. Auch bei diesen Page Buildern ist das WYSIWYG-Prinzip die Basis, wobei es sich hierbei nicht nur um Editoren, sondern bereits um ein vollst\u00e4ndiges Baukastensystem handelt, das den Nutzern die Bearbeitung von Webseiten erleichtert.<\/p>\n","protected":false},"excerpt":{"rendered":"

Wer eine Webseite ver\u00f6ffentlichen m\u00f6chte, trifft irgendwann auf die skurril anmutende Abk\u00fcrzung WYSIWYG. Dieses Akronym steht f\u00fcr die englische Redewendung „What You See Is What You Get“ und bedeutet „Was<\/p>\n","protected":false},"author":4,"featured_media":605,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","rank_math_title":"Einfach Webseiten erstellen mit WYSIWYG Editoren","rank_math_description":"WYSIWYG Editoren erleichtern die Bearbeitung der Inhalte von Webseiten. WYSIWYG Editoren sind intuitiv bedienbar und dadurch auch f\u00fcr Laien gut geeignet.","rank_math_focus_keyword":"WYSIWYG"},"categories":[10],"tags":[19,35],"class_list":["post-602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-cms","tag-design"],"_links":{"self":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/comments?post=602"}],"version-history":[{"count":2,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/602\/revisions"}],"predecessor-version":[{"id":1838,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/602\/revisions\/1838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media\/605"}],"wp:attachment":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media?parent=602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/categories?post=602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/tags?post=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}