{"id":1906,"date":"2020-10-22T09:57:59","date_gmt":"2020-10-22T07:57:59","guid":{"rendered":"https:\/\/lizenzking.de\/blog\/de\/?p=1906"},"modified":"2021-11-23T13:40:41","modified_gmt":"2021-11-23T12:40:41","slug":"gastbeitrag-7-wichtige-tools-fuer-den-homepage-bau","status":"publish","type":"post","link":"https:\/\/lizenzking.de\/blog\/de\/gastbeitrag-7-wichtige-tools-fuer-den-homepage-bau\/","title":{"rendered":"Gastbeitrag: 7 wichtige Tools f\u00fcr den Homepage-Bau!"},"content":{"rendered":"\n<p>Wer eine Webseite betreibt, sei es als gro\u00dfes CMS (Content Management System) oder als kleiner Webbaukasten, kommt nicht umhin bestimmte Software-Tools einzusetzen. Die erforderlichen Kenntnisse eines Webmasters und Webdesigner sind vielf\u00e4ltig. Diese reichen von Grafikbearbeitung \u00fcber HTML und CSS bis hin zu Programmierungen mit PHP und JavaScript oder ASP.NET. Und f\u00fcr jede Aufgabe hat man im besten Fall das passende Werkzeug zur Hand.<\/p>\n\n\n\n<p>Nachfolgend stellen wir Ihnen 7 wichtige Helferlein vor, die den Alltag von Webmastern und Web-Designern erleichtert.<\/p>\n\n\n\n<h2 style=\"font-size:19px\"><strong>Text-und HTML-Editor Sublime Text<\/strong><\/h2>\n\n\n\n<p>Da man beim Homepage-Bau im Wesentlichen textbasiert arbeitet, braucht man einen sehr guten Text-Editor, der auch mittels Syntax-Highlighting die verschiedenen Ausdrucks- und Programmiersprachen unterst\u00fctzt. Aus diesem Grund hat es der Texteditor <strong>Sublime Text 3<\/strong> an die erste Position geschafft und stellt so etwas wie das Schweizer Taschenmesser dar. Dieser unterst\u00fctzt alle ben\u00f6tigten Programmiersyntax, wie PHP, JavaScript, etc. und bietet viele intelligente Funktionen in Form von <a href=\"https:\/\/ekiwi-blog.de\/7537\/erleichtern-die-arbeit-am-computer-ungemein-kombinationen-mit-strg-taste\/\" target=\"_blank\" rel=\"noreferrer noopener\">speziellen Shortcuts<\/a> zur schnellen Textbearbeitung. Mittel Plugins ist Sublime Text um weitere Funktionen erweiterbar. Verf\u00fcgbar ist <em>Sublime Text 3<\/em> f\u00fcr Windows, MacOS und Linux.<\/p>\n\n\n\n<p>Eine gute Alternative zu Sublime stellt auch der HTML-Editor von Microsoft namens <em>Visual Studio Code<\/em>, kurz <em>VS Code<\/em>, dar.<\/p>\n\n\n\n<h3 style=\"font-size:19px\"><strong>PHP-Editor Netbeans<\/strong><\/h3>\n\n\n\n<p>Hier an dieser Stelle <strong>Netbeans<\/strong> nur als PHP-Editor anzupreisen wird dem Text-Editor nicht ganz gerecht, da dieser neben PHP auch HTML5, Java und viele andere Sprachen unterst\u00fctzt. Doch wer Webanwendungen und &#8211;<a href=\"https:\/\/ekiwi.de\/index.php\/category\/programmierung\/php\/\" target=\"_blank\" rel=\"noreferrer noopener\">funktionen in PHP<\/a> schreibt ist gut beraten Netbeans von Apache einmal auszuprobieren. Dieser stellt eine komplette Entwicklungsumgebung dar und zusammen mit einem Apache-Server oder XAMP ist sogar ein Debugging m\u00f6glich. \u00dcber eine Baumstruktur lassen sich komplette Projekte verwalten und viele Funktionen, wie <em>Refactoring<\/em> oder das Springen zur Deklaration von Methoden, sind ebenfalls enthalten.<\/p>\n\n\n\n<p>Netbeans ist f\u00fcr alle Betriebssysteme (<a href=\"https:\/\/lizenzking.de\/microsoft\/windows\/\">Windows<\/a>, MacOS und Linux) verf\u00fcgbar.<\/p>\n\n\n\n<h4 style=\"font-size:19px\"><strong>Formular-Generator DA-FormMaker<\/strong><\/h4>\n\n\n\n<p>Kaum eine Webseite kommt ohne ein Online-Formular aus, denn als Mindeststandard sollte man seinen Besuchern wenigstens ein Kontaktformular anbieten. Das Formular selbst schreibt sich vielleicht noch schnell in HTML zusammen, aber sp\u00e4testens, wenn \u00dcberpr\u00fcfungsfunktionen f\u00fcr einzelne Formularfelder hinzukommen, wird es recht schnell aufwendig. Hier kann man eine Formular-Generator, wie dem <strong>DA-FormMaker<\/strong> zum <a href=\"https:\/\/da-software.net\/software\/da-formmaker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Erstellen von Online-Formularen<\/a> verwenden. Man kann aus vorgefertigten Templates ein Standardformular ausw\u00e4hlen oder sich ein individuelles Internet-Formular in wenigen Klicks zusammenstellen. Danach ver\u00f6ffentlicht man sein Web-Formular direkt auf der Homepage \u00fcber die integrierten Exportfunktionen. Und wer f\u00fcr den Verkauf von Produkten eine <a href=\"https:\/\/da-software.net\/software\/dabestellformular\/\" target=\"_blank\" rel=\"noreferrer noopener\">Online-Shop Alternative als Bestellformular<\/a> ben\u00f6tigt der greift zum Schwester-Produkt <strong>DA-BestellFormular<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"986\" height=\"862\" src=\"https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/formular-erstellen-mit-da-formmaker.png\" alt=\"Neue Datei Da-FormMaker\" class=\"wp-image-1912\" srcset=\"https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/formular-erstellen-mit-da-formmaker.png 986w, https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/formular-erstellen-mit-da-formmaker-381x333.png 381w, https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/formular-erstellen-mit-da-formmaker-768x671.png 768w, https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/formular-erstellen-mit-da-formmaker-696x608.png 696w, https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/formular-erstellen-mit-da-formmaker-480x420.png 480w\" sizes=\"(max-width: 986px) 100vw, 986px\" \/><\/figure>\n\n\n\n<h5 style=\"font-size:19px\"><strong>FTP-Programm FileZilla<\/strong><\/h5>\n\n\n\n<p>Wer Webseiten betreut, der muss auch viel und oft zwischen dem lokalen Speicher und dem Server Dateien transferieren, und zwar mit dem gut abgehangenen FTP-Protokoll. Das geht am besten mit dem kostenfreien FTP-Client <strong>FileZilla<\/strong>. Dieser unterst\u00fctzt das normale einfache FTP, das verschl\u00fcsselte FTPS (FTP over TLS) sowie SFTP. Letzteres ist eine Alternative zum FTP-Protokoll und erm\u00f6glicht eine sichere verschl\u00fcsselte \u00dcbertragung mittels SSH.<\/p>\n\n\n\n<h6 style=\"font-size:19px\"><strong>XAMPP \u2013 Alles unter einem Dach<\/strong><\/h6>\n\n\n\n<p>Jeder Webentwickler ben\u00f6tigt einen lokalen Server, der auch PHP ausf\u00fchren kann und unter Umst\u00e4nden auch eine MySQL-Datenbank, um seine Webseiten vor der Ver\u00f6ffentlichung hinreichend zu auf der eigenen Entwicklungsumgebung zu testen. Hier ist <strong>XAMPP<\/strong> ist sehr empfehlenswert, da es bereits den Apache Server, PHP, Perl und Datenbank mitbringt. Mittels eines praktischen Control-Panels kann man die einzelnen Dienste aktivieren und deaktivieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"676\" height=\"443\" src=\"https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/xampp-control-panel.png\" alt=\"XAMPP Control Panel\" class=\"wp-image-1911\" srcset=\"https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/xampp-control-panel.png 676w, https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/xampp-control-panel-500x328.png 500w, https:\/\/lizenzking.de\/blog\/de\/wp-content\/uploads\/sites\/2\/2020\/10\/xampp-control-panel-641x420.png 641w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure>\n\n\n\n<p>Dar\u00fcber hinaus enth\u00e4lt XAMPP auch FileZilla, diesmal aber als FTP-Server und nicht als Client. Somit hat man schnell eine Testumgebung aufgesetzt, ohne jede Anwendung einzeln installieren zu m\u00fcssen. XAMPP und dessen enthaltenen Programme sind alle kostenfrei; jedoch ausdr\u00fccklich nicht f\u00fcr den Produktiveinsatz gedacht. Lauff\u00e4hig ist XAMPP unter Linux, MacOS und Windows.<\/p>\n\n\n\n<strong><h7 style=\"font-size:19px\">Photoshop \u2013 Das Flaggschiff zur Grafikbearbeitung<\/h7><\/strong>\n\n\n\n<p>Jeder der Webinhalte produziert oder sich als Webdesigner bet\u00e4tigt kommt nicht umhin sich mit der Grafikbearbeitung zu befassen, denn f\u00fcr ansprechende Webseiten und Web-Artikel sollte man diese auch ansprechend illustrieren. Photoshop ist hier der Platzhirsch unter den Grafikprogrammen. An dieser Stelle sei neben dem Abo-Angebot von <a href=\"https:\/\/lizenzking.de\/multimedia-grafik\/grafik\/adobe-photoshop-elements-win\">Adobe Photoshop-Elements<\/a> empfohlen, welches man zu einem vertretbaren Preis erh\u00e4lt. Dieses enth\u00e4lt bereits die meisten Funktionen, die man f\u00fcr die t\u00e4gliche Arbeiten in diesem Bereich ben\u00f6tigt. Neben den klassischen Funktionen der Bildbearbeitung, wie Verlaufswerkzeuge, Massenbearbeitung von Bildern und vielen Filtern \u00fcberzeugen auch die vielen zeitsparenden automatischen Effekt, zum Beispiel zur Motivauswahl, zum Haut-Gl\u00e4tten oder dem entfernen unerw\u00fcnschter Objekte aus Fotos.<\/p>\n\n\n\n<p>G\u00e4ngige Alternativen zu Photoshop sind neben dem OnBoard-Mittel <em>Paint3D<\/em> von Windows die Programme <a rel=\"noreferrer noopener\" href=\"https:\/\/ekiwi-blog.de\/3264\/photoline-bildbearbeitung-fuer-windows-und-osx\/\" target=\"_blank\">Photoline<\/a> und Gimp. Letzteres ist sogar kostenfrei, jedoch in der Handhabung sehr gew\u00f6hnungsbed\u00fcrftig. Dar\u00fcber hinaus ist IfranView ebenfalls sehr praktisch. Jedoch k\u00f6nnen die meisten Alternativen im Funktionsumfang nicht mit Photoshop mithalten.<\/p>\n\n\n\n<p>Wer mehr <a rel=\"noreferrer noopener\" href=\"https:\/\/iwer.info\/\" target=\"_blank\">technischer versierte Inhalte, wie Schaltpl\u00e4ne<\/a>, Organigramme, Struktogramme, etc. der wird schnell bei einem Programm wie <a href=\"https:\/\/lizenzking.de\/blog\/de\/visio-2019-professional-passende-shapes-erstellen\/\">Microsoft Visio<\/a> landen. Es gibt dazu ebenfalls ein paar Alternativen, wie LibreOffice Draw oder Draw.io. Man wird aber schnell feststellen, dass diese auch kaum an Microsoft Visio herankommen und meist einen weniger breiten Anwendungsbereich abdecken.<\/p>\n\n\n\n<strong><h8 style=\"font-size:19px\">Magix Web Designer<\/h8><\/strong>\n\n\n\n<p>F\u00fcr all diejenigen, die komplette Webprojekte von Grund auf neugestalten, sehr individuelle Webseiten kreieren oder die professionell viele Webprojekte erstellen, sollten einen Blick auf den <a href=\"https:\/\/lizenzking.de\/multimedia-grafik\/webdesign\/magix-web-designer-premium\">Magix Web Designer<\/a> werfen. Dabei handelt es sich um ein Werkzeug zum kompletten Erstellen von Webprojekten. Der Fokus liegt hier auf dem grundlegenden Design. Aus diesem Grund sind in Magix bereits viele Bildverarbeitungsfunktionen integriert und man hat zudem Zugriff auf einen Online-Bildkatalog. Es lassen sich so auch interessante Effekte in der Homepage einbauen, so dass Bilder zum Beispiel automatisch hinein \u201e<em>sliden<\/em>\u201c. Die erstellten Webseiten sind in der Premium \u2013 Version f\u00fcr jedes Endger\u00e4t passend. Das hei\u00dft, das jeweilige Webdesign responsive ist. Auch in Sachen Suchmaschinenoptimierung unterst\u00fctzt <a href=\"https:\/\/lizenzking.de\/blog\/de\/magix-webdesigner-mit-professionellen-webdesign-tools-eigene-homepage-erstellen\/\">Magix<\/a> die SEO-Aktivit\u00e4ten insbesondere bei Grafiken und Verlinkungen.&nbsp;Magix eignet sich besonders gut f\u00fcr repr\u00e4sentative Internetauftritte mit nicht allzu vielen Seiten.<\/p>\n\n\n\n<p>F\u00fcr diejenigen, die viele Inhalte auf Ihren Webseiten ver\u00f6ffentlichen m\u00fcssen, wie zum Reise- oder <a href=\"https:\/\/ekiwi-blog.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">Technik-Blogs<\/a>, eignen sicher eher CMS (<em>Content Management Systeme<\/em>) wie Joomla oder WordPress.<\/p>\n\n\n\n<strong><h9>Fazit<\/h9><\/strong>\n\n\n\n<p>Mindestens 6 der 7 vorgestellten Software-Tools sollten im Werkzeugkoffer eines jeden Webdesigner und Homepage-Bauer sein und erleichtern einem die Arbeit. Sicherlich gibt es auch viele Alternativprodukte. Hier entscheiden dann, wie bei richtigem Werkzeug, der Geldbeutel und die Einsatzh\u00e4ufigkeit und die damit verbundene gesteigerte <a href=\"https:\/\/lizenzking.de\/blog\/de\/zeit-sparen-und-produktivitaet-steigern-die-besten-outlook-tipps-und-tricks\/\">Produktivit\u00e4t<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>Zum Autor:<\/strong><br>Mein Name ist Daniel Iwer von <a href=\"https:\/\/ekiwi-blog.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">eKiwi-Blog.de<\/a>. Dort versorge ich meine Besucher mit vielen erfrischende und n\u00fctzlichen Tutorials, Anleitungen und Informationen rund um Internet, Technik und Software.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer eine Webseite betreibt, sei es als gro\u00dfes CMS (Content Management System) oder als kleiner Webbaukasten, kommt nicht umhin bestimmte Software-Tools einzusetzen. Die erforderlichen Kenntnisse eines Webmasters und Webdesigner sind vielf\u00e4ltig. Diese reichen von Grafikbearbeitung \u00fcber HTML und CSS bis hin zu Programmierungen mit PHP und JavaScript oder ASP.NET. Und f\u00fcr jede Aufgabe hat man [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":1909,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[38,23],"tags":[],"_links":{"self":[{"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/posts\/1906"}],"collection":[{"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/comments?post=1906"}],"version-history":[{"count":14,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/posts\/1906\/revisions"}],"predecessor-version":[{"id":2204,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/posts\/1906\/revisions\/2204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/media\/1909"}],"wp:attachment":[{"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/media?parent=1906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/categories?post=1906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lizenzking.de\/blog\/de\/wp-json\/wp\/v2\/tags?post=1906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}