Homepage mit CSS-Editor erstellen

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

Wer seine Homepage mit Hilfe eines Homepage-Baukastens erstellen möchte, tut dies meist wegen der einsteigerfreundlichen, komfortablen Bedienung, die keinerlei Programmier-Kenntnisse voraussetzt. In einem Homepage-Baukasten werden Bild-Elemente oder Textfelder einfach aus einer Liste mit gedrückt gehaltener Maustaste auf die gewünschte Stelle der Homepage gezogen. Ihre Größe lässt sich mit der Maus anpassen und Farben in einer Farbpalette anklicken. Der zugehörige HTML- und CSS-Code der Website wird vom Baukasten automatisch generiert. HTML und CSS sind – Im weitesten Sinne des Wortes – die gängigsten Programmiersprachen für Homepages. HTML ist für die inhaltliche, logische Struktur der Website, CSS für das optische Erscheinungsbild zuständig.

Für fortgeschrittene Nutzer, die sich mit HTML und CSS auskennen, besteht gelegentlich der Wunsch, Änderungen direkt im Code vornehmen zu können. Für diese Kunden gibt es Baukästen, die auch einen HTML- und CSS-Editor beinhalten.

Der folgende Ratgeber vermittelt einen Überblick darüber, was genau eine Homepage mit CSS-Editor ist, was die Vorteile eines CSS-Editors sind, und was bei deren Verwendung und bei der Auswahl des richtigen Anbieters zu beachten ist.

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

5,00 € -100 %
0,00 €
kostenlos testen
1und1 Homepage-Baukasten
Star (Full) Star (Full) Star (Full) Star (Full) Star (Half)

Sehr einfache Bedienung
Bester Leistungsumfang im Test
24 Stunden Support bei Problemen
500 Design-Vorlagen für alle Branchen

6,99 -50 %
2,99 €
pro Monat im 1. Jahr

Definition: Homepage mit CSS-Editor

Was ist eine Homepage mit CSS-Editor?

CSS ist die Abkürzung für Cascading Style Sheet und bezeichnet Code, der das Aussehen der einzelnen Elemente innerhalb einer Website steuert. Mit CSS lassen sich Farben, Abstände, Positionierungen innerhalb der Homepage und vieles mehr bestimmen. Für den „normalen“ Anwendungszweck eines Homepage-Baukastens, das Erstellen einer komplett neuen Website, braucht man nicht unbedingt einen CSS-Editor. Alles lässt sich im Homepage-Baukasten komfortabel mit der Maus bedienen, ohne dass man auch nur eine einzige Zeile Code zu Gesicht bekommt.


Vorteile: Homepage mit CSS-Editor

Ein Baukasten mit CSS-Editor ist vor allem für Nutzer interessant, die bereits eine eigene Homepage besitzen und nun zu einem Anbieter mit Homepage-Baukasten wechseln möchten.

Einfacher Website-Import

Import

Mit der Kombination aus HTML- und CSS-Editor lässt sich eine bereits bestehende Website auf HTML-Basis schnell innerhalb des Baukastens wieder herstellen. Man muss lediglich das HTML-Dokument per Copy & Paste in den HTML-Editor und den CSS-Code in den CSS-Editor einfügen. Nach einigen wenigen Anpassungen ist die alte Seite 1:1 wieder online.

Unabhängigkeit von Design-Vorgaben

Design

Durch den CSS-Editor ist man von den Vorgaben durch ein Template (eine Design-Vorlage, die in einzelnen Punkten angepasst werden kann) fast vollkommen unabhängig. So lässt sich eine wirklich individuell gestaltete Homepage erstellen, und trotzdem die Vorteile eines Baukasten-Systems, wie z.B. das Einbinden vorgefertigter Widgets, nutzen. Widgets sind die Inhaltsbausteine, aus denen sich die Homepage zusammensetzt. So gibt es einfache Text-Widgets, die an die entsprechende Position gezogen werden und die Text eingegeben wird, aber auch Widgets, die komplexe Aufgaben übernehmen, wie z.B. ein Terminkalender-Widget.


Tipps zur Erstellung: Homepage mit CSS-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 CSS-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 »

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.