Betingsten foar webûntwerp binne de wichtichste dingen dy't in sakeman moat witte. Webûntwerp is it proses fan it meitsjen en organisearjen fan de fisuele en funksjonele aspekten fan in webside. It omfettet ferskate termen en begripen dy't ferskate aspekten fan ûntwerp en ûntwikkeling fan websiden beskriuwe.
Webûntwerp bestiet al in lange tiid en fergriemt gjin tiid yn it ûntwikkeljen fan in komplekse taal fol mei jargon. Sadree't jo sels de minste stap yn 'e wrâld fan webûntwerp nimme, sille jo begjinne te hearren: "Hokker CMS wolle jo brûke?", "Wolle jo it boppe de fold of ûnder de fold?", "Wolle jo it wolst in fêste yndieling? ", "Hokker webhosting wolle jo brûke? ” en jo freegje jo ôf wat it allegear betsjut. Wy witte dat besykjen om alle wichtige definysjes en termen foar webûntwerp út te finen frij oerweldigjend kin wêze, foaral as it allegear nij is.
Webûntwerp beslacht in breed skala oan wurk, fan webûntwikkelders dy't koade skriuwe, oant UI- en UX-ûntwerpers dy't wurkje oan ynterfaces, oant webûntwerpers dy't soargje foar it uterlik en gefoel fan jo side. D'r binne in protte minsken belutsen by webûntwerp.
Learje wat mar in pear akronymen foar webûntwerp en jargon betsjutte kinne dingen folle makliker meitsje foar jo ûntwerper en ûntwikkelder, en kin jo ek helpe te begripen hoe't jo eigen webside eins wurket. Dat, of jo help hiere of sels dogge, it kennen fan 'e meast brûkte en meast betiizjende termen yn webûntwerp en ûntwikkeling kin handich wêze:
Web design definysjes en termen.
Tagonklikheid
Op it stuit beskikber is fan grut belang yn webûntwerp. Yn essinsje betsjut dit hoe tagonklik jo webside is foar minsken, ynklusyf dyjingen mei gehoar of fisuele beheining. Dit is wichtich om yn gedachten te hâlden foar en by it meitsjen fan jo webside. Besjoch dizze seis stappen om jo webûntwerp tagonklik te meitsjen as jo net witte wêr't jo moatte begjinne.
10 Google-straffen dy't jo webside kinne beynfloedzje
Under de fold (en boppe de fold).
Under en boppe de fold steane twa termen dy't har oarsprong hawwe yn kranten. De "fold" is wêr't de krante falt. Top en Bottom beskriuwt oft ynformaasje wurdt werjûn op de boppeste of ûnderste helte fan de fold. Foar websiden wurdt de "fold" meastentiids definiearre as it punt wêrop jo moatte begjinne te rôljen, mar it prinsipe is itselde - ynformaasje dy't boppe oan 'e side (ATF) is tagonkliker en sichtberer dan ynformaasje dy't op de ûnderkant fan 'e side (BTF). . .
Elastysk (yndieling). Elastysk (yndieling). Betingsten foar webûntwerp
Elastyske yndieling is in oanpak fan webside-ûntwerp dy't de relaasjes tusken eleminten en har posysje op 'e side beskriuwt yn termen fan persintaazjes ynstee fan spesifyk ûntworpen ôfstân en grutte. Dit betsjut dat websiden mear oanpasber wurde - sawol nei de foarkarren ynsteld troch jo besikers yn termen fan grutte lettertype en de ôfstân tusken harren, en om de side te optimalisearjen foar besjen op in smartphone of tablet.
Tsjintwurdich binne elastyske opmaak in wichtich ûnderdiel fan responsive ûntwerpbenaderingen, mar foardat it idee fan responsyf ûntwerp waard berne, levere elastyske opmaak in maklike manier om websiden responsyf te meitsjen.
Ex. Earder
Ex is in ienheid fan mjitting dy't in lytse letter "x" brûkt as standertmaat.
Fêste breedte (yndieling). Fêste breedte (yndieling). Web design definysjes en termen.
In opmaak mei fêste breedte is in metoade foar it ûntwerpen fan websiden wêryn't de ûntwerper spesifisearret hoe grut in webside is en krekt wêr't eleminten der op ferskine. Dit jout ûntwerpers folle mear kontrôle oer webside-ûntwerp dan in elastyske yndieling, mar makket siden minder responsyf. ferskillende maten skerm.
Heksadesimale.
Heksadesimale nûmers, ek wol "hex" nûmers neamd, binne in basis-16 nûmersysteem, wat betsjut dat se 16 karakters brûke om in kleur te definiearjen. Heksadesimale sifers brûke de sifers 0 oant 9 en de letters A oant F. Elke kleur wurdt identifisearre troch trije pearen heksadesimale sifers. It earste pear sifers of letters ferwiist nei de reade tint, it twadde pear nei de griene tint, en it tredde pear nei de blauwe tint.
Infinite scrolling. Infinite scrolling
Uneinich rôljen is as nije ynhâld wurdt laden as jo trochgean mei rôljen. Dit soarget foar in "einleaze", nea einigjende scroll. Guon populêre foarbylden hjirfan binne Facebook, Pinterest of Twitter timelines.
Parallax rôlje. Parallax rôlje.
Dizze rôljemetoade soarget foar in gefoel fan djipte yn webside ûntwerp. As in brûker rôlet, sille eleminten op in webside op ferskate ôfstannen wêze en mei ferskate snelheden bewege as de brûker rôlet. Dit soarget foar de yllúzje fan djipte en ôfstân op in platte webside.
Resolúsje. Tastimming. Web design definysjes en termen.
Resolúsje is it oantal piksels werjûn op it skerm. Dit is in standertmetoade brûkt yn webûntwerp om te bepalen de grutte ôfbyldings. Ofbyldingskwaliteit wurdt normaal beskreaun yn piksels per inch, mei mear piksels dy't resultearje yn in ôfbylding fan hegere kwaliteit.
Responsive / mobylfreonlik / mobyl optimalisearre. Responsive / Mobile Friendly / Mobile Optimized
Fan ferline jier komt mear as de helte fan it webferkear fan smartphones. Dit betsjut dat it hieltyd wichtiger wurdt foar in webside om der better op te sjen mobile apparaten, likegoed as op kompjûters. It meitsjen fan websiden responsyf / mobyl responsyf / mobyl optimalisearre betsjut it ûntwerpen en ûntwikkeljen fan in webside dy't sil oanpasse oan it apparaat of skerm wêrop it wurdt besjoen.
Usability. Maklik te brûken.
Brûkberens is in konsept foar webûntwerp dat beskriuwt hoe maklik jo webside is foar de besikers wêrfoar it is ûntworpen. Ideaallik sil in besiker jo side maklik kinne brûke as se it foar it earst tsjinkomme, mei minimale obstakels, frustraasje en de needsaak om help te freegjen. It begripen fan brûkberensprinsipes is in wichtige stap yn it meitsjen treflik webside.
UX (User Research) / UI (User Interface)
UX- en UI-ûntwerp is wurk dat de brûkersûnderfining ferbettert. It is wichtich om de ferskillen te kennen tusken UX en UI om te begripen hoe't se gearwurkje.
UX, brûkersûndersyk, omfettet elk aspekt fan 'e ûnderfining fan in brûker mei in webside fan begjin oant ein. Doel - ferbetterje kwaliteit brûkersynteraksje mei de side.
UI, brûkersynterface, rjochtet him op 'e fisuele en ynteraktive eleminten fan in webside, lykas knoppen, ikoanen en typografy. It doel is om it uterlik en funksjonaliteit fan 'e webside te ferbetterjen.
Anatomy fan in frontend-side. Web design definysjes en termen.
-
Broodkruimel. Broodkruimels.
As websiden brûkers sjen litte hoe't se de webside navigearren en hoe't se werom kinne thússide, dit wurdt faak dien mei help fan breadcrumbs. Dit wurdt typysk werjûn as in searje geneste kategoryen, lykas Thús > Kategory > Jier > Moanne > Post.
Favicon. Favicon.
In favicon is in lyts byldkaike dat ferskynt yn 'e ljepperbalke fan jo browser. Se binne typysk 16 × 16 piksels yn grutte (dat is eins hiel lyts) en wurde bewarre as .ico, .gif, of .png ôfbyldings. Jo kinne hast elke ôfbylding as ikoan brûke, salang't it de juste grutte is en opslein yn it juste formaat.
Focal point. Koördinator.
De fokus fan in webside is it diel fan 'e side wêr't jo oandacht wurdt lutsen. Untwerpers sille in protte tiid besteegje oan it meitsjen fan in fokuspunt dat wirklik de oandacht fan 'e sjogger grypt, en dan it wichtichste ding op' e pagina yn fokus sette. Dit soarget derfoar dat safolle mooglik minsken it sjogge.
Front ein. Front ein.
Dit binne alle eleminten lykas ôfbyldings, tekst, siden dy't minsken sille sjen as se jo side foar it earst besykje. Yn essinsje is dit wêrmei minsken sille ynteraksje mei en dwaande hâlde mei op in webside.
Hamburger ikoan. Hamburger ikoan.
It hamburger-ikoan ferwiist nei it menu-ikoan dat gewoanlik te finen is yn lettere programma's. It hat trije horizontale strepen (dus de "hamburger") en ferberget it tradisjonele navigaasjemenu efter ien ikoan.
Landing page. Landing page.
Dit is de alderearste side dy't besikers fan jo side sille sjen. In protte websiden brûke in tawijd lâningsside om wat fan 'e besiker te learen (lykas it dielen fan har e-mailadres of in produktspesifike side). Jo lâningsside is ien fan 'e wichtichste siden op jo webside en jo moatte in protte tiid besteegje oan it optimalisearjen.
Navigaasje. Navigaasje.
Navigaasje is it systeem dat brûkt wurdt om te bewegen tusken eleminten op jo webside en is ien fan 'e wichtichste eleminten fan elke webside. Dêrom is it sa wichtich om de wichtichste prinsipes fan websidenavigaasje te kennen. It meast in ljochtsjend foarbyld Navigaasjes binne menu's dy't op de measte websiden ferskine. Mar let ek goed op hoe't de siden organisearre binne en de ferbiningen dêrtusken. Se kinne ek in webside folle makliker meitsje foar besikers om te navigearjen.
Anatomy fan in webside Backend. Web design definysjes en termen.
-
Efterkant. Efterkant.
Dit is it diel fan jo systeem dat jo side effektyf rint, mar is ferburgen foar besikers. D'r binne in protte ferskillende back-end-komponinten beskikber, mar se befetsje allegear typysk deselde dingen - applikaasjes, ynformaasjestruktuer en jo CMS.
CMS
In ynhâldbehearsysteem is in ynterne ark foar it behearen fan jo webside ynhâld, brûkers tafoegje, opmerkings beheare en mooglik folle mear. As jo oait WordPress hawwe brûkt om in webside te meitsjen, hawwe jo in CMS brûkt. In CMS makket it ûntwerpen en meitsjen fan in webside folle makliker, om't it in protte fan 'e rauwe koade ferberget dy't de webside macht.
Ecommerce. Elektroanyske hannel.
Elektroanyske hannel betsjut "elektroanyske hannel". krekt as "e-post" betsjut "elektroanyske post". Typysk foegje jo in winkel ta oan jo webside e-commerce, dy't produktbeskriuwings, oankeapen en ferkeap, en klantgegevens behannelje.
HTTP/HTTPS
It is in systeem dat kommunikaasje behannelt tusken browsers, servers en webapplikaasjes. It definiearret hoe't gegevens moatte wurde ferpakt en ferstjoerd.
HTTPS is in útwreiding fan HTTP dy't ferbiningen meitsje kin oer SSL (Secure Socket Layer). Dit is in folle feiliger manier om gegevens online te dielen. In protte moderne webbrowsers sille jo warskôgje as in webside it standert HTTP-protokol brûkt ynstee fan HTTPS.
As webside-eigner kinne jo de SSL-sertifikaten keapje dy't nedich binne om HTTPS te brûken fan ferskate providers. Ienris tafoege, sil it jo side feiliger meitsje en fertrouwen bouwe mei jo klanten.
Ynstekke. Betingsten foar webûntwerp
In lyts programma dat boppe op 'e haadside ynstalleart en ekstra feiligens leveret. Plugins binne beskikber foar de meast populêre CMS-platfoarms en kinne brûkt wurde foar in protte ferskillende funksjes, fan blogpostautomatisearring oant leadbehear.
Sjabloan. Foarbyld.
Sjabloanen wurde brûkt yn webûntwerp op in protte deselde manier as se wurde brûkt foar dokuminten en ôfbyldings - om in konsekwint ûntwerp te garandearjen oer in protte ferskillende siden. De measte CMS-platfoarms sille jo in set sjabloanen foar jo webside leverje dy't sille helpe om konsistinsje te garandearjen oer jo siden en jo ûntwerp derop.
Technyske betingsten foar it ynternet. Web design definysjes en termen.
-
Anker tekst. Anker tekst.
Ankertekst is in sin of ferskate wurden dy't in hyperkeppeling befetsje. It brûken fan de juste ankertekst kin in enoarm ferskil meitsje yn hoe goed jo side ranks yn sykmasines.
Backlink. Backlink.
Dit binne keppelings nei jo side fan oare siden. As in oare side ferwiist nei josels, bygelyks om har lêzers nei in boarne te rjochtsjen, hawwe jo in backlink krigen. Backlinks binne heul wichtich as it giet om it fergrutsjen fan jo sykranglist, om't meardere backlinks fan fertroude siden de sichtberens fan jo side ferheegje.
Bânbreedte. Bânbreedte.
Bânbreedte is in term dy't brûkt wurdt yn in protte ferskillende konteksten, mar yn essinsje betsjut it de hoemannichte gegevens ferstjoerd of ûntfongen yn in bepaalde perioade. It kin bygelyks brûkt wurde om jo ynternetsnelheid te beskriuwen, wêr't it meastentiids oanjûn wurdt yn kilobits per sekonde (kbps). It wurdt lykwols soms brûkt om te beskriuwen hoefolle gegevens jo per moanne kinne brûke as ûnderdiel fan jo webhostingpakket.
Cache. Cash.
In cache is in set fan gegevens dy't opslein wurdt yn in webblêder. Dit betsjut dat de folgjende kear as de brûker de side besiket, de side rapper laden sil, om't it wurdt laden út lokaal ûnthâld.
DNS Web Design Terms
DNS stiet foar Domain Name Service. Dit is it systeem wêrmei jo webblêder websiden fynt. Asto azbyka.com.ua , jo blêder siket in "DNS-tabel" op dy't dit minskefreonlike adres omsette yn in kompjûterfreonlik adres (dat is, ien dy't bestiet út sifers). It DNS-systeem hâldt by wêr't alle websiden yn 'e wrâld binne, sadat jo browser se kin fine.
Domein
Dit is de namme fan jo side. Jo kinne domeinen keapje fan in protte bedriuwen. Se kinne net mear as 63 tekens befetsje. Bygelyks, https://azbyka.com.ua/is ús domeinnamme.
FTP
FTP stiet foar File Transfer Protocol en is in systeem foar it oerdragen fan bestannen en gegevens fan lokale opslach (bygelyks op jo kompjûter) nei jo webserver. Om FTP te brûken, moatte jo in lyts programma downloade dat in FTP-kliïnt hjit.
Permalink. Permaninte keppeling
In permalink wêrmei jo in adres kinne leverje dat altyd sil ferwize nei in spesifike blogpost of side, nettsjinsteande hoe't jo de struktuer fan jo side der omhinne feroarje. Dit is heul nuttich as jo blogposten brûke om ferkear nei jo side te fergrutsjen, om't jo gjin tsientallen (of hûnderten) keppelings manuell hoege te feroarjen as jo beslute om te feroarjen ûntwerp fan jo webside of feroarje jo domeinnamme.
URL
In adres dat oanjout wêr't in spesifike side of oare boarne te finen is.
Webbehear. Web design definysjes en termen.
In webhosting is in bedriuw dat de servers beheart dy't jo opslaan Webstee. As wy útlizze yn ús artikel oer webhosting, kinne webhosts sterk ferskille yn it nivo fan tsjinsten dy't se oanbiede. In goede webhost sil jo kinne fersekerje dat jo side 99,9% fan 'e tiid beskikber sil wêze, en sil jo ek de ark leverje om it feilich en effisjint te hâlden.
Webtsjinner
In webserver is de kompjûter dy't jo webside feitlik opslaat. It leit nei alle gedachten yn in serverynstallaasje fan jo webhost, hoewol it ek mooglik is om jo eigen servers út te fieren.
Webûntwikkelingsterminology. Web design definysjes en termen.
CSS
CSS stiet foar Cascading Style Sheets, en tegearre mei HTML binne dizze blêden it meast fûnemintele diel fan elke webside. Tsien jier lyn waard de opmaak fan websiden, lykas de grutte fan kopteksten of oft ôfbyldings grinzen hiene, bepaald yn de HTML-koade sels. Dit betsjutte dat it feroarjen fan opmaak arbeidsintensyf wie it proses fan it trochjaan fan elk elemint siden en koade feroarings.
Mei CSS is alles folle ienfâldiger. De styl fan in side is befette yn ien (of mear) CSS-bestannen dy't bepale hoe't kopteksten derút sjogge, hoe't ôfbyldings wurde werjûn, en in protte oare eleminten. Se fertelle de browser hoe't se de webside werjaan. Sa kin it formaat fan folsleine websiden feroare wurde troch mar ien stik koade te wikseljen.
DHTML
DHTML stiet foar Dynamic HyperText Markup Language. It is in term foar in taal dy't meardere talen foar webûntwerp kombinearret - HTML, JavaScript en CSS - yn ien supertaal foar webûntwikkeling. Dit is normaal wat moderne webûntwikkelders sille brûke om in webside foar jo te meitsjen.
Doctype. Web design definysjes en termen.
Yn HTML is in dokuminttype in beskriuwing fan hokker type HTML en ferzje wurdt brûkt op in webside. It wurdt brûkt troch browsers om de yntegriteit fan 'e side te kontrolearjen en kin feiligensflaters feroarsaakje as it ferkeard is.
Em. EM. Betingsten foar webûntwerp
Em wurdt brûkt om de grutte fan in lettertype te beskriuwen yn relaasje ta it "âlder" lettertype dat op 'e side brûkt wurdt. 1Em betsjut dat it lettertype (of soms oare eleminten) deselde grutte binne as har âlderelemint, 2em betsjut dat se twa kear de grutte binne, ensfh.
Ynbêde styl. Ynboude styl. Betingsten foar webûntwerp
Wylst CSS (sjoch hjirboppe) kin brûkt wurde om it formaat fan hiele siden tagelyk te beskriuwen, soms hoege jo mar de styling op ien side te feroarjen. Dit is as in ynline styl wurdt brûkt. In ynline-styl is in stik CSS-koade skreaun yn 'e kop fan in webside dy't allinich eleminten op dy side beynfloedet, net jo heule webside.
Lettertype famylje / styl / gewicht. Lettertype famylje / styl / gewicht
Webûntwerpers en ûntwikkelders wurkje faak net mei bepaalde lettertypen, om't ferskate browsers net altyd deselde lettertypen brûke. Dit is wêrom jo yn in CSS-dokumint sille sjen dat it brûkte lettertype wurdt definiearre as in lettertypefamylje - in groep lettertypen dy't brûkt wurde kinne - yn stee fan mar ien yndividueel. Tegearre mei dizze definysje sil it CSS-dokumint ek de lettertypestyl (kursyf, ûnderstreekje, ensfh.) en gewicht (fett, ljocht, ensfh.) definiearje.
HTML. Web design definysjes en termen.
Hypertext markuptaal is de basis fan it ynternet. Alle websiden binne skreaun, alteast foar in part, yn HTML, dat is ûntwurpen om sa maklik mooglik te skriuwen. Yn feite kin it heul nuttich wêze, besykje it Tutorial on HTML koade, om te sjen oft it maklik is om te skriuwen - jo sille ferrast wurde wat jo yn in pear oeren kinne berikke!
Metadata.
Metadata binne de gegevens yn 'e koptekst fan websiden. Dizze gegevens binne beskikber foar jo browser, mar wurde net werjûn as ûnderdiel fan 'e webside dy't jo besjen - jo moatte de boarnekoade besjen om tagong te krijen.
Iepen Boarne. Iepen Boarne. Betingsten foar webûntwerp
Iepenboarne software wurdt troch de brûker stipe en kin frij brûkt en wizige wurde. Dit kontrast mei proprietêre software, dy't eigendom is en ûnderhâlden wurdt troch in spesifyk bedriuw. De measte webûntwikkelders sille op syn minst soms iepen boarne software brûke, om't it net allinich goedkeaper is, mar it kin ek feiliger wêze. Tsjintwurdich minimalisearje de measte webûntwikkelders feiligensbrekken troch konteners te brûken skreaun yn iepen boarne talen.
Staging. Staging. Web design definysjes en termen.
Staging webside is it proses fan it meitsjen fan in hast finale kopy derfan en it dan testen foardat de live ferzje fan 'e side ynset wurdt. De measte webûntwikkelders "stappe" in webside foardat se it frijjaan om te soargjen dat alles goed wurket. En faaks komme grutte feroarings oan in webside op 'e staging-side yn stee fan op' e live-side.
Jildich. Jildich.
Yn webûntwerp binne jildige websiden dejingen dy't gjin flaters befetsje. Yn 'e praktyk betsjut dit websiden dy't de noarmen folgje yn' e HTML-spesifikaasjes publisearre troch de W3C, de mienskip dy't noarmen foar webûntwikkeling ynstelt.
XML. Betingsten foar webûntwerp
XML stiet foar Extensible Markup Language. XML is in fûnemintele diel fan webûntwerp, om't it fungearret as in "metataal" dy't eleminten fan de iene taal oerset yn in oare. Dit betsjut dat websiden makke wurde kinne mei in protte ferskillende talen, dy't allegear kommunisearje fia XML.
Lêste ding ...
Fansels hoege jo net al dizze definysjes en termen foar webûntwerp te kennen om te begjinnen. webside ûntwikkeling - selsstannich of mei help. Uteinlik is webûntwerp in learproses, en de bêste ûntwerpen binne werheljebere keunstwurken dy't kontinu ferbetterje as jo nije dingen leare.
It kin lykwols heul nuttich wêze om in gids te hawwen troch de soms komplekse wrâld fan webûntwerp, foaral as jo krekt begjinne. Us profesjonele webûntwerpers sille jo helpe om te begjinnen yn 'e spannende wrâld fan webûntwerp.
Leave a comment