Costruttore di pagine HTML

Esempio di codice e dati aggiornati il 13 ottobre 2026 · Mobirise

Cosa fai

Impili blocchi già pronti, sostituisci i testi segnaposto e aggiungi le tue immagini. Il pannello dei parametri di ogni blocco decide spaziatura interna, sfondo, elementi visibili e numero di colonne; nessuno scrive un tag.

Cosa ottieni

Pagine statiche: file .html con i relativi CSS e JavaScript, su Bootstrap 5. Tutti i blocchi sono responsive, quindi un solo file si adatta da un piccolo telefono a un monitor ampio.

Costo

L'app è gratuita, anche per uso commerciale, e include un tema base con oltre 200 blocchi. Con 149 $ all'anno, KIT sblocca la libreria premium (oltre 220 temi ed estensioni) ed elimina il badge Mobirise.

Ottenere i file

Nessun costo nell'app desktop, che pubblica il sito completo in una cartella locale a tua scelta. L'esportazione del sito dalla versione online richiede BASE o GROW.

Mettere mano al codice

Con un piano a pagamento, l'estensione Code Editor apre qualsiasi blocco, o la pagina intera, così puoi modificarne HTML e CSS.

Dove funziona

Windows 7 o successivo: MobiriseSetup.exe (~105 MB). macOS dalla 10.13 High Sierra: un .dmg per Apple Silicon o per Intel (~134 MB ciascuno). Linux basato su Debian, come Ubuntu: un .deb (~102 MB). Versione 6.1.12; lo stesso motore si apre anche in un browser.

Hosting

Il tuo server attuale via FTP o FTPES, un repository GitHub Pages, oppure un sottodominio mobirisesite.com con HTTPS senza costi (tre siti nel piano gratuito).

Meno adatto a

Rielaborare HTML prodotto da un altro strumento. In Mobirise si aprono solo i progetti Mobirise.

Un blocco di una demo pubblica di Mobirise: la riga delle funzionalità del sito di gestione del magazzino ControlM5, il primo dei tre screenshot desktop sotto il titolo della pagina. Le decorazioni dei bordi e tre card ripetute sono state tolte e l'indentazione è più corta; nient'altro è stato modificato.

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

Dalla demo di gestione del magazzino ControlM5, blocco features01, letto a ottobre 2026 e accorciato. L'arancione indica le classi della griglia Bootstrap, il blu le classi Mobirise del blocco e del testo.

container, row, col-12

La griglia di Bootstrap. La riga esterna contiene una colonna a tutta larghezza; la riga interna contiene le quattro card delle funzionalità.

col-12 col-lg-3

Una card occupa tutta la larghezza su un telefono e un quarto della riga dal breakpoint lg di Bootstrap (992 pixel) in su, così le quattro card si affiancano su un portatile e si impilano su un telefono.

features01 controlm5 cid-vgZMybvHpp

Il design del blocco, il suo tema e una classe che nessun altro blocco ha. Sotto quella classe, mbr-additional.css imposta padding-top e padding-bottom di 5rem, uno sfondo scuro e un bordo inferiore: il tipo di valori che si regolano nel pannello dei parametri del blocco.

mbr-fonts-style display-4

Uno stile di testo condiviso in tutto il sito. Qui display-4 imposta il font Geist a 0.875rem, più una regola di dimensione fluida per gli schermi stretti.

data-bs-version="5.1"

Indica che la sezione usa markup Bootstrap 5. Il colore dell'icona è scritto inline e il suo glifo proviene dal font di icone di Mobirise.

Non è minimale: i blocchi contengono anche wrapper che esistono solo per l'aspetto, come gli elementi dei bordi tolti qui. La pagina sul costruttore Bootstrap approfondisce come i blocchi usano la griglia.

I file che la stessa demo carica, letti dai percorsi nel suo HTML; altri temi possono usare cartelle leggermente diverse.

Cercando un costruttore di pagine HTML si trovano diversi tipi di software. La divisione pratica: una cartella che puoi mettere su qualsiasi server, oppure una pagina che vive dentro una piattaforma.

Costruttori desktop, editor di codice e un generatore AI, confrontati su ciò che conta quando l'obiettivo è l'HTML: il framework, l'accesso al codice e dove possono andare i file. Le righe in cui vince un altro strumento sono rimaste.

Fonti: pagine di prodotto, prezzi e assistenza sul sito di ciascun fornitore, consultate il 13 ottobre 2026. Gli importi sono in dollari USA, tasse escluse, e ogni cella indica la base di fatturazione (una tantum, mensile o annuale); fuori dagli Stati Uniti, Pinegrow e Adobe espongono i prezzi in valuta locale. Le condizioni cambiano spesso: verificale prima di acquistare.

Scegli in base al lavoro che hai davanti: Mobirise è la risposta giusta per alcuni di questi casi e quella sbagliata per altri.

Niente codice e niente spese, con i file in mano

Mobirise: un'app gratuita le cui pagine Bootstrap 5 vanno su qualsiasi hosting tu usi.

Rielaborare un sito esistente

Pinegrow o Dreamweaver, che aprono qualsiasi HTML. Mobirise non può importarlo.

Tailwind CSS o markup senza framework

Pinegrow.

Componenti Bootstrap con un pagamento unico

Bootstrap Studio, a 29 $ o 59 $ una tantum.

Scrivere ogni tag da solo, gratis, su Windows

L'editor HTML gratuito di CoffeeCup.

Lavoro sul codice dentro Creative Cloud

Dreamweaver, se già paghi le app di Adobe.

Vedere prima un design AI gratis

8B AI, dove la fase di design è gratuita e per andare online serve il piano Pro da 9 $ al mese.

Una bozza da una descrizione, poi blocchi da modificare

Mobirise AI: quattro design per prompt, 3 generazioni AI gratuite al mese, poi l'esportazione dall'app desktop.

Mobirise è un creatore di HTML per chi preferisce non toccare il markup. Nell'app desktop, il percorso da un progetto vuoto ai file su un server ha quattro fasi.