Kymmenen aikaa säästävää Dreamweaver-verkkosuunnitteluvinkkiä

Kaikki hyvät sivustot kasvavat ja kehittyvät. Jos aloitat vahvasta suunnittelusta ja kiinnität erityistä huomiota joihinkin käyttöliittymän, navigoinnin ja tyylin perussääntöihin, sinulla on parempi perusta, jolle rakentaa. Seuraavat suunnitteluideat ja Dreamweaver-vinkit voivat auttaa sinua säästämään aikaa, kun luot verkkosivustoja, jotka näyttävät upeilta kaikille vierailijoillesi.

1Plan – se kannattaa.

Vaikka sinulla olisikin paineita saada verkkosivusto verkkoon nopeasti, säästät pitkällä aikavälillä aikaa, jos käytät ensin vähän aikaa suunnitelman laatimiseen.

World Wide Web ei katoa mihinkään. Vaikka sinun on saatava sivustosi verkkoon mahdollisimman nopeasti, tavoitteesi tulisi olla sivuston suunnittelu, joka todella palvelee yleisöäsi, liiketoimintaasi ja tavoitteitasi – ja nämä tavoitteet vaativat suunnittelua.

2Määrittele tavoitteet, jotka auttavat sinua keskittymään.

Jos aloitat verkkosivustosi tavoitteena houkutella miljoonia kävijöitä ja myydä tonnia tuotteita ja palveluita, et ole tarpeeksi tarkka. Mitä tarkemmin voit ilmaista tavoitteesi, sitä paremmat mahdollisuudet sinulla on saavuttaa ne. Sinun tulisi rajoittaa itsesi vain kolmeen tavoitteeseen.

3 Aseta määräajat auttamaan sinua lopettamaan.

Kun olet selvittänyt tavoitteesi ja tehtävät, jotka sinun on suoritettava ennen verkkosivustosi käynnistämistä, on aika luoda aikajana ja asettaa määräajat. Varmista, että annat itsellesi realistisen aikataulun hyvän työn tekemiseen ja ota huomioon hieman enemmän aikaa kuin uskot tarvitsevasi, varsinkin jos olet uusi web-suunnittelun parissa.

Vaikka työskentelet verkkosivustolla yksin tai hyvin pienen ryhmän kanssa, määräaikojen asettaminen on yksi tärkeimmistä osista minkä tahansa projektisuunnitelmassa – ja antaa sinulle paljon paremmat mahdollisuudet valmistua. Yritä sitoa määräaika erityiseen tapahtumaan tai tilaisuuteen.

4 Suunnittele yleisöllesi.

Riippumatta siitä, kuinka teknisesti hienostunut verkkosivusto on tai kuinka hienosti kirjoitettu, useimmat ihmiset huomaavat suunnittelun ensimmäisenä. Varmista, että jätät tarpeeksi aikaa ja budjettia sopivan ja houkuttelevan ulkoasun kehittämiseen verkkosivustollesi. Oikea muotoilu sopii yleisöllesi parhaiten – ja se voi tarkoittaa paljon hienoa grafiikkaa ja animaatioita tai ei.

5Luo yhtenäinen muotoilu.

Useimmat verkkosivustot toimivat parhaiten ja niissä on helpoin navigoida, kun ne noudattavat yhtenäistä suunnitteluteemaa. Esimerkki: Useimmat lukijat pitävät itsestäänselvyytenä, että kirjat eivät muuta ulkoasuaan sivulta toiselle ja että sanomalehdet eivät vaihda otsikoiden fontteja ja logoja päivästä toiseen.

Itse asiassa monet väittävät, että kun käyttäjät sanovat, että jokin on "intuitiivista käyttää", he todella tarkoittavat, että se on tuttu. Johdonmukaisuus on yksi tärkeimmistä suunnittelussa käytetyistä työkaluista, joiden avulla lukijat löytävät sivuston tutuksi ja helpottavat tarinan tai navigointielementtien sarjan seuraamista.

6Noudata kolmen napsautuksen sääntöä.

Kolmen napsautuksen sääntö sanoo, että mikään tärkeä tieto ei saa koskaan olla yli kolmen napsautuksen päässä mistään muualta verkkosivustollasi. Tärkeimpien tietojen tulisi olla vieläkin lähempänä. Esimerkiksi monet suunnittelijat ovat yhtä mieltä siitä, että yhteystiedot eivät saa koskaan olla kuin yhden napsautuksen päässä.

Voit helpottaa tietojen löytämistä katsojille luomalla navigointipalkin – joukon linkkejä sivustosi kaikkiin pääosiin, jotka toistat kaikilla sivustosi sivuilla. Navigointipalkin avulla vierailijat voivat helposti siirtyä sivustosi osiosta toiseen.

Jos sivustossasi on paljon sivuja, järjestä ne osioihin, joissa on alaosiot, ja käytä sitten avattavaa valikkoa.

7Ajattele ennen kuin lisäät hienoja fontteja.

Suunnittelijat innostuvat, kun he saavat tietää, että he voivat nyt käyttää verkkosivuilla mitä tahansa haluamaansa kirjasinta. Valitettavasti, kuten monet muutkin asiat verkossa, fonttien käyttö on monimutkaisempaa kuin voisi odottaa.

Esimerkiksi vaikka sinulla olisi oikeudet isännöidä kirjasinta omalla verkkopalvelimellasi, sinulla ei välttämättä ole kaikkia fontin muunnelmia, joita tarvitaan kirjainten näyttämiseen oikein Mac- ja Windows-tietokoneissa tai toimimaan kaikissa verkkoselaimissa. Siksi useimmat verkkosuunnittelijat käyttävät kirjasinpalvelua:

8 Pidä usein käytetyt tavarat käsillä.

Oletko koskaan toivonut, että voisit säilyttää kaikki Dreamweaverin suosikkiominaisuudet yhdessä kätevässä paikassa? Sinä pystyt! Mukauta vain Suosikit-kokoelmaa Lisää-paneelissa.

Käynnistä Dreamweaver ja avaa yhteinen lisäyspaneeli valitsemalla Ikkuna→Lisää. Lisää-paneeli sisältää useita osioita, mukaan lukien Rakenne, Media, Lomakkeet ja Suosikit.

Napsauta Lisää-paneelin nuolta ja valitse avattavasta luettelosta Suosikit. Suosikit-vaihtoehto on avattavan Lisää-paneeliluettelon lopussa.

Jos haluat mukauttaa Suosikit-paneelia kaikilla suosikkitoimintokuvakkeillasi, napsauta hiiren kakkospainikkeella (tai Ctrl+napsauta Macissa) ja valitse Mukauta suosikkeja. Käytä Suosikkien lisäys -paneelia kätevänä tapana pitää kaikki suosikkitoiminnot käsillä. Voit jopa vaihtaa sen erityisprojekteihin, jotka vaativat kokoelman ohjelman ominaisuuksia.

9 Jaa näkymä.

Jos haluat vaihtaa edestakaisin Dreamweaverin koodinäkymän ja suunnittelunäkymän välillä, arvostat mahdollisuutta jakaa ikkuna niin, että voit tarkastella sekä lähdekoodia että sivun ulkoasua samanaikaisesti. Voit jakaa ikkunan valitsemalla Jaa näkymä -painike työtilan vasemmasta yläkulmasta.

Dreamweaverin lähdekoodi on värikoodattu, jotta tunnisteet on helpompi erottaa sisällöstä. Toinen hyödyllinen ominaisuus jaetussa näkymässä on, että jos valitset kuvan, tekstin tai muun elementin sivulla suunnittelunäkymässä, vastaava koodi korostetaan automaattisesti koodinäkymässä.

10 Varmuuskopioi verkkosivustosi.

Varmista, että sinulla on järjestelmä verkkosivustosi varmuuskopiointiin. Pidä aina kopio kaikista palvelimellasi olevista tiedostoista eri paikassa ja päivitä se säännöllisesti varmistaaksesi, että sivustosi uusin versio on aina varmuuskopioitu.

Jos haluat luoda varmuuskopion Dreamweaverissa luomastasi verkkosivustosta, sinun on kopioitava sivustokansio, johon tallennat kaikki verkkosivustosi tiedostot. Ihannetapauksessa sinun pitäisi kopioida tämä kansio ulkoiselle kiintolevylle tai ladata se online-varmuuskopiointijärjestelmään (jota isännöidään erillään verkkopalvelimestasi).