Veebidisaini terminid on peamised asjad, mida ärimees teadma peaks. Veebikujundus on veebisaidi visuaalsete ja funktsionaalsete aspektide loomise ja korraldamise protsess. See sisaldab erinevaid termineid ja mõisteid, mis kirjeldavad veebilehtede kujundamise ja arendamise erinevaid aspekte.
Veebidisain on olnud juba pikka aega ja ei raiska aega keeruka žargooniga täidetud keele väljatöötamisele. Niipea, kui astute väikseimagi sammu veebidisaini maailma, hakkate kuulma: "Millist CMS-i soovite kasutada?", "Kas soovite seda lehe kohal või lehe all?", "Kas soovite kas soovite kindlat paigutust? ", "Millist veebimajutust soovite kasutada? ” ja jääte mõtlema, mida see kõik tähendab. Teame, et kõigi peamiste veebidisaini definitsioonide ja terminite väljaselgitamine võib olla üsna raske, eriti kui see kõik on uus.
Veebidisain hõlmab laia valikut töid, alates koodi kirjutavatest veebiarendajatest kuni liideste kallal töötavate kasutajaliidese ja UX-i kujundajateni ning lõpetades veebidisaineritega, kes hoolitsevad teie saidi välimuse ja tunnetuse eest. Veebikujundusega on seotud palju inimesi.
Kui mõistate, mida vaid mõned veebidisaini akronüümid ja kõnepruuk tähendavad, võib teie kujundaja ja arendaja asjad palju lihtsamaks muuta ning mõista, kuidas teie veebisait tegelikult töötab. Nii et olenemata sellest, kas palkate abi või teete seda ise, võib veebidisaini ja -arenduse kõige sagedamini kasutatavate ja segadust tekitavate terminite tundmine kasuks tulla:
Veebikujunduse määratlused ja terminid.
Juurdepääsetavus
Hetkel saadavus on veebidisainis väga oluline. Põhimõtteliselt tähendab see, kui juurdepääsetav on teie veebisait inimestele, sealhulgas kuulmis- või nägemispuudega inimestele. Seda on oluline meeles pidada enne veebisaidi loomist ja selle ajal. Kui te ei tea, kust alustada, vaadake neid kuut sammu, et muuta oma veebidisain juurdepääsetavaks.
10 Google'i karistust, mis võivad teie veebisaiti mõjutada
Voldi all (ja volti kohal).
Voldi all ja kohal on kaks terminit, mis pärinevad ajalehtedest. "Kolt" on koht, kus ajaleht voltib. Ülemine ja alumine kirjeldab, kas teave kuvatakse lehe üla- või alaosas. Veebilehtede puhul on "volt" tavaliselt määratletud kui punkt, millest peaksite kerima alustama, kuid põhimõte on sama - lehe ülaosas olev teave (ATF) on paremini kättesaadav ja nähtav kui teave, mis asub lehel. lehe allosas (BTF). .
Elastne (paigutus). Elastne (paigutus). Veebikujunduse tingimused
Elastne paigutus on lähenemisviis veebilehe kujundamisele, mis kirjeldab elementide vahelisi seoseid ja nende asukohta lehel protsentides, mitte spetsiaalselt kavandatud vahekauguste ja suuruste kaudu. See tähendab, et veebilehed muutuvad kohanemisvõimelisemaks – nii teie külastajate poolt seatud eelistustele suuruse osas font ja nendevaheline kaugus ning optimeerida leht nutitelefonis või tahvelarvutis vaatamiseks.
Tänapäeval on elastsed paigutused tundliku disaini lähenemisviiside võtmeosa, kuid enne tundliku disaini idee sündi pakkusid elastsed paigutused lihtsat viisi veebisaitide tundlikuks muutmiseks.
Nt. Endine
Ex on mõõtühik, mis kasutab standardmõõduna väiketähti "x".
Fikseeritud laius (paigutus). Fikseeritud laius (paigutus). Veebikujunduse määratlused ja terminid.
Fikseeritud laiusega paigutus on veebilehtede kujundamise meetod, mille puhul kujundaja määrab, kui suur on veebileht ja kus täpselt sellel elemendid ilmuvad. See annab disaineritele palju suurema kontrolli veebilehe kujunduse üle kui elastne paigutus, kuid muudab lehed vähem tundlikuks. erinevad suurused ekraan.
Kuueteistkümnendsüsteem.
Kuueteistkümnendarvud, tuntud ka kui "kuueteistkümnendarvud", on 16-aluseline numbrisüsteem, mis tähendab, et nad kasutavad värvi määratlemiseks 16 tähemärki. Kuueteistkümnendsüsteemi numbrid kasutavad numbreid 0 kuni 9 ja tähti A kuni F. Iga värvi identifitseerib kolm kuueteistkümnendsüsteemi numbrite paari. Esimene numbrite või tähtede paar viitab punasele toonile, teine paar rohelisele ja kolmas paar sinisele toonile.
Lõpmatu kerimine. Lõpmatu kerimine
Lõpmatu kerimine on siis, kui kerimise jätkamisel laaditakse uus sisu. See loob "lõputu", lõputu kerimise. Mõned populaarsed näited selle kohta on Facebooki, Pinteresti või Twitteri ajaskaala.
Parallaksi kerimine. Parallaksi kerimine.
See kerimismeetod loob sügavuse tunde veebilehe kujundus. Kui kasutaja kerib, asuvad veebisaidi elemendid erineval kaugusel ja liiguvad kasutaja kerimisel erineva kiirusega. See loob tasasel veebisaidil sügavuse ja kauguse illusiooni.
Resolutsioon. Luba. Veebikujunduse määratlused ja terminid.
Eraldusvõime on ekraanil kuvatavate pikslite arv. See on standardne meetod, mida kasutatakse veebidisaini määramiseks suurus pilte. Pildikvaliteeti kirjeldatakse tavaliselt pikslites tolli kohta, kusjuures rohkem piksleid annab kvaliteetsema pildi.
Tundlik / mobiilisõbralik / mobiilile optimeeritud. Vastupidav / mobiilisõbralik / mobiilile optimeeritud
Eelmise aasta seisuga pärineb üle poole veebiliiklusest nutitelefonidest. See tähendab, et veebisaidi parem väljanägemine muutub üha olulisemaks mobiilseadmed, kui ka arvutites. Veebisaitide muutmine responsiivseks/mobiilile reageerivaks/mobiilile optimeerituks tähendab veebisaidi kujundamist ja arendamist, mis kohandub seadme või ekraaniga, millelt seda vaadatakse.
Kasutatavus. Kasutusmugavus.
Kasutatavus on veebidisaini kontseptsioon, mis kirjeldab, kui lihtne on teie veebisait külastajatele, kellele see on loodud. Ideaalis saab külastaja teie saiti hõlpsalt kasutada, kui ta sellega esmakordselt kokku puutub, minimaalsete takistuste, pettumuse ja vajadusega abi küsida. Kasutuspõhimõtete mõistmine on loomisel oluline samm suurepärane veebisait.
UX (kasutajauuring) / UI (kasutajaliides)
UX ja UI disain on töö, mis parandab kasutajakogemust. Oluline on teada UX-i ja kasutajaliidese erinevusi, et mõista, kuidas need koos töötavad.
UX, kasutajauuring, hõlmab kõiki kasutajakogemuse aspekte veebisaidi algusest lõpuni. Sihtmärk - kvaliteeti parandada kasutaja suhtlus saidiga.
Kasutajaliides, kasutajaliides, keskendub veebisaidi visuaalsetele ja interaktiivsetele elementidele, nagu nupud, ikoonid ja tüpograafia. Eesmärk on parandada veebilehe välimust ja funktsionaalsust.
Esiosa anatoomia. Veebikujunduse määratlused ja terminid.
-
Leivapuru. Riivsai.
Kui veebilehed näitavad kasutajatele, kuidas nad veebilehel navigeerisid ja kuidas sellele naasta avaleht, tehakse seda sageli riivsaia abil. Tavaliselt kuvatakse see pesastatud kategooriate seeriana, näiteks Avaleht > Kategooria > Aasta > Kuu > Postitus.
Favicon. Favicon.
Favicon on väike ikoon, mis kuvatakse teie brauseri vahekaardiribal. Nende suurus on tavaliselt 16 × 16 pikslit (mis on tegelikult väga väike) ja salvestatakse .ico-, .gif- või .png-kujutisena. Ikoonina saate kasutada peaaegu iga pilti, kui see on õiges suuruses ja õiges vormingus salvestatud.
Fookuspunkt. Koordinaator.
Veebilehe fookus on lehe osa, kuhu teie tähelepanu juhitakse. Disainerid kulutavad palju aega fookuspunkti loomisele, mis tõesti vaataja tähelepanu köidab, ja seejärel lehel kõige olulisema fookusesse seadmisele. See tagab, et seda näeb võimalikult palju inimesi.
Esiots. Esiots.
Need on kõik elemendid, nagu pildid, tekst ja lehed, mida inimesed teie saiti esmakordsel külastamisel näevad. Põhimõtteliselt on see see, millega inimesed veebisaidil suhtlevad ja suhtlevad.
Hamburgeri ikoon. Hamburgeri ikoon.
Hamburgeri ikoon viitab menüüikoonile, mida leidub tavaliselt hilisemates programmides. Sellel on kolm horisontaalset triipu (seega "hamburger") ja see peidab traditsioonilise navigeerimismenüü ühe ikooni taha.
Sihtleht. Sihtleht.
See on esimene leht, mida teie saidi külastajad näevad. Paljud veebisaidid kasutavad spetsiaalset sihtlehte, et külastajalt midagi õppida (nt jagada oma e-posti aadressi või tootepõhist lehte). Sinu oma sihtleht on teie veebisaidi üks olulisemaid lehti ja selle optimeerimiseks peaksite kulutama palju aega.
Navigeerimine. Navigeerimine.
Navigeerimine on süsteem, mida kasutatakse teie veebilehe elementide vahel liikumiseks ja see on mis tahes veebilehe üks olulisemaid elemente. Seetõttu on nii oluline teada veebisaidil navigeerimise põhiprintsiipe. Kõige särav näide Navigeerimised on menüüd, mis kuvatakse enamikul veebilehtedel. Kuid pöörake tähelepanu ka sellele, kuidas lehed on korraldatud ja nendevahelised seosed. Samuti võivad need muuta veebilehe külastajate jaoks palju lihtsamaks.
Veebisaidi taustaprogrammi anatoomia. Veebikujunduse määratlused ja terminid.
-
Tagumine ots. Tagumine ots.
See on teie süsteemi osa, mis teie saiti tõhusalt haldab, kuid on külastajate eest varjatud. Saadaval on palju erinevaid taustakomponente, kuid need kõik sisaldavad tavaliselt samu asju – rakendusi, teabestruktuuri ja teie CMS-i.
CMS
Sisuhaldussüsteem on sisemine tööriist veebisaidi sisu haldamiseks, kasutajate lisamine, kommentaaride haldamine ja palju muud. Kui olete kunagi veebisaidi loomiseks WordPressi kasutanud, olete kasutanud CMS-i. CMS muudab veebilehe kujundamise ja loomise palju lihtsamaks, kuna see peidab suure osa veebisaidi käivitavast toorkoodist.
E-kaubandus. E-kaubandus.
E-kaubandus tähendab "elektroonilist kaubandust". täpselt nagu "e-post" tähendab "elektroonilist posti". Tavaliselt lisate oma veebisaidile poe e-kaubandus, mis käsitleb tootekirjeldusi, oste ja müüke ning kliendiandmeid.
HTTP/HTTPS
See on süsteem, mis haldab suhtlust brauserite, serverite ja veebirakenduste vahel. See määrab, kuidas andmeid tuleb pakkida ja saata.
HTTPS on HTTP laiendus, mis suudab luua ühendusi SSL-i (Secure Socket Layer) kaudu. See on palju turvalisem viis andmete võrgus jagamiseks. Paljud kaasaegsed veebibrauserid hoiatavad teid, kui veebisait kasutab HTTPS-i asemel standardset HTTP-protokolli.
Veebisaidi omanikuna saate osta HTTPS-i kasutamiseks vajalikke SSL-sertifikaate erinevatelt pakkujatelt. Pärast lisamist muudab see teie saidi turvalisemaks ja suurendab klientide usaldust.
Sisse panema. Veebikujunduse tingimused
Väike programm, mis installitakse põhisaidi peale ja pakub täiendavat turvalisust. Pluginad on saadaval enamiku populaarsete CMS-platvormide jaoks ja neid saab kasutada paljude erinevate funktsioonide jaoks, alates ajaveebi postituste automatiseerimisest kuni müügivihjete haldamiseni.
Mall. Näidis.
Malle kasutatakse veebidisainis samamoodi nagu dokumentide ja piltide puhul – et tagada järjepidev kujundus paljudel erinevatel lehtedel. Enamik CMS-i platvorme pakub teile veebisaidi jaoks mallide komplekti, mis aitavad tagada järjepidevuse teie lehtede ja nende kujunduse vahel.
Interneti tehnilised tingimused. Veebikujunduse määratlused ja terminid.
-
Ankurtekst. Ankurtekst.
Ankurtekst on fraas või mitu sõna, mis sisaldavad hüperlinki. Õige ankurteksti kasutamine võib oluliselt muuta teie lehe asetust otsingumootorites.
Tagasilink. Tagasilink.
Need on lingid teie saidile teistelt saitidelt. Kui mõni teine sait lingib teie saidile, näiteks selleks, et suunata oma lugejaid ressursi juurde, olete saanud tagasilingi. Tagasilingid on teie otsingu paremusjärjestuse tõstmisel väga olulised, sest mitmed usaldusväärsetelt saitidelt pärinevad lingid suurendavad teie saidi nähtavust.
Ribalaius. Ribalaius.
Bandwidth on mõiste, mida kasutatakse paljudes erinevates kontekstides, kuid sisuliselt tähendab see teatud perioodi jooksul saadetud või vastuvõetud andmete hulka. Seda saab kasutada näiteks Interneti-kiiruse kirjeldamiseks, kus see on tavaliselt märgitud kilobittides sekundis (kbps). Mõnikord kasutatakse seda siiski selleks, et kirjeldada, kui palju andmeid saate oma veebimajutuspaketi osana kuus kasutada.
Vahemälu. sularaha.
Vahemälu on andmete kogum, mis salvestatakse veebibrauseris. See tähendab, et järgmisel korral, kui kasutaja seda saiti külastab, laaditakse leht kiiremini, kuna see laaditakse kohalikust mälust.
DNS-i veebidisaini tingimused
DNS tähistab domeeninimeteenust. See on süsteem, mille abil teie veebibrauser veebilehti leiab. Kui sa azbyka.com.ua , otsib teie brauser üles "DNS-tabeli", mis teisendab selle inimsõbraliku aadressi arvutisõbralikuks aadressiks (see tähendab, et aadress koosneb numbritest). DNS-süsteem jälgib, kus asuvad kõik maailma veebilehed, et teie brauser leiaks need üles.
Domeeninimi
See on teie saidi nimi. Domeene saate osta paljudelt ettevõtetelt. Need võivad sisaldada kuni 63 tähemärki. Näiteks, https://azbyka.com.ua/on meie domeeninimi.
FTP
FTP tähistab failiedastusprotokolli ja on süsteem failide ja andmete edastamiseks kohalikust mälust (näiteks arvutis) teie veebiserverisse. FTP kasutamiseks peate alla laadima väikese programmi nimega FTP klient.
Püsilink. Püsilink
Püsilink, mis võimaldab teil sisestada aadressi, mis viitab alati konkreetsele ajaveebi postitusele või lehele, olenemata sellest, kuidas muudate oma saidi struktuuri selle ümber. See on väga kasulik, kui kasutate ajaveebipostitusi oma saidi liikluse suurendamiseks, sest kui otsustate muuta, ei pea te kümneid (või sadu) linke käsitsi muutma. teie veebisaidi kujundus või muuta oma domeeninime.
URL
Aadress, mis näitab, kust võib leida konkreetse lehe või muu ressursi.
Veebimajutus. Veebikujunduse määratlused ja terminid.
Veebimajutus on ettevõte, mis haldab teie salvestavaid servereid веб-сайт. Nagu me oma veebimajutuse artiklis selgitame, võivad veebimajutajad pakutavate teenuste taseme poolest oluliselt erineda. Hea veebimajutaja suudab teile kinnitada, et teie sait on saadaval 99,9% ajast, ning pakub teile ka tööriistu selle turvaliseks ja tõhusaks hoidmiseks.
veebiserver
Veebiserver on arvuti, mis tegelikult teie veebilehte salvestab. Tõenäoliselt asub see teie veebihostile kuuluvas serveriinstallatsioonis, kuigi on võimalik käitada ka oma servereid.
Veebiarenduse terminoloogia. Veebikujunduse määratlused ja terminid.
CSS
CSS tähistab Cascading Style Sheets'i ja koos HTML-iga on need lehed iga veebilehe kõige olulisem osa. Kümme aastat tagasi määrati veebilehtede vormindamine, näiteks pealkirjade suurus või piltidel äärised, HTML-koodis endas. See tähendas, et vormingu muutmine oli töömahukas iga elemendi läbimise protsess lehekülgi ja koodimuudatusi.
CSS-iga on kõik palju lihtsam. Lehe stiil sisaldub ühes (või mitmes) CSS-failis, mis määravad, kuidas pealkirjad välja näevad, kuidas pilte kuvatakse ja paljud muud elemendid. Nad ütlevad brauserile, kuidas veebisaiti kuvada. Seega saab tervete veebisaitide vormingut muuta vaid ühe koodijupi vahetamisega.
DHTML
DHTML tähistab dünaamilist hüperteksti märgistuskeelt. See on termin keele kohta, mis ühendab mitu veebidisaini keelt – HTML, JavaScript ja CSS – üheks veebiarenduse superkeeleks. Tavaliselt kasutavad kaasaegsed veebiarendajad seda teie jaoks veebisaidi loomisel.
Doctype. Veebikujunduse määratlused ja terminid.
HTML-is on dokumendi tüüp kirjeldus selle kohta, millist tüüpi HTML-i ja versiooni veebilehel kasutatakse. Brauserid kasutavad seda lehe terviklikkuse kontrollimiseks ja kui see on vale, võib see põhjustada turvavigu.
Em. EM. Veebikujunduse tingimused
Em-i kasutatakse fondi suuruse kirjeldamiseks lehel kasutatava "ema" fondi suhtes. 1Em tähendab, et font (või mõnikord ka muud elemendid) on sama suurusega kui nende põhielement, 2em tähendab, et need on kaks korda suuremad jne.
Manustatud stiil. Sisseehitatud stiil. Veebikujunduse tingimused
Kui CSS-i (vt eespool) saab kasutada tervete lehtede vormingu korraga kirjeldamiseks, tuleb mõnikord muuta ainult ühe lehe stiili. See on siis, kui kasutatakse sisemist stiili. Tekstisisene stiil on veebilehe päisesse kirjutatud CSS-koodi tükk, mis mõjutab ainult selle lehe elemente, mitte kogu veebisaiti.
Fondiperekond/stiil/kaal. Fondiperekond/stiil/kaal
Veebidisainerid ja arendajad ei tööta sageli teatud fontidega, kuna erinevad brauserid ei kasuta alati samu fonte. Seetõttu näete CSS-dokumendis, et kasutatav font on määratletud fondiperena – kasutatavate fontide rühmana – mitte ainult ühe eraldi. Koos selle määratlusega määratleb CSS-dokument ka fondi stiili (kaldkiri, allajoonitud jne) ja kaalu (paks, hele jne).
HTML. Veebikujunduse määratlused ja terminid.
Hüperteksti märgistuskeel on Interneti alus. Kõik veebilehed on vähemalt mingil määral kirjutatud HTML-i keeles, mis on loodud nii, et neid oleks võimalikult lihtne kirjutada. Tegelikult võib see olla väga kasulik, proovige seda Õpetus edasi HTML kood, et näha, kas seda on lihtne kirjutada – olete üllatunud, mida saate mõne tunniga saavutada!
Metaandmed.
Metaandmed on veebilehtede päises sisalduvad andmed. Need andmed on teie brauserile saadaval, kuid neid ei kuvata vaadeldava veebilehe osana – sellele juurdepääsuks peate vaatama lähtekoodi.
Avatud lähtekoodiga. Avatud lähtekoodiga. Veebikujunduse tingimused
Avatud lähtekoodiga tarkvara on kasutajate poolt toetatud ning seda saab vabalt kasutada ja muuta. See on vastuolus varalise tarkvaraga, mida omab ja haldab konkreetne ettevõte. Enamik veebiarendajaid kasutab vähemalt mõnikord avatud lähtekoodiga tarkvara, sest see pole mitte ainult odavam, vaid võib olla ka turvalisem. Tänapäeval vähendab enamik veebiarendajaid turvarikkumisi avatud lähtekoodiga keeltes kirjutatud konteinerite abil.
Lavastus. Lavastus. Veebikujunduse määratlused ja terminid.
Lavastusveebсайта on protsess, mille käigus luuakse sellest peaaegu lõplik koopia ja seejärel testitakse seda enne saidi reaalajas versiooni juurutamist. Enamik veebiarendajaid "lavastab" veebisaidi enne selle avaldamist, et veenduda, et kõik töötab õigesti. Ja sageli toimuvad veebisaidi suuremad muudatused pigem lavastussaidil kui otsesaidil.
Kehtiv. Kehtiv.
Veebikujunduses on kehtivad veebilehed need, mis ei sisalda vigu. Praktikas tähendab see veebilehti, mis järgivad veebiarenduse standardeid kehtestava kogukonna W3C avaldatud HTML-i spetsifikatsioonides sätestatud standardeid.
XML. Veebikujunduse tingimused
XML tähistab laiendatavat märgistuskeelt. XML on veebidisaini oluline osa, kuna see toimib "metakeelena", mis tõlgib ühe keele elemendid teise. See tähendab, et veebilehti saab luua paljudes erinevates keeltes, mis kõik suhtlevad XML-i kaudu.
Viimane asi…
Loomulikult ei pea te alustamiseks teadma kõiki neid veebidisaini määratlusi ja termineid. veebilehe arendus - kas iseseisvalt või abiga. Lõppkokkuvõttes on veebidisain õppeprotsess ja parimad kujundused on korratavad kunstiteosed, mis täiustuvad pidevalt uute asjade õppimisel.
Siiski võib olla väga kasulik, kui teil on veebidisaini mõnikord keerulise maailma juhend, eriti kui olete alles alustanud. Meie professionaalsed veebidisainerid aitavad teil veebidisaini põnevas maailmas alustada.
Jäta kommentaar