Come utilizzare FreeMind per progettare o gestire un sito Web

Annuncio pubblicitario

Quando pensi a strumenti che puoi usare per creare pagine web, probabilmente pensi a cose come Kompozer o Firebug Guida per amatori alla personalizzazione del design di siti Web con FireBug Leggi di più . Tuttavia, se ti dicessi che uno strumento che può davvero aumentare i tuoi succhi creativi quando si tratta di formulare un layout di web design è una mappa mentale?

Abbiamo trattato molti strumenti di mappatura mentale qui a MUO. Nancy ha recensito Thoughtboxes Thoughtboxes: Mind-Mapping incontra la tua lista di cose da fare Leggi di più e Jeffry ha coperto Strumenti Mindmapping per Mac MindMapping: 3 semplici software di mappatura delle idee per Mac Leggi di più . Penso che la mia applicazione mentale preferita sia il progetto open source FreeMind.

Mente libera è una di quelle meravigliosamente semplici da usare, eppure complesse quanto è necessario che sia quando ne hai davvero bisogno. Questa è la bellezza. Quindi, per le persone particolarmente creative, un'applicazione come FreeMind libera letteralmente la tua mente di esplorare in qualunque direzione tu voglia andare. Quando stai cercando di fare qualcosa di astratto e complesso come progettare il flusso e la funzione di un sito Web, questo è il tipo di flessibilità di cui hai bisogno.

Qui a MUO, cerchiamo di aiutare i lettori a "utilizzare" le applicazioni in modi che potresti non aver considerato prima. Sono sicuro che ci sono alcuni di voi che hanno utilizzato strumenti di mindmapping per questo scopo - questa è una folla intelligente dopo tutto. Ma, per quelli di voi che non hanno mai preso in considerazione l'uso di uno strumento per creare idee per creare il vostro nuovo sito Web, permettetemi di fare una passeggiata nel giardino del web design di FreeMind.

Progettare un sito Web con FreeMind

Nella sua forma più semplice, penso che diventi molto ovvio molto rapidamente, proprio perché uno strumento di pensiero come FreeMind è l'ideale per il web design. In pochi minuti, utilizzando solo l'opzione "Nuovo nodo figlio" in FreeMind, ho generato una mappa di livello superiore del mio blog.

Come puoi vedere, FreeMind ti consente di iniziare da una pagina principale - non deve essere la pagina principale del tuo sito, potrebbe essere qualsiasi pagina iniziale - e quindi tracciare il percorso dei collegamenti attraverso il tuo nuovo sito.

In questo esempio, ho progettato una pagina principale con sei collegamenti di navigazione per le sei principali sottosezioni del mio sito. Probabilmente avrei anche dovuto aggiungere una pagina "funzionalità" o "articoli", poiché questo è il punto centrale di un blog. Ma questa è la bellezza di una mappa mentale: puoi modificarla e cambiarla per adattarla a qualsiasi idea di design ti venga in mente lungo la strada.

Ovviamente, quando inizi a costruire il tuo sito web e hai pagine reali da mostrare, puoi aggiungere collegamenti ipertestuali a quelle pagine direttamente dalla tua mappa mentale. Quindi, mentre stai creando il tuo sito sulla base del tuo piano FreeMind, puoi letteralmente tenere traccia di tutto direttamente dal piano stesso.

Vuoi controllare la pagina dei contatti che hai modificato qualche tempo fa? Non preoccuparti di aprire il browser e digitare l'URL, fai semplicemente clic sul link FreeMind e sei lì.

Puoi vedere l'URL del link passando con il mouse sopra il nodo: viene visualizzato nella barra di stato in basso.

La creazione di collegamenti ipertestuali rende più comodo l'accesso alle pagine che stai progettando, il che ovviamente renderà più efficiente l'intero processo di progettazione web. La mappa mentale del tuo sito Web può fungere da hub centrale, la tua tabella di marcia per la progettazione web, su cui puoi lavorare per completare l'intero progetto di progettazione.

Un'altra caratteristica davvero interessante di FreeMind è la possibilità di aggiungere immagini ai nodi. Basta fare clic su Inserisci - Immagine dal menu o fare clic sul nodo e premere Alt-K. Basta cercare il file di immagine che si desidera utilizzare. È molto più semplice se ridimensiona l'immagine in modo che sia la dimensione della miniatura, altrimenti dovrai modificare la visualizzazione del codice HTML in FreeMind dopo aver importato l'immagine.

Fai clic sull'immagine e viene visualizzato uno strumento di modifica che ti consente di aggiungere una piccola didascalia sotto l'immagine. Puoi usarlo per aggiungere un pizzico di pizzaz alla tua mappa mentale del web design. L'ho usato per mostrare le immagini degli autori e il nodo stesso rappresenta la pagina del loro profilo sul sito.

Se non ti dispiace che la tua mappa diventi enorme, potresti persino inserire istantanee di anteprima delle pagine, le immagini che ritieni rappresentano lo scopo della pagina o qualsiasi altro uso per le immagini dei nodi che puoi trovare con. Personalmente mi piace usare le immagini nella mia mappa mentale del web design perché dà più carattere e offerte un po 'di un'anteprima del contenuto della pagina per chiunque stia visualizzando la mappa per la prima tempo.

Un'altra caratteristica davvero interessante di FreeMind che si adatta perfettamente al set di strumenti di progettazione web è lo strumento di gestione del tempo che è integrato in FreeMind. Puoi arrivarci andando su "Strumenti" e quindi scegliere "Mostra calendario". Verrà visualizzata una grande finestra "Gestione del tempo" del calendario.

È possibile applicare le date ai nodi facendo clic su "Aggiungi data ai nodi selezionati". Questo è un ottimo modo per controllare la versione delle tue pagine, timbrando data / ora sul nodo con la data in cui quella particolare pagina è stata creata o aggiornata.

La data scelta verrà aggiunta alla fine del testo del nodo.

Meglio ancora, perché non impostare un programma in modo che una volta completato il tuo sito, puoi ricevere un promemoria quando è il momento di aggiornare una pagina sul sito. Questo è un ottimo modo per pianificare sistematicamente una pianificazione degli aggiornamenti per un sito, pianificando aggiornamenti specifici della pagina nel tempo, in modo che l'aggiornamento di un sito Web non diventi un lavoro travolgente e caotico.

Per fare ciò, basta selezionare il nodo, andare al calendario Gestione del tempo, scegliere la data in cui si desidera aggiornare la pagina successiva, quindi fare clic su "Ricordamelo a questa data".

Una piccola icona di un orologio apparirà su quel nodo. Questo ti dice che è associato un allarme e riceverai una notifica pop-up sul tuo computer quando è il momento di aggiornare quella pagina. Non hai mai pensato che avresti usato uno strumento di mindmapping per la gestione di progetti di web design, vero?

Inoltre, se si desidera visualizzare l'intero programma di aggiornamento, elencato per pagina, basta andare su Strumenti e selezionare “Mostra elenco programmatori orari”.

Riceverai un rapporto completo di tutte le pagine che hai programmato, quando le hai programmate (create) e la data in cui quella particolare pagina dovrà essere aggiornata in seguito.

L'unico posto in cui questo sistema potrebbe non funzionare è se aggiorni la pagina e dimentichi di tornare e aggiornare il nodo con una nuova data e ora di aggiornamento. Quindi, prova a prendere l'abitudine di farlo e manterrai tutto il tuo sistema di aggiornamento delle pagine senza intoppi.

Oh, e c'è un'ultima, importante caratteristica che ho quasi dimenticato. Questo è in realtà piuttosto importante se tendi ad essere uno di quei programmatori che perde traccia di dove archivi i tuoi file di progetto.

FreeMind ha la possibilità di effettuare il collegamento ipertestuale ai file sul tuo PC, quindi puoi utilizzare quella funzione per collegare i nodi della pagina al codice effettivo salvato sul tuo computer. Basta andare su "Inserisci", scegliere "Collegamento ipertestuale (Scelta file)" e quindi cercare il file a cui si desidera collegare quel nodo.

Il collegamento al file per quel nodo appare come una freccia rossa. Ogni volta che vuoi apportare alcune modifiche al codice, fai semplicemente clic sul collegamento al file e lo aprirai all'istante per te - non c'è bisogno di andare in giro cercando di trovarlo. Assicurati solo di ricordare dove l'hai salvato in modo da poter caricare le modifiche sul tuo server web.

Come puoi vedere, l'utilizzo di uno strumento di mindmapping come FreeMind non solo ti aiuta a progettare il layout e il flusso del tuo sito, ma può anche aiutarti a gestire l'intero progetto di web design dall'inizio alla fine.

Quali strumenti usi per gestire i tuoi progetti di web design? Considereresti di provare FreeMind invece? Hai altre idee creative per utilizzare uno strumento di mind minding come parte di un progetto di web design? Condividi i tuoi pensieri nella sezione commenti qui sotto.