Hur man använder FreeMind för att designa eller hantera en webbplats

När du tänker på verktyg som du kan använda för att skapa webbsidor, tänker du förmodligen på saker som Kompozer eller Firebug Amatörs Guide till anpassning av webbdesign med FireBug Amatörs Guide för att anpassa webbdesign med FireBug Read More. Men om jag berättade för dig att ett verktyg som verkligen kan öka dina kreativa juicer när det gäller att formulera en webbdesign layout är en sinnekarta?

Vi har täckt en hel del kartläggningsverktyg här på MUO. Nancy recenserade Thoughtboxes Thoughtboxes: Mind-Mapping uppfyller dina att-göra-lista Thoughtboxes: Mind-Mapping uppfyller din att-göra-lista Läs mer, och Jeffry omfattas Mindmapping-verktyg för Mac MindMapping: 3 Simple Idea Mapping Software för Mac MindMapping: 3 Simple Idea Mapping Programvara för Mac Läs mer. Jag tror att min favorit mindmapping applikation av dem alla är open source-projektet FreeMind.

FreeMind är en av de fantastiskt enkla att använda, men komplicerat så komplicerat som du behöver det när du verkligen behöver det. Det är skönheten i den. Så, för personer som är särskilt kreativa, frigör en ansökan som FreeMind bokstavligen ditt sinne för att utforska i vilken riktning du vill gå. När du försöker göra något så abstrakt och komplext som att utforma flödet och funktionen hos en webbplats, det är den typ av flexibilitet du behöver.

Här på MUO, vi försöker hjälpa läsare “använda” applikationer på sätt som du kanske inte har övervägt förut. Jag är säker på att det finns några av er som har använt mindmapping-verktyg för detta ändamål - det här är en intelligent publik. Men för de av er som aldrig funderade på att använda ett tankverktyg för att lägga ut din helt nya webbplats, låt mig ta dig en promenad genom FreeMind webbdesign trädgård.

Designa en webbplats med FreeMind

I sin enklaste form tror jag att det blir mycket uppenbart mycket snabbt exakt varför ett mindmapping-verktyg som FreeMind är idealiskt för webbdesign. På bara några minuter använder du bara “Ny barnnod” alternativet i FreeMind, genererade jag en toppnivåkarta på min blogg.

Som du kan se, låter FreeMind dig starta från en kärnsida - det behöver inte vara huvudsidan på din webbplats, det kan vara vilken startsida som helst - och sedan spåra sökvägen till din nya webbplats.

I det här exemplet har jag utformat en huvudsida med sex navigeringslänkar för de sex stora underavsnitten på min webbplats. Jag borde troligen också ha lagt till en “funktioner” eller “artiklar” sida också, eftersom det är hela punkten i en blogg. Men det är skönhetens skönhet - du kan finjustera den och ändra den så att den passar vad som helst för designidéer som dyker upp i huvudet längs vägen.

Naturligtvis, när du börjar bygga din webbplats och har faktiska sidor att visa, kan du lägga till hyperlänkar till de sidorna direkt från din sin karta. Så, som du skapar din webbplats baserat på din FreeMind-plan, kan du bokstavligen hålla reda på allt direkt från planen själv.

Vill du kolla in den kontaktsida du redigerat ett tag tillbaka? Ta inte tid att öppna din webbläsare och skriv in URL: n, klicka bara på din FreeMind-länk och du är där.

Du kan se länkens URL genom att sväva över noden - den visas längst ned i statusfältet.

Att skapa hyperlänkar gör det bekvämare att komma till sidorna du designer, vilket givetvis gör hela din webbdesignprocess effektivare. Din webbplatskarta kan fungera som ditt centrala nav - din webbdesignplan, som du kan arbeta för för att slutföra hela ditt designprojekt.

En annan riktigt cool funktion i FreeMind är möjligheten att lägga till bilder på noder. Klicka bara på Infoga - Bild från menyn eller klicka på noden och tryck på Alt-K. Bläddra bara till bildfilen du vill använda. Det är mycket lättare om du storar bilden så att den är miniatyrstorlek - annars måste du tweak till HTML-kodvisningen i FreeMind efter att du har importerat bilden.

Klicka på bilden och ett redigeringsverktyg kommer upp som låter dig lägga till en liten bildtext under bilden. Du kan använda detta för att lägga till lite pizzaz till din webbdesign-mind-map. Jag använde det för att visa bilderna av författarna, och noden själv representerar deras profilsida på webbplatsen.

Om du inte har något emot att kartan blir enorm, kan du till och med infoga förhandsgranskning av sidor, bilder som du tycker representerar sidans syfte eller någon annan användning för nodbilder som du kan komma med. Jag personligen gillar att använda bilder i min webbdesigns karta eftersom det ger det mer karaktär och erbjuder lite förhandsvisning av sidinnehållet för alla som kanske tittar på kartan för första gången.

En annan riktigt cool funktion av FreeMind som passar perfekt in i webbdesignverktyget är Time Management-verktyget som är byggt direkt i FreeMind. Du kan komma dit genom att gå till “Verktyg” och välj sedan “Visa kalender”. Detta kommer att dyka upp en stor kalender “Tidsplanering” fönster.

Du kan ange datum till noderna genom att klicka på “Lägg till datum för valda nod”. Detta är ett coolt sätt att göra versionskontroll på dina sidor, efter datum / tidstämpling av noden med det datum då den aktuella sidan skapades eller uppdaterades.

Datumet du valde kommer att läggas till slutet av nodtexten.

Bättre än, varför inte skapa ett schema så att när din webbplats är klar kan du få en påminnelse när det är dags att uppdatera en sida på webbplatsen. Detta är ett coolt sätt att systematiskt planera ett uppdateringsschema för en webbplats och schemalägga specifika sidopdateringar över tiden, så att uppdatering av en webbplats inte blir en överväldigande och kaotisk karaktär.

För att göra detta, välj bara noden, gå till kalendern Tidshantering, välj det datum du vill uppdatera sidan nästa och klicka sedan på “Påminn mig vid denna dag”.

En liten ikon för en klocka kommer att visas på den noden. Det berättar att det finns ett larm i samband med det, och du får en popup-meddelande på datorn när det är dags att uppdatera den sidan. Trodde aldrig att du skulle använda ett mindmapping-verktyg för webbdesign projektledning, gjorde du?

Om du vill se hela uppdateringsschemat, listat per sida, går du till Verktyg och väljer “Visa tidschemaläggarlista”.

Du får en fullständig rapport om alla sidor du har planerat, när du planerat (skapade) dem, och datumet då den aktuella sidan ska uppdateras nästa.

Det enda stället där systemet kunde misslyckas är om du uppdaterar sidan och glömmer att komma tillbaka och uppdatera noden med en ny uppdateringstid och -datum. Så försök att göra det vanligt att göra det, och du kommer att hålla hela ditt uppdateringssystem löpande.

Åh, och det finns en sista viktig egenskap som jag nästan glömde. Det här är faktiskt en ganska viktig om du tenderar att vara en av de programmerare som förlorar reda på var du lagrar dina projektfiler.

FreeMind har möjlighet att länka till filer på din dator, så du kan använda den funktionen för att länka sidnodderna till den faktiska koden som sparats på din dator. Du går bara till “Föra in”, välja “Hyperlänk (File Chooser)” och bläddra bara till den fil som du vill länka den noden till.

Fillänken för den noden visas som en röd pil. När du vill göra några kodändringar klickar du bara på fillänken och det öppnar det direkt för dig - du behöver inte gräva runt för att försöka hitta den. Se bara till att du kommer ihåg var du sparade den så att du kan ladda upp ändringarna till din webbserver.

Som du kan se använder du ett mindmapping-verktyg som FreeMind hjälper dig inte bara att utforma layout och flöde på din webbplats, det kan även hjälpa dig att hantera hela ditt webbdesignprojekt från början till slut.

Vilka verktyg använder du för att hantera dina webbdesignprojekt? Skulle du överväga att prova FreeMind istället? Har du några andra kreativa idéer för att använda ett mindmapping-verktyg som en del av ett webbdesignprojekt? Dela dina tankar i kommentarfältet nedan.

Utforska mer om: Mindmapping, webbdesign, verktyg för webbansvariga.