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 Guía del aficionado para personalizar el diseño de sitios web con FireBug Guía del aficionado para personalizar el diseño de sitios web con FireBug. Sin embargo, ¿qué pasaría si te dijera que una herramienta que realmente puede impulsar tus jugos creativos a la hora de formular un diseño de diseño web es un mapa mental??

Hemos cubierto muchas herramientas de mapeo mental aquí en MUO. Nancy revisó Thoughtboxes Thoughtboxes: Mind-Mapping Meets Your To-Do List Thoughtboxes: Mind-Mapping Meets Your To-To List, y Jeffry cubrió las herramientas de Mindmapping para Mac MindMapping: 3 Software simple de mapeo de ideas para Mac MindMapping: 3 Software simple de mapeo de ideas para Mac . Creo que mi aplicación favorita de mapas mentales de todos ellos es el proyecto de código abierto FreeMind.

FreeMind es uno de esos maravillosamente simples de usar, pero intrincadamente complejo como lo necesitas cuando realmente lo necesitas. Esa es la belleza de eso. Entonces, para las personas que son particularmente creativas, una aplicación como FreeMind literalmente libera tu mente para explorar en la dirección que quieras ir. Cuando intentas 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 necesitas.

Aquí en MUO, buscamos ayudar a los lectores “hacer uso de” aplicaciones de formas que quizás 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, déjenme llevarlos a dar un paseo por el jardín de diseño web de 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 solo unos minutos, solo usando el “Nuevo nodo infantil” opción 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 también debería haber agregado un “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: puede modificarlo y cambiarlo para adaptarse a las ideas de diseño que se le ocurran en el camino.

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

¿Desea consultar la página de contacto que editó hace un tiempo? No te molestes en tomarte el tiempo de abrir tu navegador y escribir la URL, solo haz clic en tu enlace de FreeMind y estarás allí.

Puede ver la URL del enlace al pasar el mouse sobre el nodo; aparece en la barra de estado inferior.

Crear 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 todo su proyecto de diseño.

Otra característica realmente genial de FreeMind es la capacidad 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 usar. Es mucho más fácil si cambia el tamaño de la imagen para que sea del tamaño de una miniatura; de lo contrario, tendrá que ajustar la vista del Código HTML en FreeMind después de importar la imagen..

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

Si no le importa que su mapa se vuelva enorme, incluso puede insertar instantáneas de vista previa de las páginas, imágenes que considere representan el propósito de la página o cualquier otro uso para las imágenes de nodo 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 cualquiera que pueda ver 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 del Tiempo que está integrada en FreeMind. Puedes llegar yendo a “Herramientas” y luego elegir “Mostrar calendario”. Aparecerá un calendario grande “Gestión del tiempo” ventana.

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

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

Mejor aún, ¿por qué no configurar un horario para que una vez que se complete su sitio, pueda recibir un recordatorio cuando llegue el momento de actualizar una página en el sitio? Esta es una forma genial de planificar sistemáticamente un cronograma de actualizaciones para un sitio, programando actualizaciones de páginas específicas 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 Gestión de tiempo, elija la fecha en que desea actualizar la página a continuación y luego haga clic en “Recordarme en esta fecha”.

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

Además, si desea ver toda la programación de actualizaciones, listada por página, simplemente vaya a Herramientas y seleccione “Mostrar lista de programadores de tiempo”.

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

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 hora y fecha de actualización. Por lo tanto, intente hacerlo un hábito y mantendrá todo el sistema de actualización de su página funcionando sin problemas.

Ah, y hay una última característica importante que casi olvido. Esto es realmente muy importante si tiendes a ser uno de esos programadores que pierde la noción de dónde almacenas los archivos de tu proyecto..

FreeMind tiene la capacidad de hacer hipervínculos a archivos en su PC, por lo que puede usar esa función para vincular los nodos de 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 aparece como una flecha roja. Cada vez que desee hacer algunos cambios en el código, simplemente haga clic en el enlace del archivo, y lo abrirá instantáneamente para usted, sin necesidad de buscar información para encontrarlo. 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 lo ayuda a diseñar el diseño y el flujo de su sitio, sino que también puede ayudarlo a administrar todo su proyecto de diseño web de principio a fin.

¿Qué herramientas utilizas para administrar tus proyectos de diseño web? ¿Considerarías probar FreeMind en su lugar? ¿Tiene alguna otra idea creativa 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.