Cum să utilizați FreeMind pentru a proiecta sau administra un site web

Când te gândești la unelte pe care le poți folosi pentru a crea pagini web, probabil că te gândești la lucruri precum Kompozer sau Firebug Amateur's Guide la personalizarea design-ului web cu FireBug Amateur's Guide pentru personalizarea design-ului web cu FireBug Read More. Cu toate acestea, dacă ți-am spus că un instrument care poate stimula cu adevărat sucurile tale creative când vine vorba de formularea unui aspect de design web este o hartă a minții?

Am acoperit multe instrumente de cartografiere la MUO. Nancy Maple Thinkboxes: Mind-Mapping vă întâmpină cu lista dvs. de lucru Thoughtboxes: Mind-Mapping vă întâmpină cu lista dvs. de întrebări Citiți mai multe, și Jeffry a acoperit Mindmapping unelte pentru Mac MindMapping: 3 Simple Idea Mapping Software pentru Mac MindMapping: 3 Simple Mapping Idea Software pentru Mac Citiți mai multe. Cred că aplicarea mea minuțioasă preferată a tuturor acestora este proiectul open source FreeMind.

FreeMind este unul dintre acele minunat de simplu de utilizat, dar complicat la fel de complex ca ai nevoie pentru a fi atunci când aveți cu adevărat nevoie să fie. Aceasta este frumusețea ei. Deci, pentru oameni care sunt deosebit de creativi, o aplicație precum FreeMind vă eliberează literalmente să explorați în orice direcție doriți să mergeți. Când încercați să faceți ceva abstract și complex ca proiectarea fluxului și a funcției unui site web, acesta este tipul de flexibilitate de care aveți nevoie.

Aici, la MUO, încercăm să îi ajutăm pe cititori “a te folosi de” aplicații în moduri pe care nu le-ați avut în vedere înainte. Sunt sigur că există unii dintre voi care au folosit instrumente de gândire în acest scop - totuși, este o mulțime inteligentă. Dar, pentru cei dintre voi care nu au considerat niciodată că folosesc un instrument de mindmapping pentru a vă proiecta noul site nou, permiteți-mi să vă duc într-o plimbare prin grădina de design web FreeMind.

Proiectarea unui site web cu FreeMind

În cea mai simplă formă, cred că devine foarte evident foarte rapid exact de ce un instrument de mindmapping precum FreeMind este ideal pentru designul web. În doar câteva minute, numai folosind “Nou nod de copii” în FreeMind, am generat o hartă de nivel superior a blogului meu.

După cum puteți vedea, FreeMind vă permite să începeți dintr-o pagină de bază - nu trebuie să fie pagina principală a site-ului dvs., ar putea fi orice pagină de pornire - și apoi să urmăriți calea legăturilor prin noul dvs. site.

În acest exemplu, am proiectat o pagină principală cu șase linkuri de navigare pentru cele șase subsecțiuni majore ale site-ului meu. Probabil ar fi trebuit, de asemenea, să fi adăugat o “caracteristici” sau “articole” pagina, de asemenea, deoarece acesta este un punct de ansamblu al unui blog. Dar aceasta este frumusețea unei hărți de minte - puteți să o modificați și să o schimbați pentru a se potrivi oricăror idei de design pop în capul tău de-a lungul drumului.

Desigur, pe măsură ce începeți să vă construiți site-ul web și aveți pagini reale de afișat, puteți adăuga hiperlegături către aceste pagini direct de pe harta dvs. de minte. Deci, pe măsură ce creați site-ul dvs. bazat pe planul FreeMind, puteți urmări literalmente tot ceea ce este chiar de la plan.

Doriți să verificați pagina de contact pe care ați editat-o ​​înapoi? Nu vă deranjează să vă acordați timp pentru a vă deschide browserul și introduceți adresa URL, faceți clic pe link-ul FreeMind și sunteți acolo.

Puteți vedea adresa URL a linkului plasând cursorul peste nod - se afișează în bara de stare inferioară.

Crearea de hyperlink-uri face mai convenabil să ajungeți la paginile pe care le proiectați, ceea ce, desigur, va face întregul dvs. proces de web design mai eficient. Harta dvs. de minte a site-ului dvs. poate servi ca hub-ul dvs. central - harta dvs. de web-design - de la care puteți lucra pentru a finaliza întregul dvs. proiect de proiectare.

O altă caracteristică foarte interesantă a FreeMind este abilitatea de a adăuga imagini la noduri. Doar faceți clic pe Insert - Image din meniu sau faceți clic pe nod și apăsați Alt-K. Răsfoiți doar fișierul imagine pe care doriți să-l utilizați. Este mult mai ușor dacă dimensiunea imaginii astfel încât să fie dimensiunea miniaturii - în caz contrar va trebui să faceți clic pe codul HTML în FreeMind după importarea imaginii.

Faceți clic pe imagine și apare un instrument de editare, care vă permite să adăugați o subtitrare sub imagine. Puteți folosi acest lucru pentru a adăuga un pic de pizzaz la web-design mintea-hartă. Am folosit-o pentru a arăta imaginile scriitorilor, iar nodul în sine reprezintă pagina lor de profil de pe site.

Dacă nu vă deranjează faptul că harta dvs. a devenit imensă, puteți introduce chiar instantanee de previzualizare a paginilor, imagini pe care le considerați scopuri ale paginii sau orice altă utilizare pentru imaginile nodurilor pe care le puteți găsi. Îmi place personal să folosesc imagini în harta de gândire a web-design-ului, deoarece îi dă mai mult caracter și oferă un pic de previzualizare a conținutului paginii pentru oricine poate vizualiza harta pentru prima dată.

O altă caracteristică foarte interesantă a FreeMind, care se potrivește perfect în setul de instrumente web-design, este instrumentul Time Management care este construit chiar în FreeMind. Puteți ajunge acolo, mergând la “Unelte” și apoi alegeți “Afișați calendarul”. Acest lucru va afișa un calendar mare “De gestionare a timpului” fereastră.

Puteți aplica datele la noduri făcând clic pe “Adăugați data la nodurile selectate”. Acesta este un mod răcoros de a face controlul versiunii în paginile dvs., după data / ora ștanțând nodul cu data la care acea pagină a fost creată sau actualizată.

Data pe care ați ales-o va fi atașată la sfârșitul textului nodului.

Mai bine, de ce nu stabiliți un program, astfel încât, odată ce site-ul dvs. este finalizat, puteți primi un memento când este timpul să actualizați o pagină de pe site. Acesta este un mod interesant de a planifica în mod sistematic un program de actualizare pentru un site, care să programeze actualizări specifice ale paginilor în timp, astfel încât actualizarea unui site web să nu devină o problemă copleșitoare și haotică.

Pentru a face acest lucru, selectați doar nodul, accesați calendarul de gestionare a timpului, alegeți data pe care doriți să o actualizați pagina următoare, apoi faceți clic pe “Amintește-mi la această dată”.

În acel nod va apărea o mică pictogramă a ceasului. Asta vă spune că există o alarmă asociată cu aceasta și veți primi o notificare pop-up pe computer atunci când este timpul să actualizați acea pagină. Nu v-ați gândit niciodată că veți folosi un instrument de mindmapping pentru managementul de proiectare web-design, nu-i așa??

De asemenea, dacă doriți să vedeți întregul dvs. program de actualizare, listat pe pagină, mergeți doar la Instrumente și selectați “Afișați lista programator de timp”.

Veți primi un raport complet al tuturor paginilor pe care le-ați programat, atunci când le-ați programat (creat) și data la care o anumită pagină urmează să fie actualizată în continuare.

Singurul loc unde acest sistem ar putea eșua este dacă actualizați pagina și uitați să reveniți și să actualizați nodul cu o nouă dată și dată de actualizare. Deci, încercați să faceți un obicei pentru a face acest lucru și veți păstra întregul sistem de actualizare a paginilor fără probleme.

Oh, și există o trăsătură ultima, importantă pe care aproape că am uitat-o. Aceasta este de fapt una destul de importantă dacă aveți tendința de a fi unul dintre acei programatori care pierd pierderi de unde puteți stoca fișierele de proiect.

FreeMind are capacitatea de a face hyperlink-uri către fișierele de pe PC, astfel încât să puteți utiliza această caracteristică pentru a conecta nodurile de pagină la codul real care este salvat pe computer. Mergeți la “Introduce”, alege “Hyperlink (File Chooser)” și apoi navigați doar la fișierul la care doriți să conectați acest nod la.

Legătura fișierului pentru acel nod apare ca o săgeată roșie. Ori de câte ori doriți să efectuați modificări de cod, faceți clic pe link-ul de fișier și acesta se va deschide instantaneu pentru dvs. - nu este nevoie să vă grăbiți să încercați să-l găsiți. Asigurați-vă că vă amintiți unde l-ați salvat, astfel încât să puteți încărca modificările pe serverul dvs. web.

După cum puteți vedea, folosirea unui instrument de mindmapping, cum ar fi FreeMind, nu numai că vă ajută să proiectați aspectul și fluxul site-ului dvs., ci chiar vă poate ajuta să gestionați întregul proiect de web-design de la început până la sfârșit.

Ce instrumente folosiți pentru a gestiona proiectele dvs. de web design? V-ați gândi să încercați FreeMind în schimb? Aveți alte idei creative pentru utilizarea unui instrument de mindmapping ca parte a unui proiect de web design? Împărtășiți-vă gândurile în secțiunea de comentarii de mai jos.

Explorați mai multe despre: Mindmapping, Web Design, Instrumente pentru webmasteri.