Logo STRATO
  • Menü

Homepage-Baukasten: Ohne HTML-Kenntnisse zur Website

  • Zahlreiche Möglichkeiten zur individuellen Gestaltung
  • Keine Vorkenntnisse nötig
  • Unterstützung durch KI Tools
Smartwebsite
Plus
Umfassende Features für
wachsende Websites
12 Monate
 1 € /Mon.

danach 12 €/Mon.
Einrichtung: 0 €
Preise inkl. MwSt.

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-Idee ganz ohne Programmieren umsetzen
  • 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 zahlreichen Branchenvorlagen und übernehmen Sie diese. Alternativ bauen Sie Ihre Website mit AI (artificial intelligence, zu deutsch: künstliche Intelligenz) und lassen sich ein passendes Design vorschlagen.

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 einzelner Abschnitte nachträglich jederzeit ändern. Dafür wählen Sie den Menüpunkt „Design/Layout“ aus und klicken auf Farbe, Layout und Form Ihrer Wahl.

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.

example image

Schon entdeckt? Neue KI-Funktionen verfügbar!

  • KI Website-Generator
  • KI Text-Generator und -Optimierer
  • KI Bildgenerator
  • KI SEO-Assistent für die Meta-Daten Ihrer Website

Bilder und Videos ohne HTML einfügen

Selbst für die Einbettung multimedialer Inhalte brauchen Sie im Homepage-Baukasten keinen HTML-Code. Unter „Abschnittsoptionen“ sehen Sie unter "Elemente" zahlreiche Optionen, ein neues Element hinzuzufügen, darunter auch Bilder und Videos. In der Auswahl sehen Sie einige im Homepage-Baukasten enthaltene Bilder. 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.

Inhaltselemente im Homepage-Baukasten als HTML-Ersatz

Mit den Inhaltselementen 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 Inhaltselemente 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 über das Auswahlmenü der Inhaltselemente. Dafür gehen Sie in die Abschnittsoption „Elemente“, wählen über das Menü beim Plussymbol das Video-Element aus und ziehen es in die gewünschte Größe. Nun fügen Sie nur noch die URL des Videos ein. Ähnlich verhält es sich mit allen anderen Elementen, 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
  • eine Download-Möglichkeit für eine Datei – egal ob Speisekarte, Pressematerial oder technische Spezifikationen
  • ein Kontaktformular – damit Besuchende der Seite Kontakt mit Ihnen aufnehmen können

Ein Element für alle nicht verfügbaren Elemente

Sie finden kein passendes Element und müssen doch in den Homepage-Baukasten einen HTML-Code einfügen? Tatsächlich gibt es auch ein Element für nicht passende Elemente! Mit dem Embed-Element fügen Sie externe Inhalte auf Ihrer Website ein, die nicht als eigenes Element 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 HTML-Modul

  1. Das Embed-Element finden Sie wie die restlichen Elemente im Menü über das Plussymbol unter „HTML-Modul“.
  2. Wählen Sie das HTML-Modul aus.
  3. Wechseln Sie in die Abschnittsoption "Design".
  4. Klicken Sie das HTML-Modul an, sodass ein Menü mit der Option "Code" erscheint.
  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-Element 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.

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.

Zusammenfassung

  • Für den Homepage-Baukasten sind keine HTML-Kenntnisse notwendig.
  • Sie benötigen keine teure Agentur oder Webdesign-Freelancer, 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 Inhaltselementen bringen Sie sogar externe Inhalte auf Ihre Website.
  • Nutzen Sie das kostenlose E-Book als Anleitung zum Nachlesen.

Zu den Homepage-Baukasten Angeboten