Constructeur de pages HTML

Exemple de code et faits mis à jour le 13 octobre 2026 · Mobirise

Ce que vous faites

Vous empilez des blocs préparés, remplacez le texte factice et ajoutez vos images. Les paramètres de chaque bloc règlent les marges intérieures, l'arrière-plan, les éléments visibles et le nombre de colonnes ; personne ne tape une balise.

Ce que vous obtenez

Des pages statiques : des fichiers .html avec leur CSS et leur JavaScript, sur Bootstrap 5. Tous les blocs sont responsive, donc un même fichier s'adapte d'un petit téléphone à un large écran.

Coût

L'application est gratuite, y compris pour un usage commercial, et inclut un thème de base avec plus de 200 blocs. Pour 149 $ par an, KIT débloque la bibliothèque premium (plus de 220 thèmes et extensions) et supprime le badge Mobirise.

Récupérer les fichiers

Sans frais dans l'application de bureau, qui publie le site complet dans un dossier local de votre choix. L'export de site du créateur en ligne demande BASE ou GROW.

Toucher au code

Avec un plan payant, l'extension Code Editor ouvre n'importe quel bloc, ou la page entière, pour que vous puissiez modifier son HTML et son CSS.

Systèmes compatibles

Windows 7 ou ultérieur : MobiriseSetup.exe (~105 Mo). macOS à partir de 10.13 High Sierra : un .dmg Apple Silicon ou Intel (~134 Mo chacun). Linux basé sur Debian, comme Ubuntu : un .deb (~102 Mo). Version 6.1.12 ; le même moteur s'ouvre aussi dans un navigateur.

Hébergement

Votre serveur existant via FTP ou FTPES, un dépôt GitHub Pages, ou un sous-domaine mobirisesite.com avec HTTPS sans frais (trois sites sur le plan gratuit).

Moins adapté à

Retravailler du HTML produit par un autre outil. Seuls les projets Mobirise se chargent dans Mobirise.

Un bloc d'une démo publique de Mobirise : la rangée de fonctionnalités du site de gestion des stocks ControlM5, la première des trois captures d'écran de bureau sous le titre de la page. Les décorations de bordure et trois cartes répétées sont coupées et l'indentation est plus courte ; rien d'autre n'est modifié.

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

Tiré de la démo de gestion des stocks ControlM5, bloc features01, lu en octobre 2026 et raccourci. L'orange signale les classes de grille Bootstrap, le bleu les classes de bloc et de texte de Mobirise.

container, row, col-12

La grille de Bootstrap. La rangée extérieure contient une colonne pleine largeur ; la rangée intérieure contient les quatre cartes de fonctionnalités.

col-12 col-lg-3

Une carte occupe toute la largeur d'un téléphone et un quart de la rangée à partir du point de rupture lg de Bootstrap (992 pixels), donc les quatre cartes s'alignent sur un ordinateur portable et s'empilent sur un téléphone.

features01 controlm5 cid-vgZMybvHpp

Le design du bloc, son thème et une classe qu'aucun autre bloc n'a. Sous cette classe, mbr-additional.css définit un padding-top et un padding-bottom de 5rem, un arrière-plan sombre et une bordure inférieure : le genre de valeurs que contrôlent les paramètres du bloc.

mbr-fonts-style display-4

Un style de texte partagé sur tout le site. Ici, display-4 applique la police Geist à 0.875rem, plus une règle de taille fluide pour les écrans étroits.

data-bs-version="5.1"

Indique que la section est du balisage Bootstrap 5. La couleur de l'icône est écrite en ligne, et son glyphe provient de la police d'icônes Mobirise.

Pas minimaliste : les blocs contiennent aussi des conteneurs qui n'existent que pour l'apparence, comme les éléments de bordure supprimés ici. La page constructeur Bootstrap détaille comment les blocs utilisent la grille.

Les fichiers que charge la même démo, relevés d'après les chemins de son HTML ; d'autres thèmes peuvent utiliser des dossiers légèrement différents.

Chercher un outil pour créer des pages HTML renvoie plusieurs sortes de logiciels. La distinction pratique : un dossier que vous pouvez déposer sur n'importe quel serveur, ou une page qui vit à l'intérieur d'une plateforme.

Constructeurs de bureau, éditeurs de code et un générateur IA, comparés sur ce qui compte quand le HTML est l'objectif : le framework, l'accès au code et la destination des fichiers. Les lignes où un autre outil l'emporte sont conservées.

Sources : pages produit, tarifs et aide sur le site de chaque éditeur, consultées le 13 octobre 2026. Les montants sont en dollars américains hors taxes, et chaque cellule indique sa base de facturation (paiement unique, mensuel ou annuel) ; hors des États-Unis, Pinegrow et Adobe affichent des devises locales. Les conditions changent souvent ; vérifiez-les avant d'acheter.

Choisissez selon la tâche à accomplir ; Mobirise est la bonne réponse pour certaines de ces tâches et la mauvaise pour d'autres.

Sans code ni facture, avec les fichiers en main

Mobirise : une application gratuite dont les pages Bootstrap 5 vont sur l'hébergeur de votre choix.

Retravailler un site existant

Pinegrow ou Dreamweaver, qui ouvrent tous deux n'importe quel HTML. Mobirise ne peut pas l'importer.

Tailwind CSS ou balisage sans framework

Pinegrow.

Des composants Bootstrap pour un paiement unique

Bootstrap Studio, à 29 $ ou 59 $ en paiement unique.

Taper chaque balise vous-même, gratuitement, sous Windows

L'éditeur HTML gratuit de CoffeeCup.

Travailler le code dans Creative Cloud

Dreamweaver, si vous payez déjà les applications d'Adobe.

Voir d'abord un design IA gratuitement

8B AI, où l'étape de conception est gratuite et où la mise en ligne demande le plan Pro à 9 $ par mois.

Un brouillon à partir d'une description, puis des blocs à modifier

Mobirise AI : quatre variantes par prompt, 3 générations gratuites par mois, puis export depuis l'application de bureau.

Mobirise est un créateur HTML pour ceux qui préfèrent ne pas toucher au balisage. Dans l'application de bureau, le chemin d'un projet vide aux fichiers sur un serveur compte quatre étapes.