Wanneer je denkt aan tools die je kunt gebruiken om webpagina's te maken, denk je waarschijnlijk aan dingen als Kompozer of Firebug Amateur's Guide Aan aanpassen van websiteontwerp met FireBug Amateur's Guide Aan aanpassen van websiteontwerp met FireBug Lees meer. Maar wat als ik je zou vertellen dat een tool die je creatieve sappen echt een boost kan geven als het aankomt op het formuleren van een lay-out voor een webontwerp, een mindmap is?
We hebben hier veel mind mapping-tools besproken op MUO. Nancy heeft Thoughtboxes besproken Thoughtboxes: Mind-Mapping voldoet aan je takenlijst Thoughtboxes: Mindmapping voldoet aan je takenlijst Lees meer, en Jeffry heeft Mindmapping-tools voor Mac MindMapping behandeld: 3 Simple Idea Mapping Software voor Mac MindMapping: 3 Simple Idea Mapping Software voor Mac Meer lezen. Ik denk dat mijn favoriete mindmapapplicatie van allemaal het open source project FreeMind is.
FreeMind is een van die wonderbaarlijk eenvoudig te gebruiken, maar ingewikkeld zo complex als je het nodig hebt om te zijn wanneer je het echt nodig hebt. Dat is het mooie ervan. Dus voor mensen die bijzonder creatief zijn, maakt een toepassing als FreeMind je geest letterlijk vrij om te verkennen in welke richting je ook wilt gaan. Wanneer je iets probeert te doen dat zo abstract en complex is als het ontwerpen van de stroom en functie van een website, dan is dat het soort flexibiliteit dat je nodig hebt.
Hier bij MUO proberen we lezers te helpen applicaties te gebruiken op manieren die je misschien nog niet eerder hebt overwogen. Ik ben er zeker van dat sommigen van jullie hiervoor mindmapping tools gebruiken - dit is tenslotte een intelligente crowd. Maar voor degenen onder u die nog nooit hebben overwogen een mindmapping-tool te gebruiken om uw gloednieuwe website te maken, kan ik u meenemen voor een wandeling door de webontwerptuin van FreeMind.
Een website ontwerpen met FreeMind
In de eenvoudigste vorm denk ik dat het heel snel heel duidelijk wordt waarom een mindmapping-tool als FreeMind ideaal is voor webdesign. In slechts een paar minuten, alleen met behulp van de optie "Nieuw kinderknooppunt" in FreeMind, heb ik een kaart op het hoogste niveau van mijn blog gegenereerd.
Zoals je ziet, laat FreeMind je starten vanaf een kernpagina - het hoeft niet de hoofdpagina van je site te zijn, het kan elke startpagina zijn - en dan het pad van links volgen via je nieuwe site.
In dit voorbeeld heb ik een hoofdpagina met zes navigatielinks ontworpen voor de zes belangrijkste subsecties van mijn site. Ik had waarschijnlijk ook een pagina met "functies" of "artikelen" moeten toevoegen, want dat is het hele punt van een blog. Maar dat is de schoonheid van een mindmap - je kunt het aanpassen en aanpassen aan de ontwerpideeën die je onderweg tegenkomt.
Natuurlijk, terwijl u begint met het bouwen van uw website en echte pagina's laat zien, kunt u vanuit uw mindmap hyperlinks naar die pagina's toevoegen. Dus terwijl u uw site maakt op basis van uw FreeMind-plan, kunt u letterlijk alles vanuit het plan zelf bijhouden.
Wil je de Contact-pagina bekijken die je een tijdje geleden hebt bewerkt? Neem niet de moeite om de tijd te nemen om uw browser te openen en typ de URL in, klik gewoon op uw FreeMind-link en u bent daar.
U kunt de URL van de link zien door de muis over het knooppunt te houden - het wordt weergegeven in de onderste statusbalk.
Het maken van hyperlinks maakt het handiger om naar de pagina's te gaan die u ontwerpt, waardoor uw hele webontwerpproces efficiënter wordt. De mindmaps van uw website kunnen dienen als uw centrale hub - uw routekaart voor webontwerp - waar u vanuit kunt werken om uw hele ontwerpproject te voltooien.
Nog een hele leuke eigenschap van FreeMind is de mogelijkheid om afbeeldingen toe te voegen aan knooppunten. Klik op Invoegen - Afbeelding in het menu of klik op het knooppunt en druk op Alt-K. Blader gewoon naar het afbeeldingsbestand dat u wilt gebruiken. Het is veel eenvoudiger als u de afbeelding zo groot maakt dat het de miniatuurgrootte is - anders moet u de HTML-codeweergave aanpassen in FreeMind nadat u de afbeelding hebt geïmporteerd.
Klik op de afbeelding en er verschijnt een bewerkingstool waarmee u een kleine bijschrift onder de afbeelding kunt toevoegen. Je kunt dit gebruiken om een beetje pizzaz toe te voegen aan je web-ontwerp mind-map. Ik gebruikte het om de afbeeldingen van de schrijvers te tonen, en het knooppunt zelf vertegenwoordigt hun profielpagina op de site.
Als u het niet erg vindt dat uw kaart enorm wordt, kunt u zelfs voorbeeldfoto's van de pagina's invoegen, afbeeldingen waarvan u denkt dat ze het pagina-doel vertegenwoordigen of elk ander gebruik voor knooppuntafbeeldingen die u kunt bedenken. Persoonlijk vind ik het leuk om afbeeldingen te gebruiken in mijn web-design mindmaps, omdat het meer karakter geeft en een klein voorproefje biedt van de pagina-inhoud voor iedereen die de kaart voor de eerste keer bekijkt.
Een andere echt coole functie van FreeMind die perfect in de toolset voor webontwerp past, is de Time Management-tool die is ingebouwd in FreeMind. Je kunt er komen door naar "Tools" te gaan en vervolgens "Show Calendar" te kiezen. Dit zal een groot kalender "Time Management" venster openen.
U kunt datums op de knooppunten toepassen door op "Datum toevoegen aan geselecteerde knooppunten" te klikken. Dit is een coole manier om versiebeheer op uw pagina's uit te voeren, door op datum / tijd het knooppunt uit te stemmen met de datum waarop die specifieke pagina is gemaakt of bijgewerkt.
De door u gekozen datum wordt toegevoegd aan het einde van de knooppunttekst.
Beter nog, waarom zou u geen schema opstellen zodat zodra uw site is voltooid, u een herinnering kunt ontvangen wanneer het tijd is om een pagina op de site bij te werken. Dit is een coole manier om een updateschema voor een site systematisch in te plannen en in de loop van de tijd specifieke pagina-updates te plannen, zodat het bijwerken van een website geen overweldigende en chaotische klus wordt.
Selecteer hiervoor het knooppunt, ga naar de tijdmanagementkalender, kies de datum waarop u de volgende pagina wilt bijwerken en klik vervolgens op "Herinner mij op deze datum".
Er verschijnt een klein pictogram van een klok op dat knooppunt. Dat vertelt u dat er een alarm aan gekoppeld is en u ontvangt een pop-upmelding op uw computer wanneer het tijd is om die pagina bij te werken. Nooit gedacht dat je een mindmapping-tool zou gebruiken voor web-design project management, of wel?
Als u ook uw volledige updateschema wilt zien, gesorteerd op pagina, gaat u naar Tools en selecteert u "Show Time Scheduler List".
U krijgt een volledig rapport van alle pagina's die u hebt gepland, wanneer u ze hebt gepland (gemaakt) en de datum waarop de betreffende pagina als volgende moet worden bijgewerkt.
De enige plaats waar dit systeem zou kunnen falen is als u de pagina bijwerkt en vergeet om terug te komen en het knooppunt bij te werken met een nieuwe update-tijd en -datum. Dus, probeer er een gewoonte van te maken en je zorgt ervoor dat je hele pagina-updateproces soepel verloopt.
Oh, en er is nog een laatste, belangrijke functie die ik bijna was vergeten. Dit is eigenlijk een vrij belangrijke als je een van die programmeurs bent die het spoor verliest van waar je je projectbestanden opslaat.
FreeMind heeft de mogelijkheid om hyperlinks te maken naar bestanden op uw pc, zodat u die functie kunt gebruiken om de paginaknopen te koppelen aan de feitelijke code die op uw computer is opgeslagen. Ga gewoon naar "Invoegen", kies "Hyperlink (Bestandskiezer)" en blader dan naar het bestand waarnaar u dat knooppunt wilt linken.
De bestandskoppeling voor dat knooppunt wordt weergegeven als een rode pijl. Wanneer u een aantal codewijzigingen wilt aanbrengen, klikt u gewoon op de bestandskoppeling en deze wordt onmiddellijk voor u geopend - u hoeft niet verder te zoeken om het te vinden. Zorg er alleen voor dat u onthoudt waar u het hebt opgeslagen, zodat u de wijzigingen naar uw webserver kunt uploaden.
Zoals je kunt zien, helpt het gebruik van een mindmapping-tool als FreeMind je niet alleen om de lay-out en flow van je site te ontwerpen, het kan je zelfs helpen om je hele webontwerpproject van begin tot einde te beheren.
Welke hulpmiddelen gebruikt u om uw webontwerpprojecten te beheren? Zou je kunnen overwegen om FreeMind uit te proberen? Hebt u nog andere creatieve ideeën voor het gebruik van een mindmapping-tool als onderdeel van een webontwerpproject? Deel uw mening in de commentarensectie hieronder.