HTML-Seitenersteller

Codebeispiel und Fakten aktualisiert am 13. Oktober 2026 · Mobirise

Was Sie tun

Sie stapeln vorgefertigte Blöcke, ersetzen die Platzhaltertexte und fügen Ihre Bilder ein. Die Einstellungen jedes Blocks bestimmen Innenabstand, Hintergrund, sichtbare Elemente und Spaltenzahl; niemand tippt ein Tag.

Was Sie bekommen

Statische Seiten: .html-Dateien samt CSS und JavaScript, auf Basis von Bootstrap 5. Alle Blöcke sind responsiv, sodass sich eine Datei vom kleinen Smartphone bis zum breiten Monitor anpasst.

Kosten

Die App ist kostenlos nutzbar, auch kommerziell, und enthält ein Basis-Theme mit 200+ Blöcken. Für 149 $ pro Jahr schaltet KIT die Premium-Bibliothek frei (220+ Themes und Erweiterungen) und entfernt das Mobirise-Badge.

An die Dateien kommen

In der Desktop-App kostenlos: Sie veröffentlicht die komplette Website in einen lokalen Ordner Ihrer Wahl. Der Site Export der Browser-Version erfordert BASE oder GROW.

Zugriff auf den Code

Mit einem kostenpflichtigen Plan öffnet die Erweiterung Code Editor jeden Block oder die gesamte Seite, sodass Sie HTML und CSS ändern können.

Wo es läuft

Windows 7 oder neuer: MobiriseSetup.exe (ca. 105 MB). macOS ab 10.13 High Sierra: eine .dmg für Apple Silicon oder für Intel (je ca. 134 MB). Debian-basiertes Linux wie Ubuntu: eine .deb (ca. 102 MB). Version 6.1.12; dieselbe Engine läuft auch im Browser.

Hosting

Ihr vorhandener Server per FTP oder FTPES, ein GitHub-Pages-Repository oder eine mobirisesite.com-Subdomain mit HTTPS ohne Kosten (drei Websites im kostenlosen Plan).

Weniger geeignet für

Das Überarbeiten von HTML, das ein anderes Tool erzeugt hat. In Mobirise lassen sich nur Mobirise-Projekte laden.

Ein Block aus einer öffentlichen Mobirise-Demo: die Feature-Zeile der ControlM5-Lagerverwaltungs-Website, der erste der drei Desktop-Screenshots unter dem Seitentitel. Rahmendekorationen und drei wiederholte Karten sind weggelassen, die Einrückung ist kürzer; sonst wurde nichts verändert.

<section data-bs-version="5.1" class="features01 controlm5 cid-vgZMybvHpp" id="features01-2">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="content-wrapper">
          <!-- decorative border elements trimmed -->
          <div class="row items-wrapper">
            <div class="col-12 col-lg-3 item features-without-image">
              <div class="item-wrapper">
                <div class="iconfont-wrapper">
                  <span class="cards-icon mbr-iconfont mobi-mbri-layers mobi-mbri" style="color: rgb(150, 140, 120); fill: rgb(150, 140, 120);"></span>
                </div>
                <h4 class="item-title mbr-fonts-style display-4">
                  <strong>STOCK TRACKING</strong>
                </h4>
                <p class="item-text mbr-fonts-style display-4">
                  Monitor product quantities, locations.
                </p>
              </div>
            </div>
            <!-- three more cards with the same markup trimmed -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Aus der Lagerverwaltungs-Demo von ControlM5, Block features01, im Oktober 2026 gelesen und gekürzt. Orange markiert Bootstrap-Grid-Klassen, Blau markiert Mobirise-Block- und Textklassen.

container, row, col-12

Das Grid von Bootstrap. Die äußere Zeile (row) enthält eine Spalte in voller Breite; die innere Zeile enthält die vier Feature-Karten.

col-12 col-lg-3

Eine Karte füllt auf dem Smartphone die ganze Breite und ab dem lg-Breakpoint von Bootstrap (992 Pixel) ein Viertel der Zeile, sodass die vier Karten auf einem Laptop nebeneinanderstehen und auf dem Smartphone untereinander gestapelt werden.

features01 controlm5 cid-vgZMybvHpp

Das Blockdesign, sein Theme und eine Klasse, die kein anderer Block hat. Unter dieser Klasse setzt mbr-additional.css padding-top und padding-bottom von 5rem, einen dunklen Hintergrund und einen unteren Rahmen: Werte, wie sie die Block-Einstellungen steuern.

mbr-fonts-style display-4

Ein Textstil, der auf der ganzen Website gilt. Hier setzt display-4 die Schrift Geist mit 0.875rem, dazu eine fließende Größenregel für schmale Bildschirme.

data-bs-version="5.1"

Kennzeichnet den Abschnitt als Bootstrap-5-Markup. Die Farbe des Icons steht inline im Element, das Symbol selbst stammt aus der Mobirise-Icon-Schriftart.

Nicht minimal: Blöcke enthalten auch Wrapper, die nur fürs Aussehen da sind, wie die hier weggelassenen Rahmenelemente. Die Seite zum Bootstrap-Builder geht genauer darauf ein, wie Blöcke das Grid nutzen.

Die Dateien, die dieselbe Demo lädt, ermittelt aus den Pfaden in ihrem HTML; andere Themes verwenden unter Umständen leicht abweichende Ordner.

Die Suche nach einem HTML-Seitenersteller liefert mehrere Arten von Software. Die praktische Trennlinie: ein Ordner, den Sie auf jeden Server legen können, oder eine Seite, die innerhalb einer Plattform lebt.

Desktop-Builder, Code-Editoren und ein KI-Generator, verglichen nach dem, was zählt, wenn das HTML das Ziel ist: das Framework, der Zugriff auf den Code und wohin die Dateien gehen können. Zeilen, in denen ein anderes Tool vorn liegt, bleiben stehen.

Quellen: Produkt-, Preis- und Hilfeseiten auf der jeweiligen Website des Anbieters, abgerufen am 13. Oktober 2026. Beträge in US-Dollar ohne Steuern; jede Zelle nennt ihre Abrechnungsbasis (einmalig, monatlich oder jährlich); außerhalb der USA nennen Pinegrow und Adobe Preise in Landeswährung. Konditionen ändern sich oft; prüfen Sie sie vor dem Kauf.

Richten Sie sich nach der Aufgabe, die vor Ihnen liegt; für manche davon ist Mobirise die richtige Antwort, für andere die falsche.

Kein Code und keine Rechnung, dafür die Dateien in der Hand

Mobirise: eine kostenlose App, deren Bootstrap-5-Seiten Sie bei jedem beliebigen Hoster hochladen können.

Eine bestehende Website überarbeiten

Pinegrow oder Dreamweaver, die beide beliebiges HTML öffnen. Mobirise kann es nicht importieren.

Tailwind CSS oder Markup ohne Framework

Pinegrow.

Bootstrap-Komponenten gegen eine Einmalzahlung

Bootstrap Studio, für einmalig 29 $ oder 59 $.

Jedes Tag selbst tippen, kostenlos, unter Windows

Der kostenlose HTML-Editor von CoffeeCup.

Code-Arbeit innerhalb der Creative Cloud

Dreamweaver, wenn Sie ohnehin für die Apps von Adobe zahlen.

Zuerst ein KI-Design kostenlos ansehen

8B AI, wo die Designphase kostenlos ist und für den Livegang der Pro-Plan für 9 $ pro Monat nötig ist.

Ein Entwurf aus einer Beschreibung, danach Blöcke zum Bearbeiten

Mobirise AI: vier Designs pro Prompt, 3 kostenlose KI-Generierungen pro Monat, danach Export aus der Desktop-App.

Mobirise ist ein HTML-Ersteller für alle, die lieber kein Markup anfassen. In der Desktop-App führt der Weg vom leeren Projekt zu den Dateien auf einem Server über vier Stationen.