appMobirise — No-Code: Conceptos, Paso a paso, Cuestionario y Videos

Sitios estáticos sin programar. Rápido, ordenado y sin circo.

Mobirise: lo que es y lo que no

Mobirise es un constructor no-code de escritorio (offline) para crear sitios estáticos con bloques prediseñados. Exporta HTML/CSS/JS listo para subir a cualquier hosting.

Bloques, temas y extensiones

Bloques

  • Secciones listas: hero, menú, galerías, formularios, pie, etc.
  • Arrastrar/soltar, reordenar y duplicar. Puedes guardar “User Blocks”.

Temas/Estilos

  • Colores y tipografías globales en Site/Theme Styles.
  • Extensiones opcionales (p.ej., Code Editor) para insertar código propio.
Fortalezas y límites

Fortalezas

  • Rápido para landing pages, portafolios y sitios informativos.
  • Sin servidor especial: sirve archivos estáticos.
  • Responde bien en móvil (base Bootstrap en muchos temas).

Ojo con…

  • Funcionalidades dinámicas complejas (blogs, usuarios) requieren integrar servicios externos.
  • Formularios necesitan un backend/servicio de envío.
  • Cambiar de tema a mitad de proyecto puede romper estilos.

Tip Primero el contenido, luego el diseño; menos bloque “bonito”, más claridad.

Paso a paso (de cero a publicado)

1) Instalar y crear proyecto

Instalación

  • Descarga e instala. Abre y elige un Theme.
  • Activa extensiones si las tienes (p.ej., Code Editor).

Nuevo sitio

  • Crea el proyecto y guarda con frecuencia.
  • Plan: Home, Sobre mí, Servicios, Contacto (lo clásico que funciona).
2) Armar páginas con bloques

Bloques y edición

  • Arrastra bloques, edita textos/imágenes; usa el panel de opciones del bloque.
  • Define anchors (IDs) para secciones y navegación interna.

Estilo global

  • Site/Theme Styles: colores, fuentes, tamaños (coherencia visual).
  • SEO básico por página: Title y Description.
3) Formularios, menús y assets

Formularios

  • Configura servicio de envío (Form backend/Email). Sin backend, no hay magia.
  • Recaptcha y campos obligatorios: menos spam, más datos limpios.

Menú/medios

  • Menu sticky si aplica; links a páginas/anchors/mail (mailto:).
  • Optimiza imágenes (peso y tamaño). Favicon en ajustes del sitio.
4) Publicar y dominio

Publicar

  • Publish a carpeta local para revisar.
  • Sube por FTP/SFTP o publica a GitHub Pages si lo prefieres.

Dominio y copias

  • Apunta el dominio al hosting y coloca los archivos en public_html.
  • Respalda project.mobirise y la carpeta exportada.

Checklist Contenido → Bloques → Estilo global → SEO por página → Formularios → Publish → Pruebas → Subir al hosting → SSL/HTTPS.

Videos recomendados

Intro, armado con bloques, publicación y tips.

Instalación rápida e introducción a Mobirise

¿Que es?, instalación paso a paso y ejemplos en Mobirise

Cuestionario (5 preguntas al azar)

Pulsa “Nuevo cuestionario” para generar 5 preguntas del banco de 25. Responde y “Calificar”.

Banco: 25