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

Anuncio

Cuando piensa en herramientas que puede usar para crear páginas web, probablemente piense en cosas como Kompozer o Firebug Guía de aficionados para personalizar el diseño de sitios web con FireBug Lee mas . Sin embargo, ¿qué pasa si te digo 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ó Cajas de pensamiento Thoughtboxes: Mind-Mapping Meets Your To-Do List Lee mas y Jeffry cubierto Herramientas de mapas mentales para Mac MindMapping: 3 software simple de mapeo de ideas para Mac Lee mas . Creo que mi aplicación favorita de mapas mentales es el proyecto de código abierto FreeMind.

Mente libre es uno de esos maravillosamente simples de usar, pero intrincadamente tan complejo como lo necesita cuando realmente lo necesita. Esa es la belleza de esto. Por lo tanto, para las personas que son particularmente creativas, una aplicación como FreeMind literalmente libera su mente para explorar en cualquier dirección que desee 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 a "hacer uso" de las aplicaciones de formas que quizás no haya considerado antes. Estoy seguro de que algunos de ustedes han usado 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 la opción "Nuevo nodo secundario" 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, diseñé 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 una página de "características" o "artículos", 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 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.

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 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 podría insertar instantáneas de vista previa de las páginas, imágenes que cree que representan el propósito de la página, o cualquier otro uso para las imágenes de nodo que puede venir arriba con 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 estar viendo el mapa por primera vez hora.

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. Puede llegar yendo a "Herramientas" y luego elegir "Mostrar calendario". Aparecerá una gran ventana de calendario "Gestión del tiempo".

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 cronograma 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 calendario de actualizaciones para un sitio, programando actualizaciones de páginas específicas a lo largo del tiempo, de modo 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 del tiempo, elija la fecha en que desea actualizar la página siguiente 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 que recibirá una notificación emergente en su computadora cuando llegue 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, ¿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, trate de que sea un hábito hacerlo, y mantendrá todo su sistema de actualización de páginas 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 la página al código real que está guardado en su computadora. Simplemente vaya a "Insertar", elija "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 realizar algunos cambios en el código, simplemente haga clic en el enlace del archivo y se 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, usar 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 incluso 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.