Slik bruker du FreeMind til å designe eller administrere et nettsted

Når du tenker på verktøy som du kan bruke til å lage websider, tenker du sannsynligvis på ting som Kompozer eller Firebug Amatørs Guide til å tilpasse Website Design med FireBug Amatørs Guide til å tilpasse Website Design med FireBug Read More. Men hva om jeg fortalte deg at ett verktøy som virkelig kan øke kreative juicer når det gjelder å formulere et webdesignoppsett, er et sinnekort?

Vi har dekket mange sinnskartingsverktøy her på MUO. Nancy har gjennomgått tankebokser Tankebokser: Mind-Mapping oppfyller dine gjøremålslogger Tankebokser: Mind-Mapping oppfyller din gjøremålsliste Les mer, og Jeffry dekker Mindmapping-verktøy for Mac MindMapping: 3 Simple Idea Mapping Software for Mac MindMapping: 3 Simple Idea Mapping Programvare for Mac Les mer. Jeg tror min favoritt mindmapping søknad av dem alle er open source prosjektet FreeMind.

FreeMind er en av de praktfullt enkle å bruke, men likevel komplisert så komplisert som du trenger det til å være når du virkelig trenger det. Det er skjønnheten i det. Så, for folk som er spesielt kreative, frigjør et program som FreeMind bokstavelig talt tankene dine for å utforske i hvilken retning du vil. Når du prøver å gjøre noe så abstrakt og komplekst som å designe strømmen og funksjonen til et nettsted, er det den typen fleksibilitet du trenger.

Her på MUO, søker vi å hjelpe leserne “benytte seg av” Søknader på måter du kanskje ikke har vurdert før. Jeg er sikker på at det er noen av dere som har brukt mindmapping-verktøy til dette formålet - dette er en intelligent mengde. Men for de av dere som aldri har vurdert å bruke et tankemåteverktøy for å legge ut ditt helt nye nettsted, la meg ta deg en spasertur gjennom FreeMind webdesignhagen.

Designe et nettsted med FreeMind

I sin enkleste form, tror jeg det blir veldig tydelig veldig fort, nøyaktig hvorfor et MindMap-verktøy som FreeMind er ideelt for webdesign. På bare noen få minutter bruker du bare “Nytt barneknute” alternativet i FreeMind, genererte jeg et toppnivå kart over bloggen min.

Som du kan se, kan FreeMind du starte fra en kjerne-side - det trenger ikke å være hovedsiden til nettstedet ditt, det kan være hvilken som helst startside - og deretter spore banen til koblinger gjennom det nye nettstedet ditt.

I dette eksemplet har jeg utformet en hovedside med seks navigasjonskoblinger for de seks hoveddelene av nettstedet mitt. Jeg burde nok også ha lagt til en “egenskaper” eller “artikler” siden også, siden det er hele poenget med en blogg. Men det er skjønnheten i et hjernekart - du kan tilpasse det og endre det slik at det passer til hva designideer dukker opp i hodet ditt underveis.

Selvfølgelig, når du begynner å bygge nettstedet ditt og har faktiske sider å vise, kan du legge til hyperkoblinger til disse sidene rett fra hjernekartet ditt. Så, siden du lager nettstedet ditt basert på FreeMind-planen, kan du bokstavelig talt holde oversikt over alt rett fra selve planen.

Vil du sjekke ut Kontakt siden du redigerte en stund tilbake? Ikke bry deg om å ta deg tid til å åpne nettleseren din og skrive inn nettadressen, bare klikk på FreeMind-lenken din, og du er der.

Du kan se nettadressen til lenken ved å svinge over noden - den vises i nedre statuslinjen.

Å lage hyperkoblinger gjør det enklere å komme til sidene du designer, noe som selvfølgelig vil gjøre hele webdesignprosessen mer effektiv. Nettstedet ditt kart kan tjene som ditt sentrale knutepunkt - din webdesignkartkart - som du kan jobbe med for å fullføre hele designprosjektet.

En annen veldig kul funksjon i FreeMind er muligheten til å legge til bilder til noder. Bare klikk Sett inn - Bilde fra menyen, eller klikk på noden og trykk Alt-K. Bare bla til bildefilen du vil bruke. Det er mye lettere hvis du størrelsen på bildet slik at det er miniatyrstørrelse - ellers må du finjustere HTML-kodesvisningen i FreeMind etter at du har importert bildet.

Klikk på bildet, og et redigeringsverktøy kommer opp som lar deg legge til en liten bildetekst under bildet. Du kan bruke dette til å legge til litt pizzaz til webdesign-mind-map. Jeg brukte den til å vise bildene av forfatterne, og node selv representerer deres profilside på nettstedet.

Hvis du ikke har noe imot at kartet ditt blir stort, kan du til og med sette inn forhåndsvisning av øyeblikksbilder av sidene, bilder du mener representerer sidens formål, eller annen bruk for nodebilder du kan komme med. Jeg personlig liker å bruke bilder i min webdesign-mind map fordi det gir det mer karakter og gir litt forhåndsvisning av sidens innhold for alle som kan se på kartet for første gang.

En annen veldig kul funksjon i FreeMind som passer perfekt inn i verktøyet for webdesign, er Time Management-verktøyet som er bygd rett inn i FreeMind. Du kan komme dit ved å gå til “Verktøy” og velg deretter “Vis kalender”. Dette vil dukke opp en stor kalender “Tidsfordriv” vindu.

Du kan bruke datoer til noder ved å klikke på “Legg til dato for utvalgte noder”. Dette er en kul måte å gjøre versjonskontroll på sidene dine, etter dato / klokkeslett stempling noden med datoen at den aktuelle siden ble opprettet eller oppdatert.

Datoen du valgte vil bli vedlagt til slutten av nodeteksten.

Bedre ennå, hvorfor ikke sette opp en tidsplan slik at når nettstedet ditt er fullført, kan du motta en påminnelse når det er på tide å oppdatere en side på nettstedet. Dette er en kul måte å systematisk utarbeide en oppdateringsplan for et nettsted, planlegging av spesifikke sideoppdateringer over tid, slik at oppdatering av et nettsted ikke blir en overveldende og kaotisk drøm.

For å gjøre dette, velg bare noden, gå til kalenderen Time Management, velg datoen du vil oppdatere siden neste, og klikk deretter på “Påminn meg på denne datoen”.

Et lite ikon av en klokke vil vises på den noden. Det forteller deg at det er alarm knyttet til det, og du vil motta en popup-melding på datamaskinen når det er på tide å oppdatere den siden. Trodde aldri at du skulle bruke et mindmapping verktøy for webdesign prosjektledelse, gjorde du?

Hvis du også vil se hele oppdateringsplanen, oppført på side, går du til Verktøy og velger “Vis tidsplanleggerliste”.

Du får en fullstendig rapport av alle sidene du har planlagt, når du har planlagt (opprettet) dem, og datoen da den aktuelle siden skal oppdateres neste.

Det eneste stedet der dette systemet kunne mislykkes, er hvis du oppdaterer siden og glemmer å komme tilbake og oppdater noden med en ny oppdateringstid og dato. Så, prøv å gjøre det til en vane å gjøre det, og du vil holde hele siden oppdateringssystemet kjører jevnt.

Åh, og det er en siste, viktig funksjon som jeg nesten glemte. Dette er faktisk en ganske viktig en hvis du pleier å være en av de programmererne som mister oversikten over hvor du lagrer prosjektfilene dine.

FreeMind har muligheten til å lenke til filer på PCen, slik at du kan bruke den funksjonen til å koble sidens noder til selve koden som er lagret på datamaskinen. Du går bare til “Sett inn”, velge “Hyperlink (File Chooser)” og så bare bla til filen du vil knytte den noden til.

Fillinken for den noden vises som en rød pil. Når du vil gjøre noen kodeendringer, bare klikk på fillenken, og den vil åpne den opp umiddelbart for deg - du trenger ikke å grave rundt og prøve å finne den. Bare vær sikker på at du husker hvor du lagret den, slik at du kan laste opp endringene til webserveren din.

Som du kan se, kan du ved hjelp av et mindmapping-verktøy som FreeMind ikke bare hjelpe deg med å designe layout og flyt av nettstedet ditt, det kan til og med hjelpe deg med å administrere hele webdesignprosjektet fra start til slutt.

Hvilke verktøy bruker du til å administrere dine webdesignprosjekter? Vil du vurdere å prøve FreeMind i stedet? Har du noen andre kreative ideer for å bruke et mindmapping-verktøy som en del av et webdesign prosjekt? Del dine tanker i kommentarfeltet nedenfor.

Utforsk mer om: Mindmapping, Webdesign, Verktøy for nettredaktører.