Hallitse sivustosi rakennetta Dreamweaverilla

Yksi yleisimmistä virheistä, joita uudet web-suunnittelijat tekevät, on ryhtyä kehittämään sivustoa miettimättä kaikkia tavoitteitaan, prioriteettejaan, budjettiaan ja suunnitteluvaihtoehtojaan. Vaisto on yksinkertaisesti aloittaa sivujen luominen, heittää ne kaikki yhteen suureen hakemistoon ja sitten yhdistää tavaraa linkeillä. Kun he sitten vihdoin testaavat sitä yleisöllään, he ovat usein yllättyneitä, kun käyttäjät sanovat, että sivustolla on vaikea navigoida eivätkä käyttäjät löydä haluamiaan sivuja.

Tee itsellesi palvelus ja säästä itseltäsi surua tekemällä suunnitelma. Suunnitelman avulla sinulla on myös paljon paremmat mahdollisuudet luoda houkutteleva Web-sivusto, jota on helppo ylläpitää ja päivittää. Sinun on ymmärrettävä Web-suunnittelun yleiset suunnittelukysymykset. Sinun on myös ymmärrettävä, kuinka Dreamweaver helpottaa kehittäjäryhmän hallintaa ja kuinka saada kaikki irti sivuston hallintaominaisuuksista, kuten sivuston synkronoinnista ja integroidusta sähköpostista. Jos joudut valitettavaan ahdinkoon yrittäessäsi korjata rikkinäisiä linkkejä, saatat myös ymmärtää, kuinka Dreamweaver helpottaa myös tätä tehtävää. Web-sivuston rakenteen hallinnassa on kaksi puolta: se puoli, jonka käyttäjät näkevät, mikä riippuu siitä, miten luot linkkejä ja kulissien takana, joka riippuu siitä, kuinka järjestät tiedostot ja kansiot.

Mitä käyttäjä näkee

Käyttäjän näkemä puoli koskee navigointia. Kun käyttäjät saapuvat kotisivullesi, mihin ohjaat heidät sieltä? Miten he liikkuvat sivustollasi? Hyvä Web-sivusto on suunniteltu siten, että käyttäjät voivat navigoida helposti ja intuitiivisesti ja luoda oman polkunsa heille tärkeimpiin tietoihin. Varmista suunnitelmien mukaan, että käyttäjät pääsevät helposti käsiksi tärkeimpiin tietoihin useammasta kuin yhdestä sivuston paikasta. Varmista, että he voivat liikkua edestakaisin sivujen ja osien välillä ja palata pääsivuille ja hakemistoihin yhdessä vaiheessa. Linkkien asettaminen on helppoa Dreamweaverissa; haasteena on varmistaa, että vierailijoiden on helppo seurata niitä.

Mitä näet

Toinen puoli Web-sivustosi rakenteen hallinnassa tapahtuu kulissien takana (jossa käyttäjäsi eivät näe tietoja, mutta haluat jonkinlaisen organisaatiojärjestelmän muistavan, mikä on mitä). Ennen kuin lähdet liian pitkälle rakentamaan sivustoasi Dreamweaverilla, mieti hetki hallintaongelmia, jotka liittyvät kaikkien sivustollesi luomiesi tiedostojen kirjaamiseen. Tiedostot koostuvat kaikista kuvista, HTML-sivuista, animaatioista, äänitiedostoista ja kaikesta muusta, jonka lisäät Web-sivustoosi. Kun luot sivuja Web-sivustollesi, on parasta järjestää ne erillisiin kansioihin tai hakemistoihin.

Jotkut Web-kehittäjät saavat 20 tai 30 sivua kasvavaan Web-sivustoon ja ymmärtävät sitten, että kaikkien tiedostojen pitäminen yhdessä kansiossa oli virhe. Itse asiassa se on enemmän kuin virhe; se on sotku. Ja vielä pahempaa, jos alat siirtää asioita uusiin kansioihin sivuston kasvaessa, sinun on vaihdettava kaikki linkit. Tietämättä tätä, jotkut ihmiset alkavat siirtää tiedostoja ympäriinsä ja sitten huomaavat, että heillä on rikkinäisiä linkkejä eivätkä muista minne asioiden pitäisi mennä. Onneksi Dreamweaver sisältää sivustonhallintatyökalut, jotka korjaavat automaattisesti linkit, kun siirrät sivuja tai luot uusia kansioita, mutta hyvällä suunnitelmalla aloittaminen on silti parempi kuin rakenteen puhdistaminen myöhemmin.

Ennen kuin luot ensimmäiset sivut, mieti, mihin todennäköisesti lisäät sisältöä tulevaisuudessa. Kun olet koonnut luettelon avainelementeistä, jotka haluat sivustollesi, olet valmis luomaan kuvakäsikirjoituksen tai ääriviivat. Käytä luetteloa ja ääriviivaa luodaksesi sivustosta loogisia osia, jotka ennakoivat kasvua. Voit esimerkiksi aloittaa yhdeltä sivulta, jossa luetellaan kaikki henkilöstösi. Kuitenkin nähtyään, kuinka siistiä se on, työntekijät saattavat haluta kehittää omia sivujaan. Siinä tapauksessa saatat haluta erillisen kansion henkilöstösivuille. Jos annat tietoja myyntitiimillesi, saatat huomata, että haluat erillisen osion jokaiselle tuotteelle. Kun lisäät uusia osioita, luo uusia alihakemistoja tai alikansioita vastaavien tiedostojen tallentamiseen. Alihakemistojen luominen helpottaa myös useiden ihmisten rakentaman sivuston hallintaa.


Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Opi käyttämään läpinäkyvyyttä SVG-grafiikassa Illustratorissa. Tutustu SVG-tiedostojen tulostamiseen läpinäkyvällä taustalla ja läpinäkyvyystehosteiden käyttämiseen.

Kuvien käsittely Adobe XD:ssä

Kuvien käsittely Adobe XD:ssä

Kun olet tuonut kuvat Adobe XD:hen, sinulla ei ole paljon muokkaushallintaa, mutta voit muuttaa kuvien kokoa ja kiertää niitä aivan kuten minkä tahansa muun muodon avulla. Voit myös pyöristää tuodun kuvan kulmia helposti kulmawidgetien avulla. Kuvien peittäminen määrittelemällä suljetun muodon […]

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Kun Adobe XD -projektissasi on tekstiä, voit alkaa muuttaa tekstin ominaisuuksia. Näitä ominaisuuksia ovat Fonttiperhe, Fonttikoko, Fontin paino, Tasaus, Merkkien väli (välitys ja seuranta), Riviväli (alku), Täyttö, Reuna (viiva), Varjo (pudottava varjo) ja Taustan sumennus. Katsotaanpa, kuinka näitä ominaisuuksia käytetään. Tietoja luettavuudesta ja fontista […]

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Aivan kuten Adobe Illustratorissa, Photoshop-piirustustaulut tarjoavat mahdollisuuden luoda erillisiä sivuja tai näyttöjä yhdelle asiakirjalle. Tämä voi olla erityisen hyödyllistä, jos rakennat näyttöjä mobiilisovellukselle tai pienelle esitteelle. Voit ajatella piirustustaulua erityisenä tasoryhmänä, joka on luotu Tasot-paneelin avulla. Sen […]

Muodot ja polygonit InDesignissa

Muodot ja polygonit InDesignissa

Monia InDesign Tools -paneelin työkaluja käytetään viivojen ja muotojen piirtämiseen sivulle, joten sinulla on useita eri tapoja luoda mielenkiintoisia piirustuksia julkaisuihisi. Voit luoda InDesignissa mitä tahansa perusmuodoista monimutkaisiin piirustuksiin sen sijaan, että joutuisit käyttämään piirustusohjelmaa, kuten […]

Rivitä teksti Adobe Illustrator CC:ssä

Rivitä teksti Adobe Illustrator CC:ssä

Tekstin kääriminen Adobe Illustrator CC:ssä ei ole aivan sama asia kuin lahjan kääriminen – se on helpompaa! Tekstin rivitys pakottaa tekstin kiertämään grafiikan ympärille, kuten tässä kuvassa. Tämä ominaisuus voi lisätä luovuutta mihin tahansa kappaleeseen. Grafiikka pakottaa tekstin kiertymään ympärilleen. Luo ensin […]

Kuinka muuttaa muotojen kokoa Illustratorissa

Kuinka muuttaa muotojen kokoa Illustratorissa

Kun suunnittelet Adobe Illustrator CC:llä, tarvitset usein muodon, jonka koko on tarkka (esimerkiksi 2 x 3 tuumaa). Kun olet luonut muodon, paras tapa muuttaa sen kokoa tarkkoihin mittoihin on käyttää tässä kuvassa näkyvää Transform-paneelia. Valitse objekti ja valitse sitten Ikkuna → Muunna muotoon […]

QR-koodien luominen InDesign CC:ssä

QR-koodien luominen InDesign CC:ssä

InDesignilla voit luoda ja muokata QR-koodigrafiikkaa. QR-koodit ovat viivakoodimuoto, johon voidaan tallentaa tietoja, kuten sanoja, numeroita, URL-osoitteita tai muita tietoja. Käyttäjä skannaa QR-koodin kamerallaan ja ohjelmistollaan laitteella, kuten älypuhelimella, ja ohjelmisto hyödyntää […]

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Saattaa olla hetkiä, jolloin tarvitset uuden kuvan näyttääksesi vanhalta. Photoshop CS6 tarjoaa sinut. Mustavalkokuvaus on uudempi ilmiö kuin uskotkaan. Dagerrotypioissa ja muissa varhaisissa valokuvissa oli usein ruskehtava tai sinertävä sävy. Voit luoda omia seepiasävyisiä mestariteoksia. Sävytetyt kuvat voivat luoda […]

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Adobe Creative Suite 5 (Adobe CS5) Illustratorin Live Paint -ominaisuuden avulla voit luoda haluamasi kuvan ja täyttää alueet väreillä. Live Paint -ämpäri tunnistaa automaattisesti alueet, jotka koostuvat itsenäisistä risteävistä poluista ja täyttää ne vastaavasti. Maali tietyllä alueella pysyy elävänä ja virtaa automaattisesti, jos […]