Izrazi spletnega oblikovanja so glavne stvari, ki jih mora poznati poslovnež. Spletno oblikovanje je proces ustvarjanja in organiziranja vizualnih in funkcionalnih vidikov spletnega mesta. Vključuje različne izraze in pojme, ki opisujejo različne vidike oblikovanja in razvoja spletnih strani.

Spletno oblikovanje obstaja že dolgo in ne izgublja časa z razvojem zapletenega jezika, polnega žargona. Takoj, ko naredite najmanjši korak v svet spletnega oblikovanja, boste začeli slišati: »Kateri CMS želite uporabiti?«, »Ali želite, da je nad pregibom ali pod pregibom?«, »Ali želite želite fiksno postavitev? «, »Kakšno spletno gostovanje želite uporabiti? ” in se sprašujete, kaj vse to pomeni. Zavedamo se, da je poskušanje ugotoviti vse ključne definicije in izraze spletnega oblikovanja lahko precej naporno, še posebej, če je vse novo.

Spletno oblikovanje zajema širok spekter dela, od spletnih razvijalcev, ki pišejo kodo, do oblikovalcev UI in UX, ki delajo na vmesnikih, do spletnih oblikovalcev, ki skrbijo za videz in občutek vašega spletnega mesta. S spletnim oblikovanjem se ukvarja veliko ljudi.

Če se naučite, kaj pomeni samo nekaj akronimov in žargona za spletno oblikovanje, lahko vašemu oblikovalcu in razvijalcu zelo olajša stvari, prav tako pa vam lahko pomaga razumeti, kako vaše spletno mesto dejansko deluje. Ne glede na to, ali najamete pomoč ali to storite sami, vam lahko pride prav poznavanje najpogosteje uporabljenih in najpogosteje zavajajočih izrazov v spletnem oblikovanju in razvoju:

 

Definicije in izrazi spletnega oblikovanja.

Dostopnost

Trenutno na voljo je velikega pomena pri oblikovanju spletnih strani. V bistvu to pomeni, kako dostopno je vaše spletno mesto ljudem, vključno s tistimi z okvarami sluha ali vida. To je pomembno upoštevati pred in med ustvarjanjem spletnega mesta. Če ne veste, kje začeti, si oglejte teh šest korakov, s katerimi bo vaš spletni dizajn dostopen.

10 Googlovih kazni, ki lahko vplivajo na vaše spletno mesto

Pod pregibom (in nad pregibom).

Pod in nad pregibom sta dva izraza, ki izvirata iz časopisov. "Pregib" je mesto, kjer se časopis zloži. Zgoraj in spodaj opisujeta, ali so informacije prikazane na zgornji ali spodnji polovici pregiba. Pri spletnih straneh je "pregib" običajno definiran kot točka, na kateri se morate začeti pomikati, vendar je načelo enako - informacije, ki so na vrhu strani (ATF), so bolj dostopne in vidne kot informacije, ki so na na dnu strani (BTF). .

Elastika (postavitev). Elastika (postavitev). Pogoji spletnega oblikovanja

Elastična postavitev je pristop k oblikovanju spletnih strani, ki opisuje razmerja med elementi in njihov položaj na strani v odstotkih in ne v posebej zasnovanih razmikih in velikostih. To pomeni, da postanejo spletne strani bolj prilagodljive – tako željam vaših obiskovalcev glede velikosti pisava in razdaljo med njimi ter optimizirati stran za ogled na pametnem telefonu ali tablici.

Dandanes so elastične postavitve ključni del pristopov odzivnega oblikovanja, toda preden se je rodila ideja o odzivnem oblikovanju, so elastične postavitve zagotavljale preprost način, da postanejo spletna mesta odzivna.

npr. nekdanji

Ex je merska enota, ki uporablja male črke "x" v pisavi kot standardno mero.

Fiksna širina (postavitev). Fiksna širina (postavitev). Definicije in izrazi spletnega oblikovanja.

Postavitev s fiksno širino je metoda oblikovanja spletnih strani, pri kateri oblikovalec določi, kako velika je spletna stran in kje točno bodo elementi na njej prikazani. To daje oblikovalcem veliko več nadzora nad oblikovanjem spletnih strani kot elastična postavitev, vendar naredi strani manj odzivne. različne velikosti zaslon.

Šestnajstiški.

Šestnajstiška števila, znana tudi kot "šestnajstiška" števila, so številski sistem z osnovo 16, kar pomeni, da za določanje barve uporabljajo 16 znakov. Šestnajstiška števila uporabljajo številke od 0 do 9 in črke od A do F. Vsaka barva je označena s tremi pari šestnajstiških števil. Prvi par številk ali črk se nanaša na rdeč odtenek, drugi par na zelen odtenek in tretji par na moder odtenek.

Neskončno drsenje. Neskončno drsenje

Neskončno drsenje je, ko se nova vsebina naloži, ko nadaljujete s pomikanjem. To ustvari "neskončen", neskončen drsnik. Nekateri priljubljeni primeri tega so Facebook, Pinterest ali Twitter časovnice.

Drsenje po paralaksi. Drsenje po paralaksi.

Ta metoda drsenja ustvarja občutek globine oblikovanje spletne strani. Ko se uporabnik pomika, bodo elementi na spletnem mestu na različnih razdaljah in se premikajo z različnimi hitrostmi, ko se uporabnik pomika. To ustvarja iluzijo globine in razdalje na ravnem spletnem mestu.

Politika zasebnosti

Resolucija. Dovoljenje. Definicije in izrazi spletnega oblikovanja.

Ločljivost je število slikovnih pik, prikazanih na zaslonu. To je standardna metoda, ki se uporablja v spletnem oblikovanju za določanje velikosti slike. Kakovost slike je običajno opisana v slikovnih pikah na palec, pri čemer več slikovnih pik pomeni višjo kakovost slike.

Odziven / mobilnim napravam prijazen / optimiziran za mobilne naprave. Odziven/mobilom prijazen/mobilno optimiziran

Od lanskega leta več kot polovica spletnega prometa prihaja iz pametnih telefonov. To pomeni, da postaja vse bolj pomembno, da spletna stran izgleda bolje mobilne naprave, kot tudi na računalnikih. Narediti spletne strani odzivne/mobilno odzivne/optimizirane za mobilne naprave pomeni načrtovanje in razvoj spletne strani, ki se bo prilagajala napravi ali zaslonu, na katerem jo gledate.

Uporabnost. Enostavnost uporabe.

Uporabnost je koncept spletnega oblikovanja, ki opisuje, kako enostavno je vaše spletno mesto za obiskovalce, za katere je bilo zasnovano. V idealnem primeru bo lahko obiskovalec enostavno uporabljal vaše spletno mesto, ko se bo prvič srečal z njim, z minimalnimi ovirami, frustracijami in potrebo po pomoči. Razumevanje načel uporabnosti je ključni korak pri ustvarjanju odlično Spletna stran.

UX (uporabniške raziskave) / UI (uporabniški vmesnik)

Oblikovanje UX in UI je delo, ki izboljšuje uporabniško izkušnjo. Pomembno je poznati razlike med UX in UI, da razumete, kako delujeta skupaj.

UX, raziskava uporabnikov, vključuje vse vidike uporabniške izkušnje s spletnim mestom od začetka do konca. cilj - izboljšati kakovost interakcija uporabnika s spletnim mestom.

UI, uporabniški vmesnik, se osredotoča na vizualne in interaktivne elemente spletnega mesta, kot so gumbi, ikone in tipografija. Cilj je izboljšati videz in funkcionalnost spletne strani.

Anatomija sprednjega mesta. Definicije in izrazi spletnega oblikovanja.

-

Drobtina. Krušne drobtine.

Ko spletne strani uporabnikom pokažejo, kako so krmarili po spletni strani in kako se nanjo vrniti domača stran, to se pogosto naredi z drobtinami. To je običajno prikazano kot niz ugnezdenih kategorij, kot je Domov > Kategorija > Leto > Mesec > Objava.

Favicon. Favicon.

Favicon je majhna ikona, ki se prikaže v vrstici z zavihki vašega brskalnika. Običajno so velike 16×16 slikovnih pik (kar je pravzaprav zelo malo) in so shranjene kot slike .ico, .gif ali .png. Kot ikono lahko uporabite skoraj vsako sliko, če je prave velikosti in shranjena v pravem formatu.

Žariščna točka. Koordinator.

Fokus spletne strani je del strani, kjer je vaša pozornost pritegnjena. Oblikovalci bodo porabili veliko časa za ustvarjanje osrednje točke, ki resnično pritegne pozornost gledalca, nato pa bodo najpomembnejšo stvar na strani postavili v fokus. To zagotavlja, da ga vidi čim več ljudi.

Sprednji konec. Sprednji konec.

To so vsi elementi, kot so slike, besedilo, strani, ki jih bodo ljudje videli, ko bodo prvič obiskali vaše spletno mesto. V bistvu je to tisto, s čimer bodo ljudje komunicirali in sodelovali na spletnem mestu.

Ikona hamburgerja. Ikona hamburgerja.

Ikona hamburgerja se nanaša na ikono menija, ki jo običajno najdemo v novejših programih. Ima tri vodoravne črte (od tod "hamburger") in skrije tradicionalni navigacijski meni za eno ikono.

Ciljna stran. Ciljna stran.

To je prva stran, ki jo bodo videli obiskovalci vašega spletnega mesta. Številna spletna mesta uporabljajo namensko ciljno stran, da se od obiskovalca nekaj naučijo (kot na primer delijo svoj e-poštni naslov ali stran za določen izdelek). Tvoja Ciljna stran je ena najpomembnejših strani na vašem spletnem mestu in porabite veliko časa za njeno optimizacijo.

Navigacija. Navigacija.

Navigacija je sistem, ki se uporablja za premikanje med elementi na vaši spletni strani in je eden najpomembnejših elementov katere koli spletne strani. Zato je tako pomembno poznati ključna načela navigacije po spletnem mestu. Večina svetel primer Navigacije so meniji, ki se pojavijo na večini spletnih strani. Vendar bodite pozorni tudi na to, kako so strani organizirane in povezave med njimi. Prav tako lahko obiskovalcem olajšajo krmarjenje po spletni strani.

Anatomija ozadja spletnega mesta. Definicije in izrazi spletnega oblikovanja.

-

Zadnji konec. Zadnji konec.

To je del vašega sistema, ki učinkovito upravlja vaše spletno mesto, vendar je skrit pred obiskovalci. Na voljo je veliko različnih zalednih komponent, vendar vse običajno vsebujejo iste stvari – aplikacije, informacijsko strukturo in vaš CMS.

CMS

Sistem za upravljanje vsebine je notranji orodje za upravljanje vsebine vaše spletne strani, dodajanje uporabnikov, upravljanje komentarjev in morda še veliko več. Če ste kdaj uporabili WordPress za izdelavo spletnega mesta, ste uporabili CMS. CMS močno olajša oblikovanje in ustvarjanje spletne strani, saj skriva večino neobdelane kode, ki poganja spletno mesto.

E-trgovina. Elektronsko trgovanje.

E-trgovina pomeni "elektronsko poslovanje". tako kot "e-pošta" pomeni "elektronska pošta". Običajno na svoje spletno mesto dodate trgovino e-poslovanje, ki bo skrbel za opise izdelkov, nakupe in prodaje ter podatke o strankah.

HTTP/HTTPS

Je sistem, ki skrbi za komunikacijo med brskalniki, strežniki in spletnimi aplikacijami. Določa, kako naj bodo podatki pakirani in poslani.

HTTPS je razširitev HTTP, ki lahko vzpostavi povezave prek SSL (Secure Socket Layer). To je veliko bolj varen način za izmenjavo podatkov na spletu. Mnogi sodobni spletni brskalniki vas bodo opozorili, če spletno mesto uporablja standardni protokol HTTP namesto HTTPS.

Kot lastnik spletne strani lahko SSL certifikate, potrebne za uporabo HTTPS, kupite pri različnih ponudnikih. Ko ga dodate, bo vaše spletno mesto postalo varnejše in pridobilo zaupanje vaših strank.

Vključiti. Pogoji spletnega oblikovanja

Majhen program, ki se namesti na vrh glavne strani in zagotavlja dodatno varnost. Vtičniki so na voljo za večino priljubljenih platform CMS in jih je mogoče uporabiti za številne različne funkcije, od avtomatizacije objav v spletnem dnevniku do upravljanja potencialnih strank.

Predloga. Vzorec.

Predloge se v spletnem oblikovanju uporabljajo na skoraj enak način, kot se uporabljajo za dokumente in slike – da se zagotovi dosleden dizajn na številnih različnih straneh. Večina platform CMS vam bo zagotovila nabor predlog za vaše spletno mesto, ki vam bo pomagalo zagotoviti doslednost na vaših straneh in vašem dizajnu na njih.

Tehnični pogoji za internet. Definicije in izrazi spletnega oblikovanja.

-

Sidrno besedilo. Sidrno besedilo.

Sidrno besedilo je fraza ali več besed, ki vsebujejo hiperpovezavo. Uporaba pravega sidrnega besedila lahko močno vpliva na uvrstitev vaše strani v iskalnikih.

Povratna povezava. Povratna povezava.

To so povezave do vašega spletnega mesta z drugih spletnih mest. Ko se drugo spletno mesto poveže z vašim, da na primer usmeri njihove bralce na vir, ste prejeli povratno povezavo. Povratne povezave so zelo pomembne, ko gre za povečanje vaše uvrstitve pri iskanju, saj več povratnih povezav z zaupanja vrednih spletnih mest poveča vidnost vašega spletnega mesta.

Pasovna širina. Pasovna širina.

Pasovna širina je izraz, ki se uporablja v številnih različnih kontekstih, vendar v bistvu pomeni količino poslanih ali prejetih podatkov v določenem obdobju. Uporablja se lahko na primer za opis vaše internetne hitrosti, kjer je običajno navedena v kilobitih na sekundo (kbps). Vendar se včasih uporablja za opis, koliko podatkov lahko uporabite na mesec kot del vašega paketa spletnega gostovanja.

Predpomnilnik. Gotovina.

Predpomnilnik je niz podatkov, ki so shranjeni v spletnem brskalniku. To pomeni, da se bo ob naslednjem obisku strani stran naložila hitreje, ker se nalaga iz lokalnega pomnilnika.

Pogoji spletnega oblikovanja DNS

DNS pomeni storitev domenskih imen. To je sistem, s katerim vaš spletni brskalnik najde spletne strani. Ko ti azbyka.com.ua  , vaš brskalnik poišče "tabelo DNS", ki ta človeku prijazen naslov pretvori v računalniku prijazen naslov (to je naslov, sestavljen iz številk). Sistem DNS spremlja, kje so vse spletne strani na svetu, tako da jih vaš brskalnik lahko najde.

Ime domene

To je ime vaše strani. Domene lahko kupite pri številnih podjetjih. Vsebujejo lahko največ 63 znakov. na primer  https://azbyka.com.ua/je naše ime domene.

FTP

FTP pomeni File Transfer Protocol in je sistem za prenos datotek in podatkov iz lokalnega pomnilnika (recimo v vašem računalniku) na vaš spletni strežnik. Če želite uporabljati FTP, morate prenesti majhen program, imenovan odjemalec FTP.

Stalna povezava. Stalna povezava

Stalna povezava, ki vam omogoča, da zagotovite naslov, ki bo vedno kazal na določeno objavo v spletnem dnevniku ali stran, ne glede na to, kako spremenite strukturo svojega spletnega mesta okoli nje. To je zelo uporabno, če z objavami v spletnem dnevniku povečate promet na svojem spletnem mestu, saj vam ni treba ročno spreminjati na desetine (ali stotine) povezav, če se odločite za spremembo oblikovanje vaše spletne strani ali spremenite ime svoje domene.

URL

Naslov, ki označuje, kje je mogoče najti določeno stran ali drug vir.

Spletno gostovanje. Definicije in izrazi spletnega oblikovanja.

Spletno gostovanje je podjetje, ki upravlja strežnike, ki shranjujejo vaše веб-сайт. Kot pojasnjujemo v našem članku o spletnem gostovanju, se lahko spletni gostitelji zelo razlikujejo glede na raven storitev, ki jih ponujajo. Dober spletni gostitelj vam bo lahko zagotovil, da bo vaše spletno mesto na voljo 99,9 % časa, poleg tega pa vam bo zagotovil orodja za njegovo varnost in učinkovitost.

spletni strežnik

Spletni strežnik je računalnik, ki dejansko shrani vašo spletno stran. Najverjetneje se nahaja v namestitvi strežnika, ki je v lasti vašega spletnega gostitelja, čeprav je mogoče zagnati tudi lastne strežnike.

Terminologija spletnega razvoja. Definicije in izrazi spletnega oblikovanja.

CSS

CSS pomeni Cascading Style Sheets in skupaj s HTML-jem so ti listi najbolj temeljni del katere koli spletne strani. Pred desetimi leti je bilo oblikovanje spletnih strani, na primer velikost naslovov ali obrobe slik, določeno v sami kodi HTML. To je pomenilo, da je bilo spreminjanje oblikovanja delovno intenzivno proces prehajanja vsakega elementa strani in spremembe kode.

S CSS je vse veliko preprostejše. Slog strani je vsebovan v eni (ali več) datotekah CSS, ki določajo, kako izgledajo naslovi, kako so slike prikazane in številne druge elemente. Brskalniku povedo, kako naj prikaže spletno stran. Tako je mogoče spremeniti format celotnih spletnih mest z zamenjavo samo enega dela kode.

DHTML

DHTML je kratica za Dynamic HyperText Markup Language. To je izraz za jezik, ki združuje več jezikov spletnega oblikovanja – HTML, JavaScript in CSS – v en super jezik za spletni razvoj. To je običajno tisto, kar bodo sodobni spletni razvijalci uporabili za ustvarjanje spletnega mesta za vas.

Doctype. Definicije in izrazi spletnega oblikovanja.

V HTML je vrsta dokumenta opis vrste HTML in različice, ki se uporablja na spletni strani. Brskalniki ga uporabljajo za preverjanje celovitosti strani in lahko povzročijo varnostne napake, če je nepravilen.

Em. EM. Pogoji spletnega oblikovanja

Em se uporablja za opis velikosti pisave glede na "nadrejeno" pisavo, uporabljeno na strani. 1Em pomeni, da je pisava (ali včasih drugi elementi) enake velikosti kot njihov nadrejeni element, 2em pomeni, da je dvakrat večja in tako naprej.

Vdelan slog. Vgrajen slog. Pogoji spletnega oblikovanja

Čeprav lahko CSS (glejte zgoraj) uporabite za opis formata celotnih strani hkrati, morate včasih spremeniti samo slog na eni strani. To je takrat, ko se uporablja slog v vrstici. Vgrajeni slog je del kode CSS, napisan v glavi spletne strani, ki vpliva samo na elemente na tej strani, ne na celotno spletno mesto.

Družina pisav/slog/teža. Družina pisav/slog/teža

Spletni oblikovalci in razvijalci pogosto ne delajo z določenimi pisavami, ker različni brskalniki ne uporabljajo vedno istih pisav. Zato boste v dokumentu CSS videli, da je uporabljena pisava definirana kot družina pisav – skupina pisav, ki jih je mogoče uporabiti – in ne le ena posamezna. Skupaj s to definicijo bo dokument CSS definiral tudi slog pisave (ležeče, podčrtano itd.) in težo (krepko, svetlo itd.).

HTML. Definicije in izrazi spletnega oblikovanja.

Hiperbesedilni označevalni jezik je osnova interneta. Vse spletne strani so vsaj do neke mere napisane v HTML-ju, ki je bil zasnovan tako, da je čim bolj enostaven za pisanje. Pravzaprav je lahko zelo koristno, poskusite Vadnica o koda HTML, da preverite, ali je lahko pisati – presenečeni boste, kaj vse lahko dosežete v nekaj urah!

Metapodatki.

Metapodatki so podatki, ki jih vsebuje glava spletnih strani. Ti podatki so na voljo vašemu brskalniku, vendar niso prikazani kot del spletne strani, ki si jo ogledujete – za dostop si boste morali ogledati izvorno kodo.

Odprtokodno. Odprtokodno. Pogoji spletnega oblikovanja

Odprtokodna programska oprema je podprta s strani uporabnikov in jo je mogoče prosto uporabljati in spreminjati. To je v nasprotju z lastniško programsko opremo, ki je v lasti in vzdrževanju določenega podjetja. Večina spletnih razvijalcev bo vsaj včasih uporabljala odprtokodno programsko opremo, ker ni le cenejša, ampak je lahko tudi varnejša. Dandanes večina spletnih razvijalcev zmanjša varnostne kršitve z uporabo vsebnikov, napisanih v odprtokodnih jezikih.

Uprizoritev. Uprizoritev. Definicije in izrazi spletnega oblikovanja.

Uprizoritveni spletstrani je postopek ustvarjanja njegove skoraj končne kopije in njenega testiranja pred uvedbo različice spletnega mesta v živo. Večina spletnih razvijalcev "uprizori" spletno mesto, preden ga izda, da se prepriča, da vse deluje pravilno. Pogosto se večje spremembe spletnega mesta zgodijo na uprizoritvenem mestu in ne na spletnem mestu v živo.

Veljavno. Veljavno.

V spletnem oblikovanju so veljavne spletne strani tiste, ki ne vsebujejo napak. V praksi to pomeni spletne strani, ki sledijo standardom, določenim v specifikacijah HTML, ki jih je objavila W3C, skupnost, ki postavlja standarde za spletni razvoj.

XML. Pogoji spletnega oblikovanja

XML je kratica za Extensible Markup Language. XML je temeljni del spletnega oblikovanja, saj deluje kot "metajezik", ki prevaja elemente enega jezika v drugega. To pomeni, da je mogoče spletne strani ustvariti z uporabo številnih različnih jezikov, ki vsi komunicirajo prek XML.

Zadnja stvar …

Seveda vam za začetek ni treba poznati vseh teh definicij in izrazov spletnega oblikovanja. razvoj spletne strani - samostojno ali s pomočjo. Navsezadnje je spletno oblikovanje proces učenja in najboljši dizajni so ponovljiva umetniška dela, ki se nenehno izboljšujejo, ko se učite novih stvari.

Vendar pa je lahko zelo koristno imeti vodnika skozi včasih zapleten svet spletnega oblikovanja, še posebej, ko šele začenjate. Naši profesionalni spletni oblikovalci vam bodo pomagali začeti v razburljivem svetu spletnega oblikovanja.

АЗБУКА

 

Animacija logotipa.