Cómo utilizar freemind para diseñar o administrar un sitio web

Cuando se piensa de las herramientas que se pueden utilizar para crear páginas web, probablemente piense en cosas como kompozer o Firebug. Sin embargo, lo que si te dijera que una herramienta que realmente puede impulsar su creatividad a la hora de formular una disposición de diseño web es un mapa mental?Guía del aficionado a la personalización de Diseño de páginas Web con FireBugGuía del aficionado a la personalización de Diseño de páginas Web con FireBugLee mas

Hemos cubierto una gran cantidad de herramientas de mapas mentales aquí en MUO. Nancy revisado Thoughtboxes, y Jeffry cubierto mindmapping herramientas para Mac. Creo que mi solicitud mindmapping favorito de todos ellos es el proyecto de código abierto FreeMind.

FreeMind es uno de los maravillosamente simple de usar, pero intrínsecamente tan complejo como usted necesita que sea cuando realmente lo necesita ser. Esa es la belleza de ella. Por lo tanto, para las personas que son particularmente creativa, una aplicación como FreeMind libera literalmente su mente para explorar en cualquier dirección que desea ir. Cuando usted está tratando de hacer algo tan abstracto y complejo como el diseño del flujo y la función de un sitio web, que es el tipo de flexibilidad que necesita.

Aquí en MUO, buscamos ayudar a los lectores de “hacer uso de” aplicaciones de una manera que usted puede no haber considerado antes. Estoy seguro de que hay algunos de ustedes que han utilizado herramientas de mapas mentales para este fin - se trata de un público inteligente después de todo. Sin embargo, para aquellos de ustedes que nunca se consideró el uso de una herramienta de mapas mentales para diseñar su nuevo sitio web, deja que te lleve a dar un paseo por el jardín de diseño web FreeMind.

El diseño de un sitio web con FreeMind

En su forma más simple, creo que se hace muy evidente muy rápido exactamente por qué una herramienta de mapas mentales como FreeMind es ideal para el diseño web. En sólo unos minutos, solamente usando la opción “nuevo nodo secundario” en FreeMind, me genera un mapa de nivel superior de mi blog.

Como se puede ver, FreeMind le permite empezar desde una página central - que no tiene que ser la página principal de su sitio, que podría ser cualquier página de inicio - y luego trazar el camino de 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 los seis grandes apartados de mi sitio. Probablemente también debería haber añadido un “características” o página de “artículos”, así, ya que es el punto central de un blog. Pero esa es la belleza de un mapa mental - se puede ajustar y cambiar para adaptarlo a cualquier diseño que las ideas surgen en la cabeza a lo largo del camino.

Vídeo: Tutorial Freemind

Por supuesto, a medida que empezar a construir su sitio web y tener páginas reales para mostrar, se puede añadir enlaces a aquellas páginas derecha desde su mapa mental. Por lo tanto, como se va a crear su sitio con sede fuera de su plan de FreeMind, literalmente, puede realizar un seguimiento de todo desde el propio plan.

Que desee revisar la página de contacto que ha editado hace un tiempo? No se moleste en tomar el tiempo para abrir su navegador y escriba la dirección URL, basta con hacer clic en su enlace FreeMind y estás allí.

Se puede ver la URL del enlace colocando el cursor sobre el nodo - que aparece en la barra de estado inferior.

La creación de hipervínculos hace que sea más conveniente para llegar a las páginas que está diseñando, que por supuesto hará que todo el proceso de diseño web más eficiente. Su sitio web mapa mental puede servir como su eje central - el plan de trabajo de diseño web - que se puede trabajar de completar su proyecto de diseño entero.

Otra característica realmente fresca de FreeMind es la posibilidad de añadir imágenes a los nodos. Simplemente haga clic en Insertar - Imagen en el menú, o haga clic en el nodo y pulse Alt-K. Simplemente navegar al archivo de imagen que desea utilizar. Es mucho más fácil si usted tamaño de la imagen para que su tamaño miniatura - de lo contrario tendrá que ajustar a la vista de código HTML en FreeMind después de importar la imagen.

Haga clic en la imagen, y una herramienta de edición aparece que nos dejó agrega un poco de subtítulos debajo de la imagen. Usted puede usar esto para añadir un poco de estilo deslumbrante a su web-diseño de la mente-mapa. Lo utilicé 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 conseguir su mapa enorme, incluso se podría insertar instantáneas Visualización de las páginas, las imágenes que se siente representar el propósito de página, o cualquier otro uso de imágenes de nodos que puede ocurrir. Personalmente, me gusta el uso de imágenes en mi diseño web mapa mental, ya que le da más carácter y ofrece un poco de una vista previa del contenido de la página para cualquier persona que pueda estar viendo el mapa por primera vez.

Otra característica realmente fresca 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. Se puede llegar por ir a “Herramientas” y luego elegir la opción “Mostrar Calendario”. Esto hará que aparezca un calendario grande ventana “Gestión del tiempo”.

Puede fechas para los nodos haciendo clic en “añadir la fecha a los nodos seleccionados”. Esta es una manera divertida de hacer el control de versiones en sus páginas, por la fecha / hora de las nodo con la fecha en que esa página en particular fue creado o actualizado.

La fecha que ha elegido conseguirá añadida al final del texto del nodo.

Mejor aún, ¿por qué no establecer un horario para que una vez se haya completado su sitio, puede recibir un aviso cuando es el momento de actualizar una página en el sitio. Esta es una manera fresca para planificar sistemáticamente un programa de actualización para un sitio, la programación de actualizaciones de la página específicos con el tiempo, por lo que la actualización de un sitio web no se convierta en una tarea abrumadora y caótica.

Para ello, sólo tiene que seleccionar el nodo, ir a la agenda de gestión del tiempo, elegir la fecha que desea actualizar la página siguiente y haga clic en “Remind Me en esta fecha”.

Un pequeño icono de un reloj aparecerá en ese nodo. Eso te dice que no hay alarma asociada a ella, y recibirás una notificación emergente en su ordenador cuando es el momento para actualizar la página. Nunca pensó que estaría utilizando una herramienta de mapas mentales para la gestión de proyectos de diseño web, ¿verdad?

Además, si quieres ver todo el programa de actualización, que se enumeran a página, sólo tiene que ir a Herramientas y seleccione “Mostrar lista de Programador de Tiempo”.

Usted obtendrá un informe completo de todas las páginas que haya programado, cuando programada (de crear), y la fecha en que esa página en particular se debe actualizarse siguiente.

El único lugar en el que este sistema podría fallar es si actualiza la página y se olvide de volver y actualizar el nodo con un nuevo tiempo de actualización y la fecha. Por lo tanto, intenta hacer un hábito de hacerlo, y se le mantiene todo su sistema de actualización de la página funcionando sin problemas.

Ah, y hay una última característica, es importante que casi se me olvida. Esto es en realidad una muy importante si usted tiende a ser uno de esos programadores que pierde la pista de dónde se almacenan los archivos de proyecto.

Vídeo: Instalando Freemind

FreeMind tiene la capacidad de hipervínculo a los archivos en su PC, por lo que puede utilizar esta característica para unir los nodos de página para el código real que se guarda en su ordenador. Usted sólo tiene que ir a “Insertar”, elija “hipervínculo (selector de archivos)” y luego simplemente busca el archivo que desea vincular a ese nodo.

El enlace del archivo para ese nodo se muestra como una flecha roja. Cada vez que desee hacer algunos cambios en el código, simplemente haga clic en el enlace del archivo, y va a abrirlo al instante para usted - no hay necesidad de ir a cavar alrededor tratando de encontrarlo. Sólo asegúrese de que usted recuerda donde lo guardó para que pueda cargar los cambios en su servidor web.

Como se puede ver, el uso de una herramienta de mapas mentales como FreeMind no sólo le ayuda a diseñar la disposición y el flujo de su sitio, puede incluso ayudar a gestionar todo su proyecto de diseño web de principio a fin.

¿Qué herramientas utiliza para administrar sus proyectos de diseño web? ¿Consideraría probar FreeMind en su lugar? ¿Tiene alguna otra idea creativa para el uso de una herramienta de mapas mentales como parte de un proyecto de diseño web? Compartir sus pensamientos en la sección de comentarios.