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 et 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 til å "gjøre bruk av" applikasjoner 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 vurderte å 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, bare ved å bruke alternativet "New Child Node" 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 ditt nye nettsted.
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 "features" eller "articles" side også, siden det er hele poenget med en blogg. Men det er skjønnheten i et tankekart - du kan finjustere det og endre det for å passe 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å, ettersom du lager nettstedet ditt basert på din FreeMind-plan, 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. Hjemmesiden din kan hjelpe deg 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 om 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 mitt hjernekart for webdesign 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 deretter velge "Vis kalender". Dette vil dukke opp en stor kalender "Time Management" -vinduet.
Du kan bruke datoer til noder ved å klikke på "Legg til dato til valgte nodene". Dette er en kul måte å gjøre versjonskontroll på sidene dine, etter dato / klokkeslett stempling noden med datoen 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 oppgave.
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. Aldri trodde du skulle bruke et tankemåteverktøy for webdesign prosjektledelse, gjorde du?
Hvis du også vil se hele oppdateringsplanen, oppført etter side, går du til Verktøy og velger "Vis tidsplanleggerliste".
Du får en fullstendig rapport om 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", velg "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 å utforme 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.