Cómo usar FreeMind para diseñar o administrar un sitio web

Cuando piensa en herramientas que puede usar para crear páginas web, probablemente piense en cosas como Kompozer o Firebug Amateur Guía para personalizar el diseño de sitios web con FireBug Guía para personalizar el diseño de sitios web con FireBug Leer más. Sin embargo, ¿qué pasaría si le dijera que una herramienta que realmente puede mejorar su creatividad cuando se trata de formular un diseño web es un mapa mental??

Hemos cubierto muchas herramientas de mapas mentales aquí en MUO. Nancy revisó los Thoughtboxes Thoughtboxes: el mapeo mental se encuentra con tu lista de tareas pendientes Thoughtboxes: el mapeo mental cumple su lista de tareas pendientes Leer más, y Jeffry cubrió las herramientas de Mindmapping para Mac MindMapping: 3 Software de Mapeo de ideas simples para Mac MindMapping: 3 Mapeo de Idea simple Software para Mac Leer más. Creo que mi aplicación favorita de mapeo mental de todos ellos es el proyecto de código abierto FreeMind.

FreeMind es uno de esos maravillosamente sencillos de usar, pero intrincadamente tan complejo como lo necesitas cuando realmente lo necesitas. Esa es la belleza de ello. Por lo tanto, para las personas que son particularmente creativas, una aplicación como FreeMind literalmente libera tu mente para explorar en cualquier dirección que quieras ir. Cuando intenta hacer algo tan abstracto y complejo como diseñar el flujo y la función de un sitio web, ese es el tipo de flexibilidad que necesita.

Aquí en MUO, buscamos ayudar a los lectores. “hacer uso de” aplicaciones en formas que no haya considerado antes. Estoy seguro de que hay algunos de ustedes que han utilizado herramientas de mapas mentales para este propósito, después de todo, esta es una multitud inteligente. Pero, para aquellos de ustedes que nunca consideraron usar una herramienta de mapas mentales para diseñar su nuevo sitio web, permítanme llevarlo a dar un paseo por el jardín de diseño web FreeMind.

Diseñando un sitio web con FreeMind

En su forma más simple, creo que se vuelve muy obvio, muy rápido, exactamente por qué una herramienta de mapas mentales como FreeMind es ideal para el diseño web. En tan solo unos minutos, solo utilizando el “Nuevo nodo hijo” En FreeMind, generé un mapa de nivel superior de mi blog..

Como puede ver, FreeMind le permite comenzar desde una página principal (no tiene que ser la página principal de su sitio, podría ser cualquier página de inicio) y luego rastrear la ruta de los enlaces a través de su nuevo sitio..

En este ejemplo, he diseñado una página principal con seis enlaces de navegación para las seis subsecciones principales de mi sitio. Probablemente debería haber añadido una “caracteristicas” o “artículos” Página también, ya que ese es el objetivo de un blog. Pero esa es la belleza de un mapa mental: puedes modificarlo y cambiarlo para que se adapte a cualquier idea de diseño que aparezca en tu cabeza a lo largo del camino..

Por supuesto, a medida que comienza a crear su sitio web y tiene páginas reales para mostrar, puede agregar hipervínculos a esas páginas directamente desde su mapa mental. Entonces, mientras creas tu sitio basado en tu plan de FreeMind, literalmente puedes hacer un seguimiento de todo desde el mismo plan..

¿Quieres ver la página de contacto que editaste hace un tiempo? No se moleste en tomarse el tiempo para abrir su navegador y escribir la URL, simplemente haga clic en su enlace de FreeMind y estará allí.

Puede ver la URL del enlace al desplazarse sobre el nodo, se muestra en la barra de estado inferior.

La creación de hipervínculos hace que sea más conveniente llegar a las páginas que está diseñando, lo que, por supuesto, hará que todo su proceso de diseño web sea más eficiente. El mapa mental de su sitio web puede servir como su centro central, su hoja de ruta de diseño web, desde el que puede trabajar para completar su proyecto de diseño completo..

Otra característica realmente interesante de FreeMind es la posibilidad de agregar imágenes a los nodos. Simplemente haga clic en Insertar - Imagen en el menú, o haga clic en el nodo y presione Alt-K. Simplemente busque el archivo de imagen que desea utilizar. Es mucho más fácil si ajusta el tamaño de la imagen para que sea el tamaño de la miniatura, de lo contrario tendrá que modificar la vista del Código HTML en FreeMind después de importar la imagen..

Haga clic en la imagen, y aparece una herramienta de edición que le permite agregar un pequeño título debajo de la imagen. Puedes usar esto para agregar un poco de pizzaz a tu mapa mental de diseño web. Lo usé para mostrar las imágenes de los escritores, y el propio nodo representa su página de perfil en el sitio.

Si no le importa que su mapa se vuelva enorme, incluso podría insertar instantáneas de vista previa de las páginas, las imágenes que considere que representan el propósito de la página o cualquier otro uso para las imágenes de nodos que pueda encontrar. Personalmente, me gusta usar imágenes en mi mapa mental de diseño web porque le da más carácter y ofrece una pequeña vista previa del contenido de la página para cualquier persona que pueda estar viendo el mapa por primera vez..

Otra característica realmente genial de FreeMind que encaja perfectamente en el conjunto de herramientas de diseño web es la herramienta de gestión de tiempo que está integrada en FreeMind. Se puede llegar yendo a “Herramientas” y luego elegir “Mostrar calendario”. Esto abrirá un calendario grande “Gestión del tiempo” ventana.

Puede aplicar fechas a los nodos haciendo clic en “Anexar la fecha a los nodos seleccionados”. Esta es una manera excelente de hacer el control de versiones en sus páginas, por fecha / hora, marcando el nodo con la fecha en que se creó o actualizó esa página en particular..

La fecha que elija se adjuntará al final del texto del nodo.

Mejor aún, ¿por qué no configurar una programación para que una vez que se complete su sitio, pueda recibir un recordatorio cuando sea el momento de actualizar una página en el sitio? Esta es una manera excelente de planear sistemáticamente un programa de actualización para un sitio, programando actualizaciones específicas de la página a lo largo del tiempo, para que la actualización de un sitio web no se convierta en una tarea abrumadora y caótica..

Para hacer esto, simplemente seleccione el nodo, vaya al calendario de Administración de tiempo, elija la fecha en la que desea actualizar la página siguiente y luego haga clic en “Recuérdame en esta fecha”.

Aparecerá un pequeño icono de un reloj en ese nodo. Eso le indica que hay una alarma asociada y que recibirá una notificación emergente en su computadora cuando sea el momento de actualizar esa página. Nunca pensé que estarías usando una herramienta de mapas mentales para la gestión de proyectos de diseño web,?

Además, si desea ver su programa completo de actualizaciones, listado por página, solo vaya a Herramientas y seleccione “Mostrar la lista del programador de tiempo”.

Obtendrá un informe completo de todas las páginas que programó, cuándo las programó (creó) y la fecha en la que se actualizará esa página en particular..

El único lugar donde este sistema podría fallar es si actualiza la página y olvida regresar y actualizar el nodo con una nueva fecha y hora de actualización. Por lo tanto, trate de convertirlo en un hábito, y mantendrá su sistema de actualización de la página funcionando sin problemas.

Ah, y hay una última característica importante que casi olvido. Esto es realmente muy importante si usted tiende a ser uno de esos programadores que pierde la pista de dónde almacena sus archivos de proyecto..

FreeMind tiene la capacidad de crear enlaces a los archivos de su PC, por lo que puede usar esa función para vincular los nodos de la página al código real que está guardado en su computadora. Solo vas a “Insertar”, escoger “Hipervínculo (Selector de archivos)” y luego simplemente busque el archivo al que desea vincular ese nodo.

El enlace del archivo para ese nodo se muestra como una flecha roja. Cuando quiera hacer algunos cambios en el código, simplemente haga clic en el enlace del archivo y se abrirá al instante para usted, sin necesidad de buscarlo. Solo asegúrese de recordar dónde lo guardó para poder cargar los cambios en su servidor web.

Como puede ver, el uso de una herramienta de mapas mentales como FreeMind no solo le ayuda a diseñar el diseño y el flujo de su sitio, sino que también puede ayudarlo a administrar todo el proyecto de diseño web de principio a fin..

¿Qué herramientas utilizas para gestionar tus proyectos de diseño web? ¿Considerarías probar FreeMind en su lugar? ¿Tiene otras ideas creativas para usar una herramienta de mapas mentales como parte de un proyecto de diseño web? Comparte tus pensamientos en la sección de comentarios a continuación.

Explorar más sobre: ​​mapas mentales, diseño web, herramientas para webmasters.