{"id":57678,"date":"2019-05-07T12:16:01","date_gmt":"2019-05-07T10:16:01","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=57678"},"modified":"2019-11-25T15:02:54","modified_gmt":"2019-11-25T14:02:54","slug":"gratis-tools-homepage","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/","title":{"rendered":"6 essentielle Gratis-Tools f\u00fcr Homepage-Betreiber"},"content":{"rendered":"\n

Die richtigen Software-Tools helfen Dir dabei, Deine Internetseite noch besser zu machen. Doch welche brauchst Du wirklich? Mit den folgenden 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.
<\/p>\n\n\n\n

Es gibt viele Programme f\u00fcr Mac und Windows-PCs, die beim Aufbau einer Homepage helfen. Genau deshalb ist es nicht ganz leicht, in diesem Bereich den \u00dcberblick zu behalten. Dabei brauchst Du als Homepage-Betreiber keine teuren Programme: Mit einer kleinen Toolbox aus 6 Gratis-Programmen deckst Du die meisten Eventualit\u00e4ten beim Homepage-Bau ab.<\/p>\n\n\n\n

Cyberduck: Ein leistungsstarker FTP-Client<\/strong><\/h2>\n\n\n\n

Um Dateien auf den Homepage-Speicher zu laden, ist ein FTP-Client sinnvoll. Er ist leistungsst\u00e4rker als entsprechende Programme im Browser. Cyberduck ist ein solches Programm und sowohl f\u00fcr MacOS, als auch f\u00fcr Windows erh\u00e4ltlich. Mit Cyberduck kannst Du Dateien nicht nur schnell hoch- und herunterladen, sondern bei Bedarf auch mit einem -> Editor bearbeiten. Neben FTP unterst\u00fctzt Cyberduck auch das praktische SSH<\/a> sowie einige Cloud-Dienste. Cyberduck ist zwar kostenlos, trotzdem kannst Du den Autor mit einer Spende oder einem Lizenzkauf unterst\u00fctzen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Offizielle Cyberduck-Downloadseite: <\/em>https:\/\/cyberduck.io\/download\/<\/em><\/a><\/p>\n\n\n\n


<\/p>\n\n\n\n

Atom: Ein praktischer Text-Editor<\/strong><\/h2>\n\n\n\n

Wenn Du eine Homepage baust, ben\u00f6tigst Duhier und da einen sogenannten Text-Editor. Dabei handelt es sich nicht um eine Textverarbeitung wie Word, sondern ein Programm, das Dir den Quellcode von Internetseiten sauber anzeigen kann (https:\/\/strato.de\/blog\/blogging-tools-code-editoren\/<\/a>). Dadurch kannst Du zum Beispiel HTML-, CSS- und Java-Script-Dateien bearbeiten. Der Editor Atom ist gratis und sowohl f\u00fcr Windows, als auch f\u00fcr MacOS erh\u00e4ltlich.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Offizielle Atom-Downloadseite: <\/em>https:\/\/atom.io<\/a><\/p>\n\n\n\n

Gimp: In vielen F\u00e4llen Photoshop-Ersatz<\/strong><\/h2>\n\n\n\n

Bildbearbeitungsprogramme sind auch beim Homepage-Bau hilfreich und praktisch, in aller Regel jedoch sehr teuer. Nicht so Gimp, das seit vielen Jahren von einer gro\u00dfen Open-Source-Entwicklergemeinde als Gratis-L\u00f6sung entwickelt wird. Inzwischen ist Gimp leistungsstark genug, um selbst komplexe Bildbearbeitungsw\u00fcnsche zu erf\u00fcllen. Wenn Du Photoshop kennst, wirst Du eventuell ein wenig umdenken m\u00fcssen, da die Bedienung von Gimp konzeptionell anders ist \u2013 die Lernkurve ist aber steil und nach einigen Stunden solltest Du wissen, wie Du mit Gimp Deine Bilder bearbeiten kannst (https:\/\/strato.de\/blog\/mit-gimp-ein-schloss-retten\/<\/a>).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Offizielle Gimp-Downloadseite: <\/em>https:\/\/www.gimp.org\/downloads\/<\/a><\/p>\n\n\n\n

Just Color Picker: Welche Farbe soll es sein?<\/strong><\/h2>\n\n\n\n

Moderne Internetseiten sind bunt \u2013 und Du willst eine bestimmte Farbe f\u00fcr Deine Internetseite verwenden? Daf\u00fcr ist der HTML-Code der jeweiligen Farbe wichtig, um diese zum Beispiel im Text-Editor oder einem Grafikprogramm wie Gimp zu verwenden. Den Farbcode kannst Du mit Just Color Picker ganz einfach auslesen: Das Programm zeigt auf PC und Mac eine Lupe mit Fadenkreuz an, mit der Du den Mauszeiger bequem \u00fcber der gew\u00fcnschten Farbe positionierst. Per Hotkey kannst Du die Farbe dann in die Farbliste des Programms kopieren und erh\u00e4ltst einen sechsstelligen Code. Diesen kannst Du anschlie\u00dfend in der Bildbearbeitung oder dem Editor verwenden, um die Farbe aufzurufen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Offizielle Just-Color-Picker-Downloadseite:<\/em> http:\/\/annystudio.com\/software\/colorpicker\/<\/a><\/p>\n\n\n\n

E-Mage: Bilder klein rechnen f\u00fcr schnellere Ladezeiten<\/strong><\/h2>\n\n\n\n

Bilddateien k\u00f6nnen sehr gro\u00df sein. Auf der Homepage haben Riesenbilder aber nichts zu suchen: Sie verl\u00e4ngern die Ladezeiten und verursachen dadurch ein schlechteres Ranking. Das Tool E-Mage f\u00fcr Mac und Windows hilft Dir dabei: Es entfernt alle unn\u00f6tigen Daten aus Bildern und reduziert dadurch die Dateigr\u00f6\u00dfe deutlich. Vorher solltest Du die gro\u00dfen Bilder aber noch mit Gimp oder einem anderen Bildbearbeitungsprogramm verkleinern, um optimale Ergebnisse zu erzielen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Offizielle E-Mage-Downloadseite: <\/em>https:\/\/electronjs.org\/apps\/e-mage<\/a><\/p>\n\n\n\n

Firefox Developer: Browser f\u00fcr Webentwickler<\/strong><\/h2>\n\n\n\n

Der Browser Firefox ist eine praktische Alternative zu Chrome, Safari oder Edge. Noch n\u00fctzlicher wird er in der Developer-Edition f\u00fcr Mac und Windows, erkennbar am blauen Icon. Die ist speziell auf die Bed\u00fcrfnisse von Web-Entwicklern optimiert. Mit einer Reihe leistungsstarker Extrafunktionen kannst Du zum Beispiel den Quellcode fremder Internetseiten analysieren, andere Bildschirmgr\u00f6\u00dfen testen oder Fehler auf Deiner eigenen Internetseite aufsp\u00fcren.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Offizielle Firefox-Developer-Downloadseite: <\/em>https:\/\/www.mozilla.org\/de\/firefox\/developer\/<\/a><\/p>\n\n\n\n

Software-Tools und Hosting: f\u00fcreinander gemacht<\/h3>\n\n\n\n

Mit diesen Tools hast Du die Software, die Du f\u00fcr Deine Website brauchst. Suchst Du noch das passende Hosting-Paket dazu? Dann finde hier das richtige Angebot f\u00fcr Dich:<\/p>\n\n\n\nZu den STRATO Hosting-Paketen<\/a>\n","protected":false},"excerpt":{"rendered":"

Die richtigen Software-Tools helfen Dir dabei, Deine Internetseite noch besser zu machen. Doch welche brauchst Du wirklich? Mit den folgenden 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten. Es gibt viele Programme f\u00fcr Mac und Windows-PCs, die beim Aufbau einer Homepage helfen. Genau deshalb ist es nicht ganz leicht, in diesem Bereich den \u00dcberblick […]<\/p>\n","protected":false},"author":138,"featured_media":58128,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[485,3],"tags":[48,51,149],"acf":[],"yoast_head":"\n6 essentielle Tools f\u00fcr Homepage-Betreiber<\/title>\n<meta name=\"description\" content=\"Website-Entwicklung ist nicht schwer. Mit diesen 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 essentielle Tools f\u00fcr Homepage-Betreiber\" \/>\n<meta property=\"og:description\" content=\"Website-Entwicklung ist nicht schwer. Mit diesen 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-07T10:16:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-25T14:02:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2019\/05\/STRATO_Homepage_Tools.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/\",\"name\":\"6 essentielle Tools f\u00fcr Homepage-Betreiber\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2019-05-07T10:16:01+00:00\",\"dateModified\":\"2019-11-25T14:02:54+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc\"},\"description\":\"Website-Entwicklung ist nicht schwer. Mit diesen 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 essentielle Gratis-Tools f\u00fcr Homepage-Betreiber\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g\",\"caption\":\"xxxxxxxx\"},\"description\":\"Hallo, ich bin Christian Rentrop. Ich bin freier IT-Journalist und schreibe f\u00fcr einige bekannte deutsche Computer- und Foto-Magazine. Zudem blogge ich IT-Workshops. Hier im STRATO Blog k\u00fcmmere ich mich um Software-Themen.\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 essentielle Tools f\u00fcr Homepage-Betreiber","description":"Website-Entwicklung ist nicht schwer. Mit diesen 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"6 essentielle Tools f\u00fcr Homepage-Betreiber","og_description":"Website-Entwicklung ist nicht schwer. Mit diesen 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2019-05-07T10:16:01+00:00","article_modified_time":"2019-11-25T14:02:54+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2019\/05\/STRATO_Homepage_Tools.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"3 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/","name":"6 essentielle Tools f\u00fcr Homepage-Betreiber","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2019-05-07T10:16:01+00:00","dateModified":"2019-11-25T14:02:54+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc"},"description":"Website-Entwicklung ist nicht schwer. Mit diesen 6 Gratis-Tools kannst Du Deine Homepage noch effizienter gestalten.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/gratis-tools-homepage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"6 essentielle Gratis-Tools f\u00fcr Homepage-Betreiber"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/2097976b2a69a30e3e95a3d21b3634dc","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6496f96264c0be76da54812489e3878f?s=96&d=mm&r=g","caption":"xxxxxxxx"},"description":"Hallo, ich bin Christian Rentrop. Ich bin freier IT-Journalist und schreibe f\u00fcr einige bekannte deutsche Computer- und Foto-Magazine. Zudem blogge ich IT-Workshops. Hier im STRATO Blog k\u00fcmmere ich mich um Software-Themen.","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/57678"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=57678"}],"version-history":[{"count":12,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/57678\/revisions"}],"predecessor-version":[{"id":58193,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/57678\/revisions\/58193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/58128"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=57678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=57678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=57678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}