Mainos

freemind web-suunnitteluKun ajattelet työkaluja, joiden avulla voit luoda verkkosivuja, ajattelet todennäköisesti esimerkiksi Kompozer tai pyromaani Amatööri-opas verkkosivujen suunnittelun mukauttamiseen FireBugilla Lue lisää . Entä jos sanoisin teille, että yksi työkalu, joka voi todella lisätä luovuusmehujasi verkkosivujen suunnittelun suunnittelussa, on mielikuva?

Olemme käsitellyt paljon mielen kartoitusvälineitä täällä MUO: ssa. Nancy tarkistettu Thoughtboxes Ajatuslaatikot: Mind-Mapping täyttää tehtäväluettelosi Lue lisää , ja Jeffry peitetty Mindmapping-työkalut Macille MindMapping: 3 yksinkertaista ideaidekarttaohjelmistoa Macille Lue lisää . Mielestäni suosikki ajattelutapani sovellus heistä kaikista on avoimen lähdekoodin projekti FreeMind.

Vapaa mieli on yksi niistä ihanan helppokäyttöisistä, mutta silti monimutkaisesti niin monimutkaisia ​​kuin tarvitset sen olla, kun todella tarvitset sen olla. Se on sen kauneus. Joten erityisen luoville ihmisille FreeMindin kaltainen sovellus vapauttaa mielesi kirjaimellisesti tutkimaan mihin suuntaan haluat mennä. Kun yrität tehdä jotain yhtä abstraktia ja monimutkaista kuin suunnittelet verkkosivuston virtausta ja toimintaa, tarvitset sellaista joustavuutta.

instagram viewer

Täällä MUOssa pyrimme auttamaan lukijoita “käyttämään” sovelluksia tavoilla, joita et ole ehkä ajatellut aiemmin. Olen varma, että jotkut teistä ovat käyttäneet ajatteluvälineitä tähän tarkoitukseen - tämä on loppujen lopuksi älykäs joukko. Mutta niille teistä, jotka eivät koskaan harkineet ajattelutapojen käyttämistä aivan uuden verkkosivustosi suunnittelussa, sallikaa minun viedä teidät kävelemään FreeMind-verkkosivujen suunnittelun puutarhaan.

Verkkosivun suunnittelu FreeMind-ohjelmalla

Yksinkertaisimmassa muodossaan mielestäni tulee erittäin ilmeiseksi erittäin nopeasti, miksi FreeMindin kaltainen ajattelutyökalu on ihanteellinen verkkosivujen suunnitteluun. Vain muutamassa minuutissa, vain käyttämällä FreeMindin ”Uusi lapsisolmu” -vaihtoehtoa, tuotin blogini ylätason kartan.

Kuten näette, FreeMind antaa sinun aloittaa ytimestä - sen ei tarvitse olla sivustosi pääsivu, se voi olla mikä tahansa aloitussivu - ja jäljittää sitten linkkipolusi uuden sivustosi kautta.

freemind web-suunnittelu

Tässä esimerkissä olen suunnitellut pääsivun, jossa on kuusi navigointilinkkiä sivustoni kuudelle pääosalle. Minun olisi todennäköisesti pitänyt lisätä myös “ominaisuudet” tai “artikkelit” -sivu, koska se on koko blogin tarkoitus. Mutta se on mielenkartan kauneutta - voit muokata sitä ja muuttaa sen sopimaan mihin tahansa suunnitteluideoihin, jotka ilmaantuvat pään päälle matkan varrella.

Tietenkin, kun aloitat verkkosivustosi rakentamisen ja sinulla on todellisia sivuja näytettäväksi, voit lisätä hyperlinkkejä kyseisiin sivuihin suoraan mielenkarttasi perusteella. Joten kun luot sivustosi perustuvaksi FreeMind-suunnitelmaan, voit kirjaimellisesti seurata kaikkea suoraan suunnitelmasta lähtien.

freemind verkkosivustojen kartoittamiseen

Haluatko tarkistaa jonkin aikaa muokkaamasi Yhteystiedot-sivun? Älä vaivaudu viettämään aikaa selaimen avaamiseen ja kirjoittamalla URL-osoitetta, napsauta vain FreeMind-linkkiäsi ja olet siellä.

freemind verkkosivustojen kartoittamiseen

Voit nähdä linkin URL-osoitteen viemällä hiiren osoittimen päälle. Se näkyy alareunan tilarivillä.

Hyperlinkkien luominen helpottaa suunnittelemasi sivuille pääsyä, mikä tietysti tekee koko verkkosuunnitteluprosessisi tehokkaammaksi. Verkkosivustosi ajatuskartta voi toimia keskipisteenä - verkkosuunnittelun etenemissuunnitelmana -, jonka avulla voit työskennellä loppuun koko suunnitteluprojektisi.

Toinen todella hieno FreeMind-ominaisuus on kyky lisätä kuvia solmuihin. Napsauta vain valikon Lisää - kuva tai napsauta solmua ja paina Alt-K. Selaa vain kuvatiedostoa, jota haluat käyttää. On paljon helpompaa, jos mitoitat kuvan niin, että se on pikkukuva - muuten joudut mukautumaan FreeMindin HTML-koodinäkymään kuvan tuomisen jälkeen.

freemind verkkosivustojen kartoittamiseen

Napsauta kuvaa ja esiin tulee muokkaustyökalu, jonka avulla voit lisätä kuvan alle kuvatekstin. Voit käyttää tätä lisätäksesi vähän pizzaa web-suunnittelumallikarttaasi. Käytin sitä kirjoittajien kuvien näyttämiseen, ja solmu itse edustaa heidän profiilisivuaan sivustolla.

Freemind-verkkosivusto

Jos et pidä karttasi kasvamasta valtavaksi, voit jopa lisätä sivujen esikatselukuvia, kuvia, jotka mielestäsi edustavat sivun tarkoitusta tai mitä tahansa muuta mahdollisesti tulevaa solmujen kuvaa ylös Pidän henkilökohtaisesti kuvien käyttämistä web-suunnittelumallin kartassa, koska se antaa sille enemmän luonnetta ja tarjoaa vähän sivun esikatselua kaikille, jotka saattavat katsoa karttaa ensimmäistä kertaa aika.

Toinen todella hieno FreeMind-ominaisuus, joka sopii täydellisesti verkkosuunnittelutyökalujen joukkoon, on aikahallintatyökalu, joka on rakennettu suoraan FreeMindiin. Pääset sinne siirtymällä ”Työkalut” ja valitsemalla sitten Näytä kalenteri. Tämä aukaisee suuren kalenterin ”Ajanhallinta” -ikkunan.

Freemind-verkkosivusto

Voit käyttää päivämääriä solmuihin napsauttamalla ”Liitä päivämäärä valittuihin solmuihin”. Tämä on hieno tapa hallita sivuillasi versioita, päivämäärä / aika leimalla solmu päivämäärällä, jona kyseinen sivu on luotu tai päivitetty.

Valitsemasi päivämäärä liitetään solmun tekstin loppuun.

Freemind-verkkosivusto

Parempaa vielä, miksi et määrittä aikataulua niin, että kun sivustosi on valmis, voit saada muistutuksen siitä, kun on aika päivittää sivuston sivu. Tämä on hieno tapa suunnitella systemaattisesti sivuston päivitysaikataulu, ajoittamalla tietyt sivun päivitykset ajan myötä, jotta verkkosivuston päivittämisestä ei tule ylimääräistä ja kaoottista työtä.

Voit tehdä tämän valitsemalla vain solmun, siirtymällä aikahallintakalenteriin, valitsemalla päivämäärän, jonka haluat päivittää sivun seuraavaksi, ja napsauttamalla sitten ”Muistuta minua tällä päivämäärällä”.

Kuinka käyttää FreeMind-ohjelmistoa verkkosivujen suunnitteluun tai hallintaan freemind8

Pieni kellon kuvake ilmestyy kyseiseen solmuun. Se kertoo, että siihen liittyy hälytys, ja saat tietokoneellesi ponnahdusviestin, kun on aika päivittää kyseinen sivu. Et ole koskaan ajatellut, että käytät ajattelutapaa työkalulla verkkosuunnitteluprojektien hallintaan, totta

Jos haluat nähdä koko päivitysaikataulun sivuluettelossa, siirry vain Työkalut-valikkoon ja valitse ”Näytä aikatauluttajaluettelo”.

Kuinka käyttää FreeMind-ohjelmistoa verkkosivujen suunnitteluun tai hallintaan freemind9

Saat täydellisen raportin kaikista ajoitetuista sivuista, kun olet suunnitellut (luonut) ne, ja päivämäärän, jolloin kyseinen sivu on tarkoitus päivittää seuraavaksi.

Kuinka käyttää FreeMind-ohjelmistoa suunnittelemaan tai hallitsemaan verkkosivustoa freemind10

Ainoa paikka, jossa tämä järjestelmä saattaa epäonnistua, on jos päivität sivun ja unohdat palata takaisin ja päivittää solmun uudella päivitysajalla ja -päivämäärällä. Joten yritä tehdä siitä tapana tehdä niin, ja pidät koko sivupäivitysjärjestelmän toimimaan sujuvasti.

Voi, ja on yksi viimeinen tärkeä ominaisuus, jonka melkein unohdin. Tämä on oikeastaan ​​aika tärkeä asia, jos sinulla on taipumus olla yksi niistä ohjelmoijista, joka menettää kuvan siitä, mihin projektitiedostot tallennetaan.

FreeMindillä on kyky hyperlinkittää tietokoneesi tiedostoihin, joten voit käyttää tätä ominaisuutta linkittääksesi sivusolmut todelliseen koodiin, joka on tallennettu tietokoneellesi. Mene vain "Lisää", valitse "Hyperlinkki (File Chooser)" ja selaa sitten vain tiedostoa, johon haluat linkittää kyseisen solmun.

freemind web-suunnittelu

Solmun tiedostolinkki näkyy punaisena nuolena. Aina kun haluat tehdä joitain koodimuutoksia, napsauta vain tiedostolinkkiä, ja se avaa sen heti sinulle - sinun ei tarvitse käydä etsimään sitä etsimään. Varmista vain, että muistat mihin tallensit sen, jotta voit lähettää muutokset Web-palvelimellesi.

Kuten näette, FreeMindin kaltaisen ajattelutyökalun avulla ei vain pystytä suunnittelemaan sivustosi ulkoasua ja virtausta, vaan se voi jopa auttaa sinua hallitsemaan koko verkkosuunnitteluprojektiasi alusta loppuun.

Mitä työkaluja käytät verkkosuunnitteluprojektiesi hallinnassa Haluatko kokeilla sen sijaan FreeMindia? Onko sinulla muita luovia ideoita ajattelutavan käyttämiseksi osana verkkosuunnitteluprojektia? Jaa ajatuksesi alla olevassa kommenttiosassa.

Ryanilla on BSc-tutkinto sähkötekniikasta. Hän on työskennellyt 13 vuotta automaatiotekniikassa, 5 vuotta IT: ssä ja on nyt sovellusinsinööri. MakeUseOfin entinen toimitusjohtaja, hänet puhutaan kansallisissa konferensseissa datan visualisoinnista ja hänet on esitelty kansallisessa televisiossa ja radiossa.