Når du tænker på værktøjer, som du kan bruge til at oprette websider, tænker du sandsynligvis på ting som Kompozer eller Firebug Amatørs Guide til Tilpasning af Website Design med FireBug Amatørs Guide til Tilpasning af Website Design med FireBug Read More. Men hvad hvis jeg fortalte dig det ene værktøj, der virkelig kan øge dine kreative saft, når det kommer til at formulere et webdesignlayout, er et tankekort?
Vi har dækket mange tankekartingsværktøjer her på MUO. Nancy har gennemgået Thoughtboxes Thoughtboxes: Mind-Mapping opfylder dine Do-Do List-tankebokser: Mind-Mapping opfylder din to-do list Læs mere, og Jeffry dækket Mindmapping-værktøjer til Mac MindMapping: 3 Simple Idea Mapping Software til Mac MindMapping: 3 Simple Idea Mapping Software til Mac Læs mere. Jeg synes, at min favorit mindmapping ansøgning af dem alle er open source projektet FreeMind.
FreeMind er en af de vidunderligt nemme at bruge, men alligevel kompliceret som kompliceret som du har brug for at være, når du virkelig har brug for det. Det er skønheden i det. Så for folk der er særligt kreative, frigør en ansøgning som FreeMind bogstaveligt talt dit sind for at udforske i hvilken retning du vil gå. Når du forsøger at gøre noget så abstrakt og komplekst som at designe flow og funktion af et websted, er det den slags fleksibilitet, du har brug for.
Her på MUO søger vi at hjælpe læserne "benytte sig af" applikationer på måder, som du måske ikke har overvejet før. Jeg er sikker på, at der er nogle af jer der har brugt mindmapping-værktøjer til dette formål - det er jo en intelligent skare. Men for de af jer, der aldrig overvejede at bruge et mindmapping-værktøj til at lave din helt nye hjemmeside, lad mig tage en tur gennem FreeMind webdesignhave.
Design af et websted med FreeMind
I sin enkleste form tror jeg det bliver meget oplagt meget hurtigt, præcis hvorfor et mindmapningsværktøj som FreeMind er ideel til webdesign. På kun få minutter, kun ved at bruge "New Child Node" indstillingen i FreeMind, genererede jeg et topniveau kort over min blog.
Som du kan se, lader FreeMind dig starte fra en kerne side - det behøver ikke at være hjemmesiden på dit websted, det kan være en startside - og derefter spore stien til links via dit nye websted.
I dette eksempel har jeg designet en hovedside med seks navigationslinks til de seks hovedafsnit på mit websted. Jeg skulle nok også have tilføjet en "features" eller "articles" side også, da det er hele punktet i en blog. Men det er skønheden i et tankekort - du kan tilpasse det og ændre det, så det passer til, hvad designideer dukker op i hovedet undervejs.
Selvfølgelig, når du begynder at opbygge dit websted og har faktiske sider at vise, kan du tilføje hyperlinks til disse sider lige fra dit tankekort. Så som du skaber dit websted baseret på din FreeMind-plan, kan du bogstaveligt talt holde styr på alt lige fra selve planen.
Vil du tjekke den Kontakt-side, du redigerede et stykke tid tilbage? Lad være med at tage tid til at åbne din browser og indtaste webadressen, bare klik på dit FreeMind link, og du er der.
Du kan se linkets URL ved at svinge over noden - den vises i nederste statuslinje.
Oprettelse af hyperlinks gør det mere bekvemt at komme til de sider, du designer, hvilket selvfølgelig vil gøre hele din webdesignproces mere effektiv. Din hjemmeside mind map kan fungere som dit centrale hub - dit webdesign roadmap - at du kan arbejde fra for at fuldføre hele dit design projekt.
En anden rigtig cool funktion i FreeMind er evnen til at tilføje billeder til knuder. Klik blot på Insert - Image fra menuen, eller klik på noden og tryk på Alt-K. Bare blad til den billedfil, du vil bruge. Det er meget lettere, hvis du forstørrer billedet, så det er miniaturestørrelse - ellers bliver du nødt til at tilpasse HTML-kodesvisningen i FreeMind, efter du har importeret billedet.
Klik på billedet, og et redigeringsværktøj kommer op, så lad os tilføje en lille billedtekst under billedet. Du kan bruge dette til at tilføje lidt pizzaz til dit webdesign-mind-map. Jeg brugte den til at vise billederne af forfatterne, og node selv repræsenterer deres profilside på webstedet.
Hvis du ikke har noget imod dit kort bliver stort, kan du endda indsætte snapshots af siderne, billeder, som du mener repræsenterer sidens formål eller enhver anden brug for node-billeder, du kan komme med. Jeg kan godt lide at bruge billeder i mit webdesign-mind map, fordi det giver det mere karakter og giver lidt af et eksempel på sidens indhold for alle, der måske ser på kortet for første gang.
En anden rigtig cool funktion af FreeMind, der passer perfekt ind i webdesignværktøjet, er Time Management-værktøjet, der er bygget lige ind i FreeMind. Du kan komme derhen ved at gå til "Værktøjer" og derefter vælge "Vis kalender". Dette vil dukke op i et stort kalender "Time Management" vindue.
Du kan anvende datoer til knuderne ved at klikke på "Tilføj dato til valgte nodes". Dette er en cool måde at gøre versionskontrol på dine sider, efter dato / klokkeslæt stempling noden med den dato, hvor den pågældende side blev oprettet eller opdateret.
Den dato, du valgte, vil blive tilføjet til slutningen af nodeteksten.
Endnu bedre, hvorfor ikke oprette en tidsplan, så når din hjemmeside er færdig, kan du modtage en påmindelse, når det er på tide at opdatere en side på webstedet. Dette er en cool måde at systematisk udarbejde en opdateringsplan for et websted og planlægge specifikke sideopdateringer over tid, så opdatering af et websted ikke bliver en overvældende og kaotisk opgave.
For at gøre dette skal du bare vælge noden, gå til tidsstyringskalenderen, vælge den dato, du vil opdatere siden næste, og klik derefter på "Påmind mig på denne dato".
Et lille ikon af et ur vises på den knude. Det fortæller dig, at der er alarm i forbindelse med det, og du modtager en pop op-meddelelse på din computer, når det er tid til at opdatere den pågældende side. Aldrig troede du ville bruge et mindmapping værktøj til webdesign projektledelse, gjorde du?
Hvis du også vil se hele din opdateringsplan, listet efter side, skal du også gå til Tools og vælge "Show Time Scheduler List".
Du får en fuldstændig rapport over alle de sider, du har planlagt, når du har planlagt (oprettet) dem, og datoen, hvor den pågældende side skal opdateres næste.
Det eneste sted, hvor dette system kunne mislykkes, er, hvis du opdaterer siden og glemmer at komme tilbage og opdatere noden med en ny opdateringstid og dato. Så prøv at gøre det til en vane at gøre det, og du vil holde hele dit opdateringssystem løbe glat.
Åh, og der er en sidste, vigtig funktion, som jeg næsten glemte. Dette er faktisk en temmelig vigtig, hvis du plejer at være en af de programmører, der taber, hvor du gemmer dine projektfiler.
FreeMind har mulighed for at hyperlink til filer på din pc, så du kan bruge den funktion til at forbinde sidens knudepunkter til den aktuelle kode, der er gemt på din computer. Du går bare til "Indsæt", vælg "Hyperlink (File Chooser)" og derefter bare bladre til den fil, som du vil linke den node til.
Fillinket for den node vises som en rød pil. Når du vil lave nogle kodeændringer, skal du bare klikke på fillinket, og det åbner det øjeblikkeligt for dig - du behøver ikke at grave rundt om at forsøge at finde det. Bare sørg for at huske, hvor du har gemt det, så du kan uploade ændringerne til din webserver.
Som du kan se, hjælper det med at bruge et mindmapping-værktøj som FreeMind ikke kun dig at designe layout og flow af dit websted, det kan endda hjælpe dig med at styre hele dit webdesignprojekt fra start til slut.
Hvilke værktøjer bruger du til at styre dine webdesign projekter? Vil du overveje at prøve FreeMind i stedet? Har du andre kreative ideer til at bruge et mindmapping værktøj som led i et webdesign projekt? Del dine tanker i kommentarfeltet nedenfor.