HTML-paginabouwer

Codevoorbeeld en feiten bijgewerkt op 13 oktober 2026 · Mobirise

Wat je doet

Je stapelt kant-en-klare blokken, vervangt de voorbeeldtekst en voegt je eigen afbeeldingen toe. De instellingen van elk blok bepalen padding, achtergrond, zichtbare items en het aantal kolommen; niemand typt een tag.

Wat je krijgt

Statische pagina's: .html-bestanden met bijbehorende CSS en JavaScript, gebouwd op Bootstrap 5. Alle blokken zijn responsive, dus één bestand past zich aan van een kleine telefoon tot een brede monitor.

Kosten

De app is gratis te gebruiken, ook commercieel, en bevat een basisthema met 200+ blokken. Voor $149 per jaar ontgrendelt KIT de premiumbibliotheek (220+ thema's en extensies) en verdwijnt de Mobirise-badge.

De bestanden ophalen

Gratis in de desktop-app, die de complete site publiceert naar een lokale map naar keuze. Voor Site Export in de browserversie heb je BASE of GROW nodig.

De code aanpassen

Met een betaald abonnement opent de extensie Code Editor elk blok, of de pagina als geheel, zodat je de HTML en CSS kunt wijzigen.

Waar het draait

Windows 7 of nieuwer: MobiriseSetup.exe (~105 MB). macOS vanaf 10.13 High Sierra: een .dmg voor Apple Silicon of voor Intel (elk ~134 MB). Linux op basis van Debian, zoals Ubuntu: een .deb (~102 MB). Versie 6.1.12; dezelfde engine werkt ook in een browser.

Hosting

Je bestaande server via FTP of FTPES, een GitHub Pages-repository of een mobirisesite.com-subdomein met HTTPS zonder kosten (drie sites in het gratis abonnement).

Minder geschikt voor

HTML bewerken die met een andere tool is gemaakt. Alleen Mobirise-projecten laden in Mobirise.

Eén blok uit een openbare Mobirise-demo: de rij met functies van de ControlM5-site voor voorraadbeheer, de eerste van de drie desktopscreenshots onder de paginatitel. Decoratieve randen en drie herhaalde kaarten zijn weggelaten en de inspringing is korter; verder is niets gewijzigd.

<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>

Uit de ControlM5-demo voor voorraadbeheer, blok features01, uitgelezen in oktober 2026 en ingekort. Oranje markeert de gridklassen van Bootstrap, blauw de blok- en tekstklassen van Mobirise.

container, row, col-12

Het grid van Bootstrap. De buitenste rij bevat één kolom over de volle breedte; de binnenste rij bevat de vier functiekaarten.

col-12 col-lg-3

Op een telefoon beslaat een kaart de volle breedte en vanaf het lg-breakpoint van Bootstrap (992 pixels) een kwart van de rij, dus de vier kaarten staan op een laptop naast elkaar en op een telefoon onder elkaar.

features01 controlm5 cid-vgZMybvHpp

Het blokontwerp, het thema en een klasse die geen ander blok heeft. Onder die klasse stelt mbr-additional.css een padding-top en padding-bottom van 5rem in, een donkere achtergrond en een rand onderaan: het soort waarden dat de blokinstellingen bepalen.

mbr-fonts-style display-4

Een tekststijl die over de hele site wordt gedeeld. Hier stelt display-4 het lettertype Geist in op 0,875rem, plus een regel voor vloeiende lettergroottes op smalle schermen.

data-bs-version="5.1"

Markeert de sectie als Bootstrap 5-markup. De kleur van het pictogram staat inline en het symbool komt uit het Mobirise-pictogramlettertype.

Niet minimaal: blokken bevatten ook wrappers die alleen voor het uiterlijk bestaan, zoals de hier weggelaten randelementen. Op de pagina over de Bootstrap-bouwer lees je meer over hoe blokken het grid gebruiken.

De bestanden die dezelfde demo laadt, gelezen uit de paden in de HTML; andere thema's kunnen iets andere mappen gebruiken.

Een zoekopdracht naar een HTML-paginabouwer levert verschillende soorten software op. Het praktische onderscheid: een map die je op elke server kunt zetten, of een pagina die binnen een platform leeft.

Desktopbouwers, codeeditors en één AI-generator, vergeleken op wat telt als HTML het doel is: het framework, toegang tot de code en waar de bestanden naartoe kunnen. Rijen waarin een andere tool wint, zijn blijven staan.

Bronnen: product-, prijs- en helppagina's op de eigen site van elke aanbieder, bezocht op 13 oktober 2026. Bedragen zijn in Amerikaanse dollars exclusief belasting en elke cel noemt de factureringsbasis (eenmalig, maandelijks of jaarlijks); buiten de VS rekenen Pinegrow en Adobe in lokale valuta. Voorwaarden veranderen vaak; controleer ze voordat je koopt.

Kies op basis van de klus die voor je ligt; Mobirise is voor sommige daarvan het juiste antwoord en voor andere het verkeerde.

Geen code en geen rekening, mét de bestanden in handen

Mobirise: een gratis app waarvan de Bootstrap 5-pagina's naar elke host kunnen die je gebruikt.

Een bestaande site bewerken

Pinegrow of Dreamweaver, die allebei elke HTML openen. Mobirise kan die niet importeren.

Tailwind CSS of markup zonder framework

Pinegrow.

Bootstrap-componenten voor één betaling

Bootstrap Studio, voor $29 of $59 eenmalig.

Elke tag zelf typen, gratis, op Windows

De gratis HTML-editor van CoffeeCup.

Codewerk binnen Creative Cloud

Dreamweaver, als je al betaalt voor de apps van Adobe.

Eerst gratis een AI-ontwerp bekijken

8B AI, waar de ontwerpfase gratis is en live gaan het Pro-abonnement van $9 per maand vraagt.

Een concept op basis van een beschrijving, daarna blokken die je zelf bewerkt

Mobirise AI: vier varianten per prompt, 3 gratis generaties per maand, daarna exporteren vanuit de desktop-app.

Mobirise is een HTML-maker voor mensen die liever niet met markup werken. In de desktop-app loopt de route van een leeg project naar bestanden op een server in vier stappen.