Constructor de páginas HTML

Código de muestra y datos actualizados el 13 de octubre de 2026 · Mobirise

Qué haces

Apilas bloques ya preparados, sustituyes el texto de ejemplo y añades tus imágenes. Los ajustes de cada bloque definen el espaciado, el fondo, los elementos visibles y el número de columnas; nadie escribe una etiqueta.

Qué obtienes

Páginas estáticas: archivos .html con su CSS y su JavaScript, sobre Bootstrap 5. Todos los bloques son adaptables, así que un mismo archivo se ajusta desde un teléfono pequeño hasta un monitor ancho.

Coste

La aplicación es gratuita, también para uso comercial, e incluye un tema básico con más de 200 bloques. Por 149 USD al año, KIT desbloquea la biblioteca premium (más de 220 temas y extensiones) y elimina la marca de Mobirise.

Cómo conseguir los archivos

Sin coste en la aplicación de escritorio, que publica el sitio completo en la carpeta local que elijas. La función Site Export del creador en el navegador requiere BASE o GROW.

Acceso al código

Con un plan de pago, la extensión Code Editor abre cualquier bloque, o la página entera, para que puedas cambiar su HTML y su CSS.

Dónde funciona

Windows 7 o posterior: MobiriseSetup.exe (~105 MB). macOS desde la 10.13 High Sierra: un .dmg para Apple Silicon o para Intel (~134 MB cada uno). Linux basado en Debian, como Ubuntu: un .deb (~102 MB). Versión 6.1.12; el mismo motor también se abre en un navegador.

Hosting

Tu servidor actual por FTP o FTPES, un repositorio de GitHub Pages o un subdominio gratuito de mobirisesite.com con HTTPS (tres sitios en el plan gratuito).

No es lo más adecuado para

Reelaborar HTML generado por otra herramienta. En Mobirise solo se cargan proyectos de Mobirise.

Un bloque de una demo pública de Mobirise: la fila de características del sitio de gestión de inventario ControlM5, la primera de las tres capturas de escritorio que hay bajo el título de la página. Se han recortado los adornos de borde y tres tarjetas repetidas, y la sangría es más corta; no se ha cambiado nada más.

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

Tomado de la demo de gestión de inventario de ControlM5, bloque features01, leído en octubre de 2026 y abreviado. El naranja marca las clases de la cuadrícula de Bootstrap; el azul, las clases de bloque y de texto de Mobirise.

container, row, col-12

La cuadrícula de Bootstrap. La fila exterior contiene una columna de ancho completo; la fila interior contiene las cuatro tarjetas de características.

col-12 col-lg-3

Una tarjeta ocupa todo el ancho en un teléfono y una cuarta parte de la fila desde el punto de corte lg de Bootstrap (992 píxeles) en adelante, así que las cuatro tarjetas se alinean en un portátil y se apilan en un teléfono.

features01 controlm5 cid-vgZMybvHpp

El diseño del bloque, su tema y una clase que ningún otro bloque tiene. Con esa clase, mbr-additional.css fija padding-top y padding-bottom de 5rem, un fondo oscuro y un borde inferior: el tipo de valores que controlan los ajustes del bloque.

mbr-fonts-style display-4

Un estilo de texto compartido por todo el sitio. Aquí display-4 define la fuente Geist a 0.875rem, además de una regla de tamaño fluido para pantallas estrechas.

data-bs-version="5.1"

Indica que la sección usa marcado de Bootstrap 5. El color del icono se escribe directamente en el elemento, y su glifo procede de la fuente de iconos de Mobirise.

No es un código mínimo: los bloques también llevan contenedores que existen solo por el aspecto, como los elementos de borde recortados aquí. La página del constructor de Bootstrap explica con más detalle cómo usan los bloques la cuadrícula.

Los archivos que carga la misma demo, leídos a partir de las rutas de su HTML; otros temas pueden usar carpetas ligeramente distintas.

Si buscas un constructor de páginas HTML, encontrarás varios tipos de software. La división práctica es esta: una carpeta que puedes poner en cualquier servidor, o una página que vive dentro de una plataforma.

Constructores de escritorio, editores de código y un generador con IA, comparados en lo que importa cuando el objetivo es el HTML: el framework, el acceso al código y adónde pueden ir los archivos. Se mantienen las filas en las que gana otra herramienta.

Fuentes: páginas de producto, precios y ayuda del sitio web de cada proveedor, consultadas el 13 de octubre de 2026. Los importes están en dólares estadounidenses sin impuestos, y cada celda indica su base de facturación (pago único, mensual o anual); fuera de EE. UU., Pinegrow y Adobe muestran los precios en moneda local. Las condiciones cambian a menudo; compruébalas antes de comprar.

Elige según el trabajo que tengas delante; Mobirise es la respuesta correcta para algunos de estos casos y la equivocada para otros.

Sin código y sin factura, con los archivos en la mano

Mobirise: una aplicación gratuita cuyas páginas en Bootstrap 5 van a cualquier hosting que uses.

Reformar un sitio existente

Pinegrow o Dreamweaver, que abren cualquier HTML. Mobirise no puede importarlo.

Tailwind CSS o marcado sin framework

Pinegrow.

Componentes de Bootstrap con un solo pago

Bootstrap Studio, por 29 USD o 59 USD en un pago único.

Escribir tú mismo cada etiqueta, gratis y en Windows

El editor HTML gratuito de CoffeeCup.

Trabajo con código dentro de Creative Cloud

Dreamweaver, si ya pagas las aplicaciones de Adobe.

Ver primero gratis un diseño con IA

8B AI, donde la fase de diseño es gratuita y para publicar hace falta el plan Pro, de 9 USD al mes.

Un borrador a partir de una descripción y después bloques que editas

Mobirise AI: cuatro diseños por prompt, 3 generaciones con IA gratuitas al mes y, después, exportación desde la aplicación de escritorio.

Mobirise es un creador de HTML para quienes prefieren no tocar el marcado. En la aplicación de escritorio, el camino desde un proyecto vacío hasta los archivos en un servidor tiene cuatro etapas.