Saidistruktuuri haldamine Dreamweaveri abil

Üks levinumaid vigu, mida uued veebidisainerid teevad, on see, et nad sukelduvad saidi arendamisse, mõtlemata läbi kõik oma eesmärgid, prioriteedid, eelarve ja kujundusvõimalused. Instinkt on lihtsalt alustada lehtede loomist, visata need kõik ühte suurde kataloogi ja seejärel siduda asjad linkidega kokku. Seejärel, kui nad seda lõpuks oma vaatajaskonna peal testivad, on nad sageli üllatunud, kui kasutajad ütlevad, et saidil on raske navigeerida ja kasutajad ei leia lehti, mida nad soovivad kasutada.

Tehke endale teene ja säästke endale leina, tehes plaani. Kui teil on plaan, on teil ka palju suurem võimalus luua atraktiivne veebisait, mida on lihtne hooldada ja värskendada. Peate mõistma veebidisaini levinumaid planeerimisprobleeme. Samuti peate mõistma, kuidas Dreamweaver muudab arendajate meeskonna haldamise lihtsamaks ja kuidas saidihaldusfunktsioonidest (nt saidi sünkroonimine ja integreeritud e-post) maksimumi võtta. Kui leiate end katkiste linkide parandamise kahetsuslikust olukorrast, võite hinnata ka seda, kuidas Dreamweaver selle ülesande lihtsamaks teeb. Veebisaidi struktuuri haldamisel on kaks külge: pool, mida kasutajad näevad, mis sõltub sellest, kuidas seadistate lingid ja kulisside taga, mis sõltub failide ja kaustade korraldamisest.

Mida kasutaja näeb

Pool, mida kasutaja näeb, on seotud navigeerimisega. Kui kasutajad teie avalehele jõuavad, kuhu te nad sealt suunate? Kuidas nad teie saidil ringi liiguvad? Hea veebisait on loodud nii, et kasutajad saaksid hõlpsalt ja intuitiivselt navigeerida ning luua oma tee nende jaoks kõige asjakohasema teabeni. Nagu plaanite, veenduge, et kasutajad pääseksid hõlpsasti juurde põhiteabele saidi rohkem kui ühest kohast. Veenduge, et nad saaksid liikuda lehtede ja jaotiste vahel edasi-tagasi ning naasta ühe sammuga põhilehtedele ja registritele. Linkide seadistamine on Dreamweaveris lihtne; väljakutse on tagada, et külastajatel oleks neid lihtne jälgida.

Mida sa näed

Veebisaidi struktuuri haldamise teine ​​pool toimub kulisside taga (kus teie kasutajad ei näe teavet, kuid soovite, et mingi organisatsioonisüsteem mäletaks, mis on mis). Enne kui jõuate Dreamweaveri abil saidi loomisega liiga kaugele, mõelge veidi haldusprobleemidele, mis on seotud kõigi saidi jaoks loodud failide jälgimisega. Failid koosnevad kõigist piltidest, HTML-lehtedest, animatsioonidest, helifailidest ja kõigest muust, mille olete oma veebisaidile lisanud. Kui loote oma veebisaidile lehti, on kõige parem korraldada need eraldi kaustadesse või kataloogidesse.

Mõned veebiarendajad panevad kasvavale veebisaidile 20 või 30 lehekülge ja mõistavad siis, et kõigi nende failide ühes kaustas hoidmine oli viga. Tegelikult on see rohkem kui viga; see on segadus. Asja teeb hullemaks see, et kui hakkate pärast saidi kasvamist asju uutesse kaustadesse teisaldama, peate muutma kõik lingid. Kui nad sellest aru ei saa, hakkavad mõned inimesed faile ümber tõstma ja siis avastavad, et neil on katkised lingid ega mäleta, kuhu asjad peaksid minema. Õnneks sisaldab Dreamweaver saidihaldustööriistu, mis parandavad automaatselt lingid, kui liigutate lehti või loote uusi kaustu, kuid hea plaaniga alustamine on siiski parem kui struktuuri hilisem puhastamine.

Enne nende esimeste lehtede koostamist mõelge sellele, kuhu te tõenäoliselt tulevikus sisu lisate. Kui olete oma saidil soovitud põhielementide loendi koostanud, olete valmis süžeeskeemi või kontuuri looma. Kasutage loendit ja ülevaadet saidi loogiliste osade loomiseks, mis eeldavad kasvu. Näiteks võite alustada ühe leheküljega, kus on loetletud kõik teie töötajad; Kuid pärast seda, kui nad näevad, kui lahe see on, võivad töötajad soovida oma lehti välja töötada. Sel juhul võite soovida personalilehtede jaoks eraldi kausta. Kui pakute teavet oma müügimeeskonna jaoks, võite avastada, et soovite iga toote jaoks eraldi jaotist. Uute jaotiste lisamisel looge nende vastavate failide salvestamiseks uued alamkataloogid või alamkaustad. Alamkataloogide loomine muudab ka mitme inimese loodud saidi haldamise lihtsamaks.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]