Homepage-Baukasten: Ohne HTML-Kenntnisse zur Website

Ohne Programmierkenntnisse zum persönlichen Webauftritt

Sie wollten sich schon immer mal als Webdesigner ausprobieren? Mit dem Homepage-Baukasten erhalten Sie als STRATO Kunde eine intuitive Webdesign-Software, die Ihnen genau das ermöglicht. Ob Sie eine private Website, eine Vereinshomepage oder eine Firmenhomepage erstellen, spielt keine Rolle – mit dem Homepage-Baukasten von STRATO erstellen Sie hochwertige Websites im Do-it-yourself-Prinzip.

  • Eigene Website ganz ohne Programmierkenntnisse gestalten
  • Vielfältige Designvorlagen nutzen
  • Texte, Bilder und Videos ohne HTML einbinden
  • Externe Inhalte per Widget einbinden
  • Mit dem Homepage-Baukasten Eingaben automatisch in HTML-Code umwandeln

Design und Layout ohne Programmierkenntnisse bestimmen

Sobald Sie Ihren Homepage-Baukasten starten, werden Sie dazu aufgefordert, Ihr Website-Projekt einer Kategorie zuzuordnen. Dadurch erhalten Sie Zugriff auf passende Designvorlagen. Klicken Sie auf eine der über 250 Branchenvorlagen und übernehmen Sie diese. Haben Sie sich für eine Vorlage entschieden, können Sie mit der Erstellung Ihrer Website richtig loslegen. Natürlich können Sie Design und Layout auch nachträglich jederzeit ändern. Dafür wählen Sie den Menüpunkt „Design/Layout“ aus und klicken auf das Design Ihrer Wahl. Nach einer Vorschau des jeweiligen Designs bestimmen Sie, ob Sie es annehmen oder wieder verwerfen möchten.


Texte einfügen und formatieren

Das Wichtigste auf Ihrer Website sind die Inhalte. Damit Ihre Besucher mehr über Sie erfahren, müssen Sie Ihre Website mit Texten versorgen. Klicken Sie auf vom Layout vorgegebene Textfelder, um einen Text einzugeben. Auch dafür benötigen Sie dank des Homepage-Baukastens keinerlei HTML-Kenntnisse. Das Eingeben der Texte funktioniert wie in einem Textdokument à la Microsoft Word: Während Sie einen Text eingeben, erscheint darüber eine kleine Werkzeugleiste, mit der Sie Überschriften formatieren, Fettungen setzen, Schriftart und Schriftgröße ändern und Links setzen.

  • Tipp: Denken Sie daran, dass die meisten Internetnutzer keine Lust haben, lange Textblöcke zu lesen. Gliedern Sie den Inhalt also in kürzere Abschnitte und trennen Sie diese durch Überschriften, die das Wichtigste kurz zusammenfassen.

Der Text-Editor im Homepage-Baukasten macht HTML-Kenntnisse unnötig.
Das Schreiben im Text-Editor im Homepage-Baukasten funktioniert wie das Texten bei Word.

Bilder und Videos ohne HTML einfügen

Selbst für die Einbettung multimedialer Inhalte brauchen Sie im Homepage-Baukasten keinen HTML-Code. Unter „Inhaltselemente“ sehen Sie den Punkt „Bilder und Videos“. In der Auswahl sehen Sie einige im Homepage-Baukasten enthaltene Bilder. Gefällt Ihnen eines der Bilder, ziehen Sie es an die gewünschte Stelle auf Ihrer Seite. Sie haben auch die Möglichkeit, Ihre eigenen Dateien hochzuladen. Sobald Sie diese Dateien in den entsprechenden Ordner hochgeladen haben, erscheinen auch sie unter „Bilder und Videos“ und Sie ziehen sie wie beschrieben auf Ihre Website.

  • Tipp: Selbst gemachte Fotos sind am besten dazu geeignet, Besuchern eine Vorstellung von Ihrem Unternehmen oder Angebot zu geben. Achten Sie bei der Bildauswahl aber darauf, dass die Fotos eine hohe Qualität haben, also interessante Motive gut ausgeleuchtet darstellen. Nehmen Sie lieber 1 schönes und aussagekräftiges Bild als 20 mittelmäßige.

Widgets im Homepage-Baukasten als HTML-Ersatz

Mit den Widgets implementieren Sie Zusatzfunktionen, die Sie auch in HTML umsetzen könnten – nur schneller und direkter. Damit vermeiden Sie Fehler, die durch falsche HTML-Codes und Vertipper auftreten. Die Widgets sind kleine Bausteine, die Sie frei in den Design-Feldern Ihrer Website platzieren, um Funktionen, Medien oder Inhalte anderer Websites einzufügen. Bräuchten Sie beispielsweise für die korrekte Einbindung eines YouTube-Videos – das auch noch an einer bestimmten Stelle in bestimmter Größe dargestellt werden soll – einen komplizierten HTML-Code, funktioniert das im Homepage-Baukasten per Drag & Drop. Dafür gehen Sie auf „Inhaltselemente“, wählen das YouTube-Widget aus, ziehen es an die gewünschte Stelle und wählen die richtige Größe. Nun fügen Sie nur noch die URL des Videos ein. Ähnlich verhält es sich mit allen anderen Widgets, beispielsweise:

  • die Verknüpfung Ihrer Facebook-, Twitter-, Xing- oder LinkedIn-Site – so können Ihnen Ihre Besucher auch sofort in den sozialen Medien folgen
  • eine Einbindung des Lageplans mittels Google Maps – damit Kunden Sie schneller finden
  • die Verknüpfung mit einem Amazon-Produkt – um den Verkauf Ihrer Produkte anzukurbeln
  • eine Download-Möglichkeit für eine Datei – egal ob Speisekarte, Pressematerial oder technische Spezifikationen
  • ein Umfrage-Widget – mit dem Sie beispielsweise erfahren, was Ihre Kunden von Ihrem Angebot halten und wie Sie es verbessern können
  • ein Gästebuch – um die Interaktivität mit Ihrer Website zu steigern
  • einen Newsticker – insbesondere interessant für Websites, die sich mit dem aktuellen Tagesgeschehen befassen
  • die Verknüpfung mit einem Podcast – damit sie Ihren Besuchern interessante Audio-Inhalte bieten können


Ein Widget für alle nicht verfügbaren Widgets

Sie finden kein passendes Widget und müssen doch in den Homepage-Baukasten einen HTML-Code einfügen? Tatsächlich gibt es auch ein Widget für nicht passende Widgets! Mit dem Embed-Widget fügen Sie externe Inhalte auf Ihrer Website ein, die nicht als eigenes Widget zur Verfügung stehen. Voraussetzung dafür ist, dass jene Angebote die von Ihnen gewünschten Inhalte als Code zur Verfügung stellen. Dazu gehören beispielsweise folgende Angebote:

  • Spotify-Playlists
  • Deezer-Listen
  • Instagram-Bilder
  • Pinterest-Postings
  • Bilder von Deviant Art
  • Affiliate-Banner

So verwenden Sie das Embed-Widget

  1. Das Embed-Widget finden Sie wie die restlichen Widgets unter „Inhaltselemente“ und „Widgets“.

  2. Eine Übersicht der Widgets inklusive dem Embed-Widget, um in den Homepage-Baukasten HTML-Code einzufügen.
    Das Embed-Widget finden Sie unter „Inhaltselemente“ und „Widgets“.
  3. Ziehen Sie das Widget an die gewünschte Stelle in Ihrer Website.
  4. Klicken Sie auf das Zahnrad rechts oben in der Ecke.
  5. Es öffnet sich ein Fenster, in das Sie den Code des gewünschten Dienstes hineinkopieren.
  6. Rufen Sie die Website des Angebotes auf, das Sie auf Ihrer Site einbauen möchten.
  7. Viele Websites stellen Ihnen Codes zur Verfügung, damit Sie deren Inhalte einbauen können. So finden Sie beispielsweise auf Pinterest nach jedem Klick auf einen Pin über dem Bild das Zeichen „…“. Klicken Sie darauf und gehen Sie anschließend auf „Einbinden“.
  8. Es öffnet sich eine neue Seite mit der URL des Pins. Unten finden Sie den Code, den Sie nun kopieren.
  9. Fügen Sie diesen Code in das Embed-Widget ein. Anschließend lassen Sie sich eine Vorschau der Homepage-Baukasten-Website anzeigen.
  10. Der eingefügte externe Inhalt sollte nun an der ausgewählten Stelle zu sehen sein.

Die Darstellung eines Pinterest-Pins, nachdem im Homepage-Baukasten der HTML-Code eingefügt wurde.
Ein Beispiel für die Darstellung eines Pinterest-Pins per Embed-Widget.

Auf Websites, die Sie gerne einbinden möchten, sehen Sie in der Navigation, ob die Site Widget-Codes zur Verfügung stellt. So bietet beispielsweise Wetter.com einen Widget-Code an – sehr praktisch bei Websites für Ferienwohnungen oder Outdoor-Aktivitäten, denn damit sehen Ihre Website-Besucher auf einen Blick, wie das Wetter bei Ihnen ist. Darüber hinaus sind weitreichende Social-Media-Funktionen integriert – so punkten Sie nicht nur mit Ihrer professionellen Website, sondern auch durch eine direkte Ansprache Ihrer Kunden.

Die Darstellung des Wetter.com-Widgets mit Homepage-Baukasten.
Das Wetter.com-Widget auf einer Homepage-Baukasten-Website.

Zusammenfassung

  • Für den Homepage-Baukasten sind keine HTML-Kenntnisse notwendig.
  • Sie benötigen keinen teuren Webdesigner, sondern werden selbst zu einem.
  • Sie wählen aus einer großen Anzahl an Layouts für jede Branche.
  • Der Editor ermöglicht die Einbindung von Text, Bildern und Videos.
  • Mit den Widgets bringen Sie sogar externe Inhalte auf Ihre Website.
  • Geprüfte Sicherheit

    Geprüfte Sicherheit
  • Service-Sieger

    Service-Sieger
  • 24/7-Support (optional)

    24/7-Support
  • Deutscher Datenschutz

    Deutscher Datenschutz