Category Archives: Veebidisain

Koduleht – veebilehe ülesehitus ja disain

Koduleht ehk veebileht on HTML/XHTML-dokument veebis, mida loetakse brauseris. See võib sisaldada linke, CSS-i, skripte ja pilte. Disainer peab tundma staatilist ja dünaamilist lehte ning ligipääsetavust.

Tööpõhimõte

Päringud käivad HTTP/HTTPS kaudu. Staatiline leht on failisüsteemis; dünaamiline ehitatakse serveris. JavaScript võimaldab kiiret reaktsiooni kliendi poolel. Server võib piirata ligipääsu või avaldada lehti avalikult.

Kujundus

CSS määrab värvid, tüpograafia ja paigutuse; eraldi faili saab vahemällu salvestada. Pildid laaditakse eraldi. Hea kontrast ja loetavus on dekoratsioonist olulisemad.

Ligipääsetavus

Kasutajad võivad vajada ekraanilugejat, Braille’i tuge või keelatuid pilte aeglases võrgus. W3C/WAI soovitavad, et sisu jääks kasutatavaks ka ilma CSS/JS-ita. Semantilised pealkirjad ja alt-tekstid aitavad.

Struktuur

Visiitkaart võib olla staatiline; blogi või pood vajab CMS-i. Mitmeleheline navigeerimine toetab teenuseid, hindu ja kontakti. Responsiivsus on standard.

Hea koduleht on kiire, selge ja kättesaadav.

Lisalugemine ja kontekst

Teema mõistmisel tasub võrrelda mitut allikat ning eristada definitsiooni, ajalugu ja praktilisi soovitusi. Sama sõna võib tähendada erinevat asja argikeeles ja erialakirjanduses. Pane kirja aastad, nimed ning põhjus–tagajärg seosed – nii muutub tekst usaldusväärsemaks. Lõpeta lühikese kontrollnimekirjaga, mille juurde hiljem naasta. Aruta teemat kellegagi, kellel on praktiline kogemus, et teooria seostuks näidetega.

Levinud vead

Levinud viga on sarnaste terminite segi ajamine või numbrite esitamine kontekstita. Teine viga on aluste vahele jätmine ja kohe detailidesse sukeldumine. Ehita tekst definitsioonist näideteni. Kontrolli, et nõuanded sobivad sinu olukorda – reeglid, keel ja sihtrühm erinevad riigiti. Enne tsiteerimist või avaldamist kontrolli faktid ja aastad üle usaldusväärsest allikast.

Kuidas edasi minna

Võta kolm peamist punkti, proovi ühte konkreetset rutiini nädala jooksul ja hinda tulemust. Kui kirjutad teistele: selgita, miks teema oluline on, too näide ja viita usaldusväärsele allikale. Nii on sisu kasulikum kui pelk faktide loetelu. Regulaarne harjutamine kinnistab oskusi paremini kui ühekordne intensiivne lugemine.

Praktiline meelespea

Enne suuremaid otsuseid kontrolli uuesti peamisi mõisteid ja ohutus- või kvaliteedinõudeid. Väike ettevalmistus säästab aega. Jaga teadmine kolleegidele või perele, et hea tava ei jääks vaid sinu teadmiseks. Dokumenteeri, mis töötas, et järgmine kord oleks lihtsam alustada ja vigu vältida.

Lisalugemine ja kontekst

Teema mõistmisel tasub võrrelda mitut allikat ning eristada definitsiooni, ajalugu ja praktilisi soovitusi. Sama sõna võib tähendada erinevat asja argikeeles ja erialakirjanduses. Pane kirja aastad, nimed ning põhjus–tagajärg seosed – nii muutub tekst usaldusväärsemaks. Lõpeta lühikese kontrollnimekirjaga, mille juurde hiljem naasta. Aruta teemat kellegagi, kellel on praktiline kogemus, et teooria seostuks näidetega.

Levinud vead

Levinud viga on sarnaste terminite segi ajamine või numbrite esitamine kontekstita. Teine viga on aluste vahele jätmine ja kohe detailidesse sukeldumine. Ehita tekst definitsioonist näideteni. Kontrolli, et nõuanded sobivad sinu olukorda – reeglid, keel ja sihtrühm erinevad riigiti. Enne tsiteerimist või avaldamist kontrolli faktid ja aastad üle usaldusväärsest allikast.

Kuidas edasi minna

Võta kolm peamist punkti, proovi ühte konkreetset rutiini nädala jooksul ja hinda tulemust. Kui kirjutad teistele: selgita, miks teema oluline on, too näide ja viita usaldusväärsele allikale. Nii on sisu kasulikum kui pelk faktide loetelu. Regulaarne harjutamine kinnistab oskusi paremini kui ühekordne intensiivne lugemine.

Praktiline meelespea

Enne suuremaid otsuseid kontrolli uuesti peamisi mõisteid ja ohutus- või kvaliteedinõudeid. Väike ettevalmistus säästab aega. Jaga teadmine kolleegidele või perele, et hea tava ei jääks vaid sinu teadmiseks. Dokumenteeri, mis töötas, et järgmine kord oleks lihtsam alustada ja vigu vältida.

Lisalugemine ja kontekst

Teema mõistmisel tasub võrrelda mitut allikat ning eristada definitsiooni, ajalugu ja praktilisi soovitusi. Sama sõna võib tähendada erinevat asja argikeeles ja erialakirjanduses. Pane kirja aastad, nimed ning põhjus–tagajärg seosed – nii muutub tekst usaldusväärsemaks. Lõpeta lühikese kontrollnimekirjaga, mille juurde hiljem naasta. Aruta teemat kellegagi, kellel on praktiline kogemus, et teooria seostuks näidetega.

Levinud vead

Levinud viga on sarnaste terminite segi ajamine või numbrite esitamine kontekstita. Teine viga on aluste vahele jätmine ja kohe detailidesse sukeldumine. Ehita tekst definitsioonist näideteni. Kontrolli, et nõuanded sobivad sinu olukorda – reeglid, keel ja sihtrühm erinevad riigiti. Enne tsiteerimist või avaldamist kontrolli faktid ja aastad üle usaldusväärsest allikast.

Allikad

WordPress – avatud lähtekoodiga sisuhaldus

WordPress on avatud lähtekoodiga sisuhaldussüsteem (PHP ja MySQL), mis kasvas blogitööriistast üheks levinumaks koduleheplatvormiks. Allpool on ajalugu, võimalused, hooldus ja disaineri vaade.

Ajalugu

Eelkäija b2/cafelog (Michael Valdrighi) oli 2003. maiks umbes 2000 blogis. Matt Mullenweg levitas esimest WordPressi 27. mail 2003. 2016. veebruaris kasutas WordPressi ~59,2% teadaoleva CMS-iga saitidest (~26,2% kõigist). Lai levik teeb vanad installatsioonid sage ründeobjektiks.

Võimalused

Teemad, püsiviited, kategooriad, sildid, filtrid ja pluginad laiendavad funktsioone. Gutenberg võimaldab plokkidega sisu. WordPress.org on oma hostingu peal; WordPress.com on majutatud teenus. Agentuurile on .org paindlikum.

Hooldus

Uuenda tuuma, teemasid ja pluginaid; tee varukoopiaid; skaneeri pahavara; optimeeri kiirust; paranda vigased lingid. Vähem pluginaid tähendab vähem konflikte. Staging aitab uuendusi testida enne tootmist.

Disain ja SEO

Selge infoarhitektuur, ligipääsetavus, mobiilivaade ja mõõdetav jõudlus loevad. Puhas URL, pealkirjad ja sisemised lingid toetavad nähtavust. Testi vorme ja CTA-sid enne avaldamist eri seadmetes.

WordPress on võimas, kui hooldus ja distsipliin käivad kaasas.

Lisalugemine ja kontekst

Teema mõistmisel tasub võrrelda mitut allikat ning eristada definitsiooni, ajalugu ja praktilisi soovitusi. Sama sõna võib tähendada erinevat asja argikeeles ja erialakirjanduses. Pane kirja aastad, nimed ning põhjus–tagajärg seosed – nii muutub tekst usaldusväärsemaks. Lõpeta lühikese kontrollnimekirjaga, mille juurde hiljem naasta. Aruta teemat kellegagi, kellel on praktiline kogemus, et teooria seostuks näidetega.

Levinud vead

Levinud viga on sarnaste terminite segi ajamine või numbrite esitamine kontekstita. Teine viga on aluste vahele jätmine ja kohe detailidesse sukeldumine. Ehita tekst definitsioonist näideteni. Kontrolli, et nõuanded sobivad sinu olukorda – reeglid, keel ja sihtrühm erinevad riigiti. Enne tsiteerimist või avaldamist kontrolli faktid ja aastad üle usaldusväärsest allikast.

Kuidas edasi minna

Võta kolm peamist punkti, proovi ühte konkreetset rutiini nädala jooksul ja hinda tulemust. Kui kirjutad teistele: selgita, miks teema oluline on, too näide ja viita usaldusväärsele allikale. Nii on sisu kasulikum kui pelk faktide loetelu. Regulaarne harjutamine kinnistab oskusi paremini kui ühekordne intensiivne lugemine.

Praktiline meelespea

Enne suuremaid otsuseid kontrolli uuesti peamisi mõisteid ja ohutus- või kvaliteedinõudeid. Väike ettevalmistus säästab aega. Jaga teadmine kolleegidele või perele, et hea tava ei jääks vaid sinu teadmiseks. Dokumenteeri, mis töötas, et järgmine kord oleks lihtsam alustada ja vigu vältida.

Lisalugemine ja kontekst

Teema mõistmisel tasub võrrelda mitut allikat ning eristada definitsiooni, ajalugu ja praktilisi soovitusi. Sama sõna võib tähendada erinevat asja argikeeles ja erialakirjanduses. Pane kirja aastad, nimed ning põhjus–tagajärg seosed – nii muutub tekst usaldusväärsemaks. Lõpeta lühikese kontrollnimekirjaga, mille juurde hiljem naasta. Aruta teemat kellegagi, kellel on praktiline kogemus, et teooria seostuks näidetega.

Levinud vead

Levinud viga on sarnaste terminite segi ajamine või numbrite esitamine kontekstita. Teine viga on aluste vahele jätmine ja kohe detailidesse sukeldumine. Ehita tekst definitsioonist näideteni. Kontrolli, et nõuanded sobivad sinu olukorda – reeglid, keel ja sihtrühm erinevad riigiti. Enne tsiteerimist või avaldamist kontrolli faktid ja aastad üle usaldusväärsest allikast.

Kuidas edasi minna

Võta kolm peamist punkti, proovi ühte konkreetset rutiini nädala jooksul ja hinda tulemust. Kui kirjutad teistele: selgita, miks teema oluline on, too näide ja viita usaldusväärsele allikale. Nii on sisu kasulikum kui pelk faktide loetelu. Regulaarne harjutamine kinnistab oskusi paremini kui ühekordne intensiivne lugemine.

Praktiline meelespea

Enne suuremaid otsuseid kontrolli uuesti peamisi mõisteid ja ohutus- või kvaliteedinõudeid. Väike ettevalmistus säästab aega. Jaga teadmine kolleegidele või perele, et hea tava ei jääks vaid sinu teadmiseks. Dokumenteeri, mis töötas, et järgmine kord oleks lihtsam alustada ja vigu vältida.

Lisalugemine ja kontekst

Teema mõistmisel tasub võrrelda mitut allikat ning eristada definitsiooni, ajalugu ja praktilisi soovitusi. Sama sõna võib tähendada erinevat asja argikeeles ja erialakirjanduses. Pane kirja aastad, nimed ning põhjus–tagajärg seosed – nii muutub tekst usaldusväärsemaks. Lõpeta lühikese kontrollnimekirjaga, mille juurde hiljem naasta. Aruta teemat kellegagi, kellel on praktiline kogemus, et teooria seostuks näidetega.

Allikad