MY COACHING FOR YOU FreeHTML-Editor Kein Projekt geöffnet

Willkommen im FreeHTML-Editor

Gestalten Sie Ihre eigene Website – mit einer bewährten Struktur, aber Ihren Farben, Schriften, Bildern und Ihrem Logo. Alles läuft in diesem Browserfenster; es wird nichts installiert und nichts ins Internet übertragen.

Für jede Website legen Sie einen eigenen, leeren Ordner an (z. B. „meine-website“). Der Editor speichert dort Ihre Inhalte und erzeugt im Unterordner website die fertigen Seiten, die Sie bei Ihrem Hoster hochladen.

Neue Website anlegen

Alle Seiten, Menüpunkte und Texte lassen sich danach frei ändern, umbenennen, ergänzen oder löschen. Die Vorlage entsteht in der Sprache der Oberfläche (Umschalter DE | EN oben rechts). Weitere Sprachen (z. B. Englisch, Französisch) legen Sie danach unter ⚙ Einstellungen › Sprachen an.

Neue Seite anlegen

.html

Die Seite erscheint als Unterpunkt des gewählten Menüpunkts. Später im Reiter „Menü“ jederzeit änderbar.

Neuen Blogbeitrag anlegen

blog/.html

Bild einfügen

Bilder aus dem Ordner bilder. Neues Bild hochladen:

Tabelle einfügen

Beim Bearbeiten einer vorhandenen Tabelle bleiben Zellinhalte erhalten, soweit die neue Zeilen-/Spaltenzahl sie noch abdeckt.

FreeHTML-Editor – Kurzanleitung

So entsteht Ihre Website

  1. Neue Website anlegen (leeren Ordner wählen) oder ein vorhandenes Projekt öffnen.
  2. Gestaltung: Logo, Farben, Schriften und Schriftgrößen festlegen – die Vorschau rechts zeigt jede Änderung sofort, auch als Handy.
  3. Menü: Menüpunkte, Untermenüs und Spaltenüberschriften anpassen; neue Seiten lassen sich direkt dort anlegen.
  4. Seiten und Blog: Texte schreiben, Bilder und Bausteine (Karten, Hinweisbox, Fragen und Antworten …) einfügen.
  5. Einstellungen: Website-Adresse, Kontaktformular (Empfänger-E-Mail), Fußzeile, Suchmaschinen.
  6. Website erzeugen: Der Ordner website enthält danach die fertigen Seiten. Laden Sie seinen Inhalt (auch die versteckte Datei .htaccess) per FTP/SFTP in das Webverzeichnis Ihres Hosters.

Den Editor öffnen

Der Editor läuft nur in Google Chrome oder Microsoft Edge (auch Chromium, Brave) – Safari und Firefox können keine Ordner bearbeiten. Öffnen Sie die Datei freehtml-editor.html mit der rechten Maustaste › „Öffnen mit“ › „Google Chrome“ bzw. „Microsoft Edge“; ist einer der beiden Ihr Standardbrowser, genügt ein Doppelklick. Am Mac öffnet ein Doppelklick meist Safari. Beim nächsten Öffnen erscheint Ihr Projekt wieder; eventuell klicken Sie einmal auf „Zuletzt geöffnet: … – Zugriff erlauben“.

Downloads

Dateien zum Herunterladen liegen im Projektordner unter downloads in zwei Bereichen: Experimentell (noch nicht ausreichend getestet) und Ressourcen (getestet), darunter beliebige Unterordner. Im Reiter „Dateien“ geben Sie Ordnern einen Anzeigenamen (Ordner und Links bleiben unverändert) und verschieben getestete Dateien mit „→ Ressourcen“ – Verweise in Seiten, Beiträgen und Menü werden angepasst, die alte Adresse leitet weiter. Der Baustein „Automatisch: Download-Liste“ zeigt die Dateien eines Ordners auf einer Seite.

Mehrere Sprachen

Unter ⚙ Einstellungen › Sprachen fügen Sie weitere Sprachen hinzu – Englisch, Italienisch, Spanisch, Portugiesisch, Französisch, Niederländisch oder jede andere mit eigenem Kürzel (z. B. pl oder pt-br). Die Ausgangssprache liegt in der Wurzel der Website, jede weitere Sprache in einem eigenen Ordner (z. B. /en/). Oben links wählen Sie die Sprache, in der Sie arbeiten: Seiten und Beiträge übersetzen Sie dort als eigene Fassung (zunächst eine Kopie der Ausgangsfassung), das Menü, die Fußzeile, das Kontaktband und die Texte der Website (Knöpfe, Formular, Hinweise) gibt es je Sprache. Eine Übersetzung erscheint erst, wenn ihr Status „veröffentlicht“ ist; bis dahin zeigt die Website die Ausgangsfassung mit einem Hinweis. „Übersicht“ zeigt, was fehlt und welche Übersetzungen Sie überprüfen sollten.

Neu anlegen in allen Sprachen: Eine neue Seite, ein neuer Blogbeitrag oder ein neuer Menüpunkt entsteht in jeder Sprache des Projekts – egal, in welcher Sprache Sie gerade arbeiten. Die Fassung, in der Sie anlegen, ist das Original; die übrigen sind Kopien mit dem Status „Übersetzung offen“. Solange Sie eine Kopie nicht bearbeiten, übernimmt sie Änderungen ihrer Vorlage automatisch. Übersetzen Sie sie (von Hand oder mit einem Übersetzungsprogramm) und speichern Sie – dann ist sie ein Entwurf, den Sie veröffentlichen, sobald er fertig ist. Ändert sich die Vorlage danach, erscheint „Übersetzung überprüfen“. Kopien gehen nie ungewollt online: Bis zur Veröffentlichung zeigt die Website dort die vorhandene Fassung mit dem Hinweis „noch nicht übersetzt“.

Die fertige Website erhält einen Sprachumschalter, die Angaben hreflang und x-default für Suchmaschinen und eine Sitemap mit allen Sprachfassungen. Wer die Startseite ohne Verweis von Ihrer Website aufruft, wird – ohne Cookies – in seiner Browser-Sprache begrüßt (Ersatzsprache, wenn es seine Sprache nicht gibt). Das erledigt die Datei .htaccess bei Hostern mit Apache; für andere Server zeigt der Bericht nach „Website erzeugen“ eine Vorlage.

Gut zu wissen

FreeHTML-Editor · Build-Version · © 2026 Peter Hoenig, MY COACHING FOR YOU (Struktur und Programm)

Lizenz: Freie Software (Open Source) unter der GNU General Public License, Version 3 oder neuer (GPL-3.0-or-later). Sie dürfen den Quelltext – diese HTML-Datei – nutzen, untersuchen, verändern und weitergeben, sofern auch die weitergegebene Fassung wieder als Open Source unter derselben Lizenz mit vollständigem Quelltext zur Verfügung steht und dieser Hinweis erhalten bleibt. Lizenztext: gnu.org/licenses/gpl-3.0. Die mit dem Editor erstellten Websites, Texte und Bilder gehören Ihnen; für sie gilt die Lizenz nicht.

Haftungsausschluss: Das Werkzeug wird unentgeltlich und ohne Gewähr bereitgestellt. Für die Richtigkeit und Rechtssicherheit der erstellten Inhalte (insbesondere Impressum und Datenschutzerklärung) sind Sie selbst verantwortlich. Für Schäden aus der Nutzung, insbesondere Datenverlust, wird nur bei Vorsatz und grober Fahrlässigkeit gehaftet; die Haftung für Schäden aus der Verletzung von Leben, Körper oder Gesundheit sowie zwingende gesetzliche Haftung bleiben unberührt. Bitte sichern Sie Ihre Projektordner regelmäßig.