Portada Magazine Apuntes Tutoriales Laboratorio Blog Contacto

Buscar...

0Compartir

Jueves, 24 Noviembre 2016 20:11 

MOBIRISE: TUTORIAL DE USO (I)

Comments::0 Comments

Valora este artículo (1 Voto)

Tutorial Mobirise: Introducción

¿Qué es Mobirise?
Mobirise es un programa gratuito que ofrece algunas características
adicionales de pago que resulta especialmente práctico para el diseño
rápido de sitios web, que pueden ser personalizados luego, mediante la
edición respectiva de los códigos. Ésto último es posible tanto mediante
el uso de una extensión (de pago) del propio programa, como mediante
un software de edición externo (Dreamweaver, Sublime Text, Atom,
Brackets, etc.).
Vamos entonces con un tutorial sobre la versión gratuita de Mobirise:
A. Descarga
0. Para quien no tenga aún descargado el programa, puede hacerlo accediendo a
https://mobirise.com/ (disponible actualmente en versiones para PC y Mac).

B. Ingreso al sistema
1. Una vez instalado Mobirise nos solicitará una dirección de email a la cual se nos enviará la
password correspondiente:

2. Pantalla de ingreso de la clave recibida (no es necesario repetir el proceso hasta desligarse
de la cuenta):

3. Confirmación de acceso:
4. Pantalla de bienvenida del programa, con la barra principal resaltada en rosa:

C. El menú laterial de Mobirise:

5. El administrador de páginas web del proyecto (ver más detalles aquí):
6. El manejador de sitios (proyectos) de Mobirise (ver más detalles aquí):

7. Manejo de la cuenta de acceso al programa:

8. Gestor de extensiones y temas disponibles para Mobirise (ver opciones haciendo clic aquí):
 9. Ayuda de Mobirise: Acceso a consultas (foros):

D. Manejo de bloques (más adelante hablaremos sobre

éstos):
10. Parámetros para el bloque seleccionado (estas opciones varían según el tipo de bloque):

11. Es posible almacenar un bloque editado en un espacio de usuario:

12. Botón para eliminar un bloque en concreto:

E. Edición de estilos y agregado de nuevos bloques a

nuestro proyecto:
13. Editor de estilos de Mobirise (permite cambiar ciertos parámetros básicos en el aspecto de
algunos componentes del sitio, ser verán más adelante):

14. Botón para agregar nuevos bloques:

F. La barra principal de Mobirise:
15. Vista en equipos de escritorio (pantallas grandes):

16. Previsualización en "formato tablet" (pantallas de tamaño medio):

17. Vista del diseño en dispositivos móviles (pantallas pequeñas):

18. Botón para vista previa en el navegador web (agente de usuario) disponible por defecto en
el equipo donde estemos corriendo Mobirise:
19. Publicación del proyecto (conversión de las páginas diseñadas en archivos html en forma
local o remota):

En próximas entradas veremos los detalles sobre cada una de estas opciones.

Saludos para todos!

Plácido Luna.

Visto 315 veces Modificado por última vez en Viernes, 25 Noviembre 2016 14:00

Etiquetado como #mobirise #tutoriales básicos #material cursos #diseño web #tutoriales
de diseño #freeware #freemium

Artículos relacionados (por etiqueta)

Consultorio Gráfico: Editando las guías en Illustrator

Media Queries: Enlaces recomendados

Laboratorio web: Los positionamientos static, relative, absolute y fixed

Diseño flotante y diseño alternativo en InDesing CC

Consultorio gráfico: Dibujando un cubo isométrico

Más en esta categoría: « Insertando una barra de navegación con Bootstrap en
Dreamweaver CC2015 Mobirise: Tutorial de uso (v) »

0 Comments Formación Gráfica 1

 Login

 Recomendar ordenar por el mejor

⤤ Share

Comienza la discusión...

Sé el primero en comentar.

TAMBIÉN EN FORMACIÓN GRÁFICA

Infografistas de Referencia: Alberto Cinco sitios donde obtener hosting

Cairo
2 comments • hace 2 años•
Plácido Ramón Luna Colombano — Hola
Aviromi!Muchas gracias por tu
comentario también en este espacio :)
gratuito
4 comments • hace 2 años•
Leonardo Quintero — De esos cinco he
probado el 1 el 2 y el 4 y ninguno ha
cubierto las expectativas. Luego de tanto

Photoshop Web: Exportando PSD a 50 Tutoriales para Adobe Illustrator

HTML
2 comments • hace un año•
Plácido Ramón Luna Colombano — Hola
SergioLejos de ofender, u ofenderme,
comparto plenamente tus palabras, y en
1 comment • hace 2 años•
Plácido Ramón Luna Colombano —
Respondo por aquí a la consulta que
dejara María Luz en los grupos de

Acerca de... Síguenos en Twitter

FG en StumbleUpon
FG en Pinterest

Personales Usuarios Registrados

Bookmarks
El Pregonero

© 2017 Formación Gráfica