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

Annons

När du tänker på verktyg som du kan använda för att skapa webbsidor tänker du antagligen på saker som Kompozer eller Pyroman Amatörens guide för att anpassa webbplatsdesign med FireBug Läs mer . Men vad händer om jag sa till dig att ett verktyg som verkligen kan öka dina kreativa juicer när det gäller att formulera en webbdesignlayout är en tankekarta?

Vi har täckt många verktyg för mind mapping här på MUO. Nancy granskade Thoughtboxes Tankeboxar: Mind-Mapping uppfyller din uppgiftslista Läs mer och Jeffry täckte Mindmapping-verktyg för Mac MindMapping: 3 Enkel idémappningsprogramvara för Mac Läs mer . Jag tror att min favoritminneskortapplikation av dem alla är open source-projektet FreeMind.

Fritt sinne är en av dessa underbart enkla att använda, men ändå så komplicerat som du behöver för att vara när du verkligen behöver det. Det är det här. Så för människor som är särskilt kreativa frigör en applikation som FreeMind bokstavligen ditt sinne att utforska i vilken riktning du vill gå. När du försöker göra något så abstrakt och komplicerat som att utforma flödet och funktionen på en webbplats är det den typen av flexibilitet du behöver.

Här på MUO försöker vi hjälpa läsarna att "använda" applikationer på sätt som du kanske inte har övervägt tidigare. Jag är säker på att det finns några av er som har använt mindmapping-verktyg för detta ändamål - det är ju en intelligent folkmassa. Men för er som aldrig har funderat på att använda ett mindmapping-verktyg för att skapa en helt ny webbplats, låt mig ta dig en promenad genom FreeMind webbdesignträ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, bara med alternativet "Nytt barnnod" i FreeMind, skapade jag en översiktskarta över min blogg.

Som ni kan se, FreeMind låter 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 navigationslänkar för de sex stora underavsnitten på min webbplats. Jag borde förmodligen också ha lagt till en sida med "funktioner" eller "artiklar", eftersom det är hela poängen med en blogg. Men det är skönheten i en tankekarta - du kan justera den och ändra den så att den passar alla designidéer som dyker upp i ditt huvud på vägen.

När du börjar bygga din webbplats och har faktiska sidor att visa kan du naturligtvis lägga till hyperlänkar till dessa sidor direkt från din tankekarta. Så när du skapar din webbplats baserad på din FreeMind-plan kan du bokstavligen hålla reda på allt direkt från själva planen.

Vill du kolla kontaktsidan som du redigerade för en stund tillbaka? Bry dig inte om att ta dig tid att öppna din webbläsare och skriva in URL: en, klicka bara på din FreeMind-länk så är du där.

Du kan se webbadressen till länken genom att föra muspekaren över noden - den visas i den nedre statusfältet.

Att skapa hyperlänkar gör det mer bekvämt att komma till de sidor du utformar, vilket naturligtvis kommer att göra hela webbdesignprocessen mer effektiv. Din webbplats tankekarta kan fungera som ditt centrala nav - din färdplan för webbdesign - som du kan arbeta från för att slutföra hela ditt designprojekt.

En annan riktigt cool funktion hos FreeMind är förmågan att lägga till bilder i noder. Klicka bara på Infoga - Bild från menyn, eller klicka på noden och tryck på Alt-K. Bläddra bara till den bildfil som du vill använda. Det är mycket lättare om du storlek på bilden så att den är miniatyrstorlek - annars måste du finjustera till HTML-kodvisningen i FreeMind efter att du importerat bilden.

Klicka på bilden så öppnas ett redigeringsverktyg 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 i din webbdesign-tankekarta. Jag använde den för att visa bilderna av författarna, och själva noden representerar deras profilsida på webbplatsen.

Om du inte bryr dig om att din karta blir enorm kan du till och med infoga förhandsgranskningsbilder av sidorna, bilder som du känner representerar sidans syfte eller annan användning för nodbilder som du kan komma upp med. Jag gillar personligen att använda bilder i min webbdesign tankekarta eftersom det ger det mer karaktär och erbjudanden lite av en förhandsgranskning av sidinnehållet för alla som kanske tittar på kartan för första gången tid.

En annan riktigt cool funktion hos FreeMind som passar perfekt i webbdesignverktygssättet är Time Management-verktyget som är inbyggt i FreeMind. Du kan komma dit genom att gå till "Verktyg" och sedan välja "Visa kalender". Detta öppnar ett stort "Time Management" -fönster i kalendern.

Du kan tillämpa datum på noderna genom att klicka på ”Lägg till datum till valda noder”. Detta är ett coolt sätt att göra versionskontroll på dina sidor genom att datum / tid stämpla noden med det datum då den specifika sidan skapades eller uppdaterades.

Det datum du valt kommer att bifogas till slutet av nodtexten.

Ännu bättre, 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, schemalägga specifika siduppdateringar över tid, så att uppdatering av en webbplats inte blir en överväldigande och kaotisk ork.

För att göra detta, välj bara noden, gå till Time Management-kalendern, välj datumet som du vill uppdatera nästa och klicka sedan på "Påminn mig om detta datum".

En liten ikon på en klocka kommer att visas på den noden. Det säger att det finns ett larm i samband med det och att du får ett popup-meddelande på din dator när det är dags att uppdatera den sidan. Trodde du aldrig att du skulle använda ett mindmapping-verktyg för webbdesignprojekthantering, eller hur?

Om du vill se hela uppdateringsschemat, listat per sida, gå bara till Verktyg och välj "Visa tidsplaneringslista".

Du kommer att få en fullständig rapport över alla sidor du har schemalagd, när du schemalagde (skapade) dem och datumet då den specifika sidan kommer att uppdateras nästa.

Det enda stället där detta system kan 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 till en vana att göra det, och du kommer att hålla hela sidan uppdateringssystemet fungerar smidigt.

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

FreeMind har möjlighet att hyperlänka till filer på din PC, så du kan använda den funktionen för att länka sidnoderna till den faktiska koden som har sparats på din dator. Du går bara till "Infoga", väljer "Hyperlink (File Chooser)" och bläddrar sedan bara till filen 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 så öppnas den direkt för dig - du behöver inte gräva och försöka hitta den. Se bara till att du kommer ihåg var du sparat det så att du kan ladda upp ändringarna till din webbserver.

Som du kan se, med hjälp av ett mindmapping-verktyg som FreeMind hjälper du inte bara att utforma layouten och flödet på din webbplats, det kan till och med hjälpa dig att hantera hela webbdesignprojektet 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 andra kreativa idéer för att använda ett mindmapping-verktyg som en del av ett webbdesignprojekt? Dela dina tankar i kommentarerna nedan.