Homepage mit HTML-Editor erstellen

...Schritt-für-Schritt zum eigenen erfolgreichen Internetauftritt!

HTML ist die erste Programmiersprache, die man lernt, wenn man sich mit der Erstellung von Webseiten beschäftigt. Genau genommen ist HTML auch keine Programmiersprache, sondern eine Auszeichnungssprache. HTML führt kein Programm aus, sondern markiert die logische, inhaltliche Struktur des Dokuments. Überschriften werden als Überschriften markiert, Absätze als Absätze usw. So wissen nicht nur die Browser wie etwa der Internet Explorer, dass sie Überschriften entsprechend groß darstellen und zwischen den Absätzen Platz lassen müssen, sondern auch Suchmaschinen erkennen die Struktur der Webseite. Fehler im HTML-Code bringen daher auch Punktabzug für die Platzierung innerhalb der Suchergebnisse.

Der Anwender eines Baukasten-Systems bekommt normalerweise keine einzige Zeile HTML-Code zu sehen. Der Baukasten übernimmt vollautomatisch die Generierung des Codes. Dennoch gibt es für fortgeschrittene Anwender durchaus mal das Bedürfnis, selbst Hand an den Code zu legen. Für sie gibt es Baukästen mit integriertem HTML-Editor.

Der folgende Ratgeber liefert die Definition einer Homepage mit HTML-Editor, zeigt deren Vorteile auf und gibt Hilfestellung, was bei der Verwendung eines HTML-Editors und des richtigen Anbieters zu beachten ist.

Wix Homepage-Baukasten
Star (Full) Star (Full) Star (Full) Star (Full) Star (Full)

Sehr einfache Bedienung
Die schönsten Designvorlagen
Sehr flexible Gestaltung möglich
Über 100 Mio. Kunden weltweit

0,00 €
Dauerhaft kostenlos
Jimdo Homepage Baukasten
Star (Full) Star (Full) Star (Full) Star (Full) Star (Full)

Bestes Preis-Leistungs-Verhältnis
Sehr faire Vertragsbedingungen
Testsieger bei Computerbild & t3n
Beliebtester deutscher Anbieter

0,00 €
Dauerhaft kostenlos

Definition: Homepage mit HTML-Editor

Was ist ein HTML-Editor?

In umfangreichen Homepage-Baukästen wird für Nutzer, die bereits eigenen HTML-Code mitbringen oder schreiben wollen, ein extra HTML-Editor angeboten. Mit ihm kann der HTML-Code der gesamten Website neu aufgesetzt werden. Für Anfänger und Laien, die hauptsächlich wegen der komfortablen Bedienung auf ein Baukasten-System zurückgreifen, ist diese Funktion nicht wichtig. Für sie sind bereits die kleinen HTML-Widgets völlig ausreichend, die in die Homepage eingebaut werden können. Widgets sind kleine Inhalts-Bausteine, die mit gedrückt gehaltener Maustaste an die gewünschte Stelle in der Homepage gezogen werden können (Drag-and-Drop). Es gibt einfache Widgets etwa für Text- oder Bildbausteine, komplexe wie einen Terminkalender, und auch HTML-Widgets, in die für den entsprechenden Abschnitt HTML-Code eingetragen werden kann.


Vorteile: Homepage mit HTML-Editor

Mit einem Homepage-Baukasten lässt sich auch ohne Programmier-Kenntnisse eine ansprechende, moderne Homepage erstellen. Für fortgeschrittene Anwender, die über HTML- und CSS-Kenntnisse verfügen, lässt sich aber das Beste aus zwei Welten kombinieren: Eigener Programm-Code und vorgefertigte Widgets, die einfach per Drag-and-Drop eingesetzt werden können.

Einfacher Website-Import

Import

Wer bereits eine Homepage auf HTML-Basis im Netz hat, muss diese bei einem Wechsel zu einem Baukasten-System nicht von Grund auf neu aufsetzen. Der bestehende Code der alten Website lässt sich einfach per Copy & Paste in den HTML-Editor des Baukastens übertragen. So ist der alte Webauftritt im Nu wieder hergestellt, und zusätzlich können die vielen tollen Möglichkeiten des Baukastens genutzt werden.

Individuelles Design

Design

Der Homepage-Baukasten stellt für Laien mit seiner Drag-and-Drop-Bedienung das einsteigerfreundlichste, komfortabelste Instrument zur Website-Erstellung bereit. Natürlich sind damit nur Anpassungen und Änderungen am Template - das sind die Design-Vorlagen der Homepage-Baukästen - innerhalb eines gewissen Rahmens möglich. Wer tiefer gehende Eingriffe vornehmen will, muss auf den HTML- und CSS-Editor zurückgreifen, kann aber dafür die Grenzen von Templates komplett aufbrechen und wird mit einer wirklich individuellen Homepage belohnt.


Wissenswertes: Homepage mit HTML-Editor

HTML-Editoren innerhalb von Homepage-Baukästen verhalten sich ein wenig anders, als man es von der Bedienung und Erstellung einer HTML-Homepage ohne Baukasten gewohnt ist. Ein wenig Einarbeitungszeit sollte man daher einplanen und im Notfall auch nicht davor zurückschrecken, den Support zu kontaktieren. Außerdem sollte man abwägen, ob es nicht auch ausreicht, einzelne Elemente der Homepage mit den HTML-Widgets, die weitaus häufiger in Baukasten-Systemen anzutreffen sind, umzusetzen. Für den Import bereits bestehender HTML-Websites sind die Editoren aber ganz ausgezeichnet geeignet.


Tipps zur Erstellung: Homepage mit HTML-Editor

Grundsätzlich stehen drei unterschiedliche Methoden zum Erstellen einer eigenen Homepage zur Verfügung: Von Grund auf neu, von Hand zu programmieren; ein Content Management System (CMS) wie WordPress zu verwenden oder einen Homepage Baukasten zu benutzen. Für die beiden ersten Möglichkeiten sind umfassende Kenntnisse in Web-Programmiersprachen wie HTML und CSS erforderlich, wenn man ein akzeptables Ergebnis erzielen will. In Eigenregie ist das für die meisten Anwender nicht zu bewältigen, so dass sie auf die Hilfe von professionellen Web Designern und Internet Agenturen zurückgreifen müssen. Dafür entstehen aber schnell Kosten in einer Höhe von ca. 1200 € und mehr. So eine Summe kann nicht von jedem aufgewendet werden, und für manche Projekte wie einen Blog, eine private Homepage oder eine kleinere berufliche Internetpräsenz ist ein solcher Betrag auch nicht angemessen. Homepage Baukästen stellen mit ihrer unkomplizierten Bedienung und „Alles aus einer Hand“-Lösung eine kostengünstige und professionelle Alternative dar.

Homepage Baukasten
Homepage Baukasten

Der Homepage Baukasten

Wer nicht auf einen Homepage Baukasten zurückgreift, muss sich mit vielen einzelnen Programmen und Anbietern beschäftigen. So kann man beispielsweise die Domain (Internet-Adresse) bei dem günstigsten Anbieter bestellen, den Speicherplatz für eigentliche Homepage bei einem anderen, muss sich Zugangsdaten für den Server und extra Programme zum Datenaustausch mit diesem installieren und deren Bedienung erlernen. Das alles kostet Anfänger viel Zeit und Nerven, dabei ist an der eigentlichen Homepage noch gar nicht gearbeitet worden.


Der Homepage Baukasten hingegen vereint alle Werkzeuge für ein solches Projekt in sich. Innerhalb des Baukastens werden Elemente der Homepage per Mausbedienung zusammengestellt, eine der zahlreichen Design-Vorlagen nach eigenen Wünschen angepasst und Inhalte eingegeben. Alles geschieht online und wird sofort nach dem Klick auf das „Veröffentlichen“-Feld für alle sichtbar. Außerdem gibt es auch eine Live-Vorschau, mit der man die Homepage schon vor der Veröffentlichung auf Fehler prüfen kann.

Einfache Bedienung

Einfache Bedienung
Einfache Bedienung

Alle Homepage Baukästen nutzen eine Bedienoberfläche, die mit reiner Maussteuerung auskommt. Lediglich zur Eingabe der Inhalte ist die Tastatur erforderlich. Die Text-, Bild- und sonstigen Elemente werden an die gewünschten Stelle der Homepage gezogen, in ihrer Größe mit der Maus angepasst und Farben aus Farbpaletten ausgewählt.

Geringer Zeitaufwand

Geringer Zeitaufwand
Geringer Zeitaufwand

Dank der unkomplizierten Mausbedienung ist eine professionelle Homepage bereits innerhalb weniger Stunden erstellt. Dabei wird die Arbeit auch dadurch erleichtert und beschleunigt, dass es für viele häufig auf einer Homepage verwendete Elemente wie Kontaktformular oder Terminkalender bereits vorgefertigte Bausteine gibt.

Niedrige Kosten

Niedrige Kosten
Niedrige Kosten

Mit einem Homepage Baukasten lässt sich eine eigene Homepage nicht nur leicht selbst erstellen, sondern auch problemlos warten, ändern und aktualisieren. Das senkt nicht nur die Anschaffungs-, sondern auch die Unterhaltskosten. Dabei sind die monatlichen Gebühren für einen professionellen Anbieter mit durchschnittlich ca. 6 Euro sehr niedrig angesiedelt.


Empfohlene Anbieter: Homepage mit HTML-Editor

Wenn Sie eine professionelle Homepage für Ihr Vorhaben erstellen möchten, so sollten Sie darauf achten, dass der Anbieter Ihrer Wahl die nachfolgend aufgeführten Kriterien erfüllt. Wenn Sie auf den Button mit der Aufschrift „Anbieter vergleichen“ klicken, dann gelangen Sie auf die vorgefilterte Ansicht unseres Vergleichsrechners, welche alle empfohlenen Anbieter für Ihr Vorhaben auflistet – sprich, nur diejenigen Anbieter, die alle nachfolgend genannten Leistungen erfüllen.

Check

Eigene Internet-Adresse

Die Internet-Adresse ist eines der wichtigsten Kennzeichen, um ein Unternehmen oder ein sonstiges Angebot im World Wide Web zu charakterisieren. Kostenlose Baukasten-Anbieter bieten nur sogenannte Sub-Domains an. Bei einer Sub-Domain ist der Name des Anbieters in der Internet-Adresse enthalten – also beispielsweise „meine-homepage.baukastenname.de“. Eine eigenständige Internetadresse wie etwa „meine-homepage.de“ wirkt in jedem Fall professioneller.

Check

Homepage ohne Fremdwerbung

Mit einer Homepage sollen Interessenten für das eigene Angebot/ Vorhaben begeistert werden. Dabei ist es eher hinderlich, wenn beispielsweise Werbung des Homepage-Baukasten-Anbieters auf der eigenen Webseite angezeigt wird. Dies kann unprofessionell wirken und den Besucher verwirren. Falls Werbung auf der Seite vorkommt, dann sollte sie nur sehr diskret und in geringem Maße auf der Seite angezeigt werden.

Check

Empfohlener Mindestspeicher

Eine professionelle Homepage braucht Platz zum Wachsen. Daher sollte der Speicherplatz nicht zu knapp bemessen sein, um möglichen Erweiterungen Raum zu bieten. Man sollte sich vorher ausrechnen: Bei einer Bildgröße von durchschnittlich 1 MB pro Bild reichen 3 GB Speicherplatz für ca. 3000 Bilder. Bei Full-HD-Videoclips mit einer durchschnittlichen Größe von 150 MB reicht es für mehr als 20 kurze Videos.

Check

Für Smartphones optimiert

Heutzutage informieren sich bereits mehr als 50% der Deutschen mithilfe eines Smartphones im Internet und die mobilen Zugriffe steigen noch immer weiter an. Umso entscheidender ist es, dass die eigene Homepage für mobile Endgerät optimiert ist. So können die Interessenten auch von unterwegs aus mit ihrem Smartphone ohne Einschränkung oder verzerrte Darstellung auf die Homepage zugreifen und die Info-Angebote nutzen.

  • Check Eigene Internet-Adresse
  • Check Homepage ohne Fremdwerbung
  • Check Empfohlener Mindestspeicher
  • Check Für Smartphones optimiert
Ab 0,99 EUR / Monat
Anbieter anzeigen »

Kostenlose Anbieter: Homepage mit HTML-Editor

Wenn Sie lediglich eine private Homepage mit geringem Leistungsumfang planen, so können Sie auch kostenlose Anbieter in Erwägung ziehen. Beachten Sie jedoch, dass kostenfreie Baukästen keine eigene Internet-Adresse beinhalten und fremde Werbung auf Ihrer Homepage eingeblendet wird. Über den nachfolgenden Button mit der Aufschrift „Anbieter vergleichen“ gelangen Sie auf die vorgefilterte Ansicht unseres Vergleichsrechners, welche alle kostenfreien Anbieter auflistet.

  • Cross Eigene Internet-Adresse
  • Cross Homepage ohne Fremdwerbung
  • Check Empfohlener Mindestspeicher
  • Check Für Smartphones optimiert
0,- EUR / Monat
Anbieter anzeigen »

Avatar Erstellt von:
„Homepage-Ratgeber.de“-Redaktion
Homepage Experten
Erstellt am:
02.05.2016
Zuletzt aktualisiert am:
30.11.2016
Hast Du Fragen oder Anregungen zu diesem Artikel?

Wir freuen uns über Dein Feedback, da es für uns eine wertvolle Unterstützung dabei ist, die langfristige Qualität unserer Inhalte zu gewährleisten.