Web diseinuaren terminoak enpresaburu batek jakin behar dituen gauza nagusiak dira. Web diseinua webgune baten alderdi bisualak eta funtzionalak sortzeko eta antolatzeko prozesua da. Web orrien diseinu eta garapenaren hainbat alderdi deskribatzen dituzten termino eta kontzeptu ezberdinak biltzen ditu.
Web diseinua aspalditik dago eta ez du denbora galtzen jargoraz betetako hizkuntza konplexu bat garatzen. Web diseinuaren munduan urrats txikiena ere eman bezain laster, entzuten hasiko zara: “Zein CMS erabili nahi duzu?”, “Tolesturaren gainean ala tolesduraren azpian nahi duzu?”, “Tolesturaren gainean ala tolesduraren azpian nahi duzu?”. diseinu finkoa nahi duzu? ", "Zer web hosting erabili nahi duzu? ” eta horrek guztiak zer esan nahi duen pentsatzen geratzen zara. Badakigu web diseinuaren definizio eta termino gako guztiak asmatzen saiatzea nahiko ikaragarria izan daitekeela, batez ere berria denean.
Web-diseinuak lan-eskaintza zabala hartzen du: kodea idazten duten web garatzaileetatik hasi, interfazeetan lan egiten duten UI eta UI diseinatzaileetaraino, zure gunearen itxura eta itxura zaintzen duten web diseinatzaileetaraino. Jende asko dago web diseinuan parte hartzen duena.
Web-diseinuko siglek eta jargoiek zer esan nahi duten ikasteak askoz erraztu diezazkioke gauzak zure diseinatzaile eta garatzaileari, eta zure webguneak nola funtzionatzen duen ulertzen ere lagun zaitzake. Beraz, laguntza kontratatu edo zuk zeuk egin, web diseinuan eta garapenean gehien erabiltzen diren eta nahasgarrienak diren terminoak ezagutzea ondo etor daiteke:
Web diseinuaren definizioak eta terminoak.
Irisgarritasuna
Une honetan eskuragarri garrantzi handia du web diseinuan. Funtsean, horrek esan nahi du zure webgunea zein eskuragarria den jendearentzat, baita entzumen edo ikusmen urritasuna dutenentzat ere. Hau garrantzitsua da kontuan izatea zure webgunea sortu aurretik eta bitartean. Begiratu sei urrats hauei zure web diseinua eskuragarri izan dadin, nondik hasi ez badakizu.
Zure webgunean eragina izan dezaketen Google-ren 10 zigorrak
Tolesduraren azpian (eta tolesduraren gainean).
Tolesturaren azpian eta gainean egunkarietan jatorria duten bi termino daude. "Tolestura" da egunkaria tolesten den lekuan. Goian eta Behean informazioa pleguaren goiko edo beheko erdian bistaratzen den deskribatzen du. Web-orrietarako, "tolestura" korritzen hasi behar duzun puntu gisa definitzen da normalean, baina printzipioa berdina da: orriaren goialdean dagoen informazioa (ATF) eskuragarriagoa eta ikusgaiagoa da gunean dagoen informazioa baino. orriaren behealdean (BTF). . .
Elastikoa (diseinua). Elastikoa (diseinua). Web diseinuaren baldintzak
Diseinu elastikoa web-orrien diseinurako hurbilketa bat da, elementuen arteko erlazioak eta orrialdean duten posizioa portzentajeen arabera deskribatzen duena, eta ez berariaz diseinatutako tarte eta tamainak. Horrek esan nahi du web-orriak moldagarriagoak direla, bai zure bisitariek tamainari dagokionez ezarritako hobespenetara letra-tipoa eta haien arteko distantzia, eta telefonoan edo tabletan ikusteko orria optimizatzeko.
Gaur egun, diseinu elastikoak diseinu responsive-en planteamenduen funtsezko atala dira, baina diseinu responsivearen ideia sortu aurretik, diseinu elastikoak webguneak erantzuteko modu erraz bat eskaintzen zuen.
Adib. Lehengoa
Ex neurri estandar gisa letra-tipoan "x" xehea erabiltzen duen neurri-unitatea da.
Zabalera finkoa (diseinua). Zabalera finkoa (diseinua). Web diseinuaren definizioak eta terminoak.
Zabalera finkoko diseinua web-orriak diseinatzeko metodo bat da, non diseinatzaileak web-orri bat zein handia den eta bertan elementuak non agertuko diren zehazten du. Honek diseinatzaileei askoz kontrol handiagoa ematen die web-orrien diseinuari diseinu elastiko bati baino, baina orriak ez dira hain sentikor bihurtzen. tamaina desberdinak pantaila.
Hamaseitarra.
Zenbaki hamaseitarrak, zenbaki "hex" izenez ere ezagunak, 16 zenbaki-sistema bat dira, hau da, 16 karaktere erabiltzen dituzte kolore bat definitzeko. Zenbaki hamaseimalek 0tik 9rako zenbakiak eta A eta F arteko letrak erabiltzen dituzte. Kolore bakoitza hiru zenbaki hamaseitar bikotek identifikatzen dute. Lehenengo zenbaki edo letren bikoteak tonu gorriari egiten dio erreferentzia, bigarren bikoteak tonu berdeari eta hirugarren bikoteak tonu urdinari.
Mugimendu infinitua. Mugimendu infinitua
Mugimendu infinitua korritzen jarraitzen duzun bitartean eduki berria kargatzen denean gertatzen da. Honek "amaierarik gabeko" korritu bat sortzen du. Horren adibide ezagun batzuk Facebook, Pinterest edo Twitterren denbora-lerroak dira.
Parallax korritzea. Parallax korritzea.
Korritzeko metodo honek sakontasun sentsazioa sortzen du webgunearen diseinua. Erabiltzaile batek korritzen duenean, webgune bateko elementuak distantzia ezberdinetan egongo dira eta abiadura ezberdinetan mugituko dira erabiltzaileak korritzen duen heinean. Honek sakontasunaren eta distantziaren ilusioa sortzen du webgune lau batean.
Ebazpena. Baimena. Web diseinuaren definizioak eta terminoak.
Bereizmena pantailan bistaratzen den pixel kopurua da. Hau web diseinuan erabiltzen den metodo estandarra da zehazteko tamaina irudiak. Irudiaren kalitatea hazbeteko pixeletan deskribatzen da normalean, pixel gehiagorekin kalitate handiagoko irudia lortzen da.
Erantzunkorra / mugikorrentzako egokia / mugikorretarako optimizatuta. Erantzuna / Mugikorrentzako errespetua / Mugikorrentzako optimizatua
Iaz bezala, web trafikoaren erdia baino gehiago telefono adimendunetatik dator. Horrek esan nahi du gero eta garrantzitsuagoa dela webgune batek itxura hobea izatea gailu mugikorrak, baita ordenagailuetan ere. Webguneak responsive/mobile responsive/mobile optimizated egiteak, ikusten den gailura edo pantailara egokituko den webgunea diseinatu eta garatzea esan nahi du.
Erabilgarritasuna. Erabiltzeko erraztasuna.
Erabilgarritasuna web diseinuaren kontzeptua da, zure webgunea diseinatu zen bisitarientzat zein erraza den deskribatzen duena. Egokiena, bisitari batek zure webgunea lehen aldiz topatzen duenean erraz erabili ahal izango du, oztopo minimoekin, frustrazioarekin eta laguntza eskatzeko beharrarekin. Erabilgarritasun-printzipioak ulertzea funtsezko urratsa da sortzeko bikaina webgunea.
UX (Erabiltzaileen Ikerketa) / UI (Erabiltzaile Interfazea)
UX eta UI diseinua erabiltzailearen esperientzia hobetzen duen lana da. Garrantzitsua da UX eta UI arteko desberdintasunak ezagutzea elkarrekin nola funtzionatzen duten ulertzeko.
UX, erabiltzaileen ikerketak, erabiltzaileak webgune batekin duen esperientziaren alderdi guztiak hartzen ditu hasieratik amaierara. Helburua - kalitatea hobetu erabiltzailearen gunearekiko interakzioa.
UI, erabiltzailearen interfazea, webgune baten elementu bisual eta interaktiboetan zentratzen da, hala nola botoiak, ikonoak eta tipografia. Helburua webgunearen itxura eta funtzionaltasuna hobetzea da.
Frontend gune baten anatomia. Web diseinuaren definizioak eta terminoak.
-
Ogi birrindua. Ogi birrindua.
Web-orriek erabiltzaileei web-orrian nola nabigatu duten eta nola itzultzen diren erakusten dutenean hasierako orria, hau askotan ogi birrindua erabiliz egiten da. Hau normalean habiaratutako kategoria sorta gisa bistaratzen da, hala nola Hasiera > Kategoria > Urtea > Hilabetea > Argitalpena.
Favicon. Favicon.
Favicon zure arakatzailearen fitxa-barran agertzen den ikono txiki bat da. Normalean 16×16 pixeleko tamaina dute (oso txikia da benetan) eta .ico, .gif edo .png irudi gisa gordetzen dira. Ia edozein irudi erabil dezakezu ikono gisa, betiere tamaina egokia bada eta formatu egokian gordeta.
Fokua. Koordinatzailea.
Web orri baten fokua zure arreta erakartzen duen orriaren zatia da. Diseinatzaileek denbora asko emango dute ikuslearen arreta benetan erakartzen duen ardatz bat sortzen eta, ondoren, orrialdeko gauzarik garrantzitsuena fokuan jartzen. Horrek ahalik eta jende gehienek ikusiko dutela bermatzen du.
Aurrealdea. Aurrealdea.
Hauek dira zure webgunea lehen aldiz bisitatzen dutenean jendeak ikusiko dituen irudiak, testuak, orriak bezalako elementu guztiak. Funtsean, hori da jendeak web-orri batean elkarreragin eta parte hartuko duenarekin.
Hanburgesa ikonoa. Hanburgesa ikonoa.
Hanburgesa ikonoa ondorengo programetan aurkitu ohi den menuaren ikonoari egiten dio erreferentzia. Hiru marra horizontal ditu (hortik "hanburgesa") eta ikono bakar baten atzean nabigazio menu tradizionala ezkutatzen du.
Heltze orria. Heltze orria.
Hau da zure webguneko bisitariek ikusiko duten lehen orria. Webgune askok helmuga-orri dedikatu bat erabiltzen dute bisitariarengandik zerbait ikasteko (adibidez, beren helbide elektronikoa edo produktuaren orri zehatz bat partekatzea). Zurea helmuga orria zure webguneko orrialde garrantzitsuenetako bat da eta denbora asko eman beharko zenuke hura optimizatzen.
Nabigazioa. Nabigazioa.
Nabigazioa zure web orrialdeko elementuen artean mugitzeko erabiltzen den sistema da eta edozein web orrialdeko elementu garrantzitsuenetako bat da. Horregatik da hain garrantzitsua webgunearen nabigazioaren oinarrizko printzipioak ezagutzea. Gehien adibide distiratsua Nabigazioak web orri gehienetan agertzen diren menuak dira. Baina erreparatu ere orriak nola antolatzen diren eta haien arteko loturei. Era berean, bisitariek web orri bat erraztu dezakete nabigatzeko.
Webgunearen backend baten anatomia. Web diseinuaren definizioak eta terminoak.
-
Atzeko amaiera. Atzeko amaiera.
Hau da zure gunea eraginkortasunez exekutatzen duen zure sistemaren zatia, baina bisitariei ezkutatuta dagoena. Askotariko osagaiak daude eskuragarri, baina denek normalean gauza berdinak dituzte: aplikazioak, informazio egitura eta zure CMS.
CMS
Edukiak kudeatzeko sistema barne bat da zure webguneko edukia kudeatzeko tresna, erabiltzaileak gehituz, iruzkinak kudeatu eta agian askoz gehiago. Webgune bat sortzeko WordPress erabili baduzu, CMS bat erabili duzu. CMS batek web orri bat diseinatzea eta sortzea askoz errazten du, webgunea bultzatzen duen kode gordina asko ezkutatzen duelako.
Merkataritza elektronikoa. Merkataritza elektronikoa.
Merkataritza elektronikoa "merkataritza elektronikoa" esan nahi du. "posta elektronikoa" "posta elektronikoa" esan nahi duen bezala. Normalean denda bat gehitzen duzu zure webgunean merkataritza elektronikoa, produktuen deskribapenak, erosketak eta salmentak eta bezeroen datuak kudeatuko dituena.
HTTP/HTTPS
Arakatzaileen, zerbitzarien eta web aplikazioen arteko komunikazioa kudeatzen duen sistema da. Datuak nola ontziratu eta bidali behar diren zehazten du.
HTTPS SSL (Secure Socket Layer) bidez konexioak ezar ditzakeen HTTPren luzapena da. Datuak sarean partekatzeko modu askoz seguruagoa da hau. Web arakatzaile moderno askok abisatuko dizute webgune batek HTTP protokolo estandarra erabiltzen badu HTTPS baino.
Webgunearen jabe gisa, HTTPS erabiltzeko beharrezkoak diren SSL ziurtagiriak eros ditzakezu hainbat hornitzailetatik. Gehitu ondoren, zure webgunea seguruagoa izango da eta zure bezeroekin konfiantza sortuko du.
Plugin. Web diseinuaren baldintzak
Webgune nagusiaren gainean instalatzen den eta segurtasun gehigarria eskaintzen duen programa txiki bat. Pluginak CMS plataforma ezagunenetarako eskuragarri daude eta hainbat funtziotarako erabil daitezke, blogeko mezuen automatizaziotik hasi eta liderrak kudeatzeko.
Txantiloia. Lagina.
Web diseinuan txantiloiak dokumentu eta irudietarako erabiltzen diren modu berean erabiltzen dira, hainbat orrialdetan diseinu koherentea bermatzeko. CMS plataforma gehienek zure webgunerako txantiloi-multzo bat eskainiko dizute, zure orrietan eta zure diseinuan koherentzia bermatzen lagunduko dizutena.
Interneterako baldintza teknikoak. Web diseinuaren definizioak eta terminoak.
-
Aingura testua. Aingura testua.
Aingura-testua hiperesteka bat duten esaldi bat edo hainbat hitz da. Aingura-testu egokia erabiltzeak diferentzia handia eragin dezake zure orria bilatzaileetan nola sailkatzen den.
Atzeko esteka. Atzeko esteka.
Hauek beste gune batzuetako zure webgunerako estekak dira. Beste gune batek zurearekin lotzen duenean, adibidez haien irakurleak baliabide batera bideratzeko, backlink bat jaso duzu. Atzerako estekak oso garrantzitsuak dira zure bilaketa-sailkapena handitzeko orduan, konfiantzazko guneetako hainbat backlinkek zure webgunearen ikusgarritasuna areagotuko baitute.
Banda zabalera. Banda zabalera.
Banda zabalera hainbat testuingurutan erabiltzen den terminoa da, baina funtsean aldi jakin batean bidalitako edo jasotako datu kopurua esan nahi du. Esaterako, zure Interneteko abiadura deskribatzeko erabil daiteke, non segundoko kilobitetan (kbps) adierazi ohi den. Hala ere, batzuetan zure web hosting paketearen zati gisa hilean zenbat datu erabil ditzakezun deskribatzeko erabiltzen da.
Cachea. Dirua.
Cachea web arakatzaile batean gordetzen den datu multzo bat da. Horrek esan nahi du erabiltzaileak gunea bisitatzen duen hurrengoan orria azkarrago kargatuko dela, memoria lokaletik kargatzen delako.
DNS Web Diseinuaren Baldintzak
DNS domeinu-izenen zerbitzua da. Hau da zure web-arakatzaileak web-orriak aurkitzen dituen sistema. Zuk duzunean azbyka.com.ua , zure nabigatzaileak "DNS taula" bat bilatzen du, gizakientzako egokia den helbide hori ordenagailurako egokia den helbide batean bihurtzen duena (hau da, zenbakiz osatua). DNS sistemak munduko web orri guztiak non dauden kontrolatzen du, zure arakatzaileak aurki ditzan.
Домен
Hau da zure webgunearen izena. Enpresa askotako domeinuak eros ditzakezu. 63 karaktere baino gehiago izan ditzakete. Adibidez, https://azbyka.com.ua/gure domeinu-izena da.
FTP
FTP fitxategiak transferitzeko protokoloa esan nahi du eta tokiko biltegiratzetik (esaterako, zure ordenagailuan) fitxategiak eta datuak zure web zerbitzarira transferitzeko sistema bat da. FTP erabiltzeko, FTP bezero izeneko programa txiki bat deskargatu behar duzu.
Esteka iraunkorra. Esteka iraunkorra
Blogaren argitalpen edo orri jakin batera beti zuzenduko duen helbide bat eskaintzeko aukera ematen duen esteka iraunkorra, edozein dela ere zure gunearen inguruko egitura nola aldatzen duzun. Hau oso erabilgarria da blogeko argitalpenak zure webgunerako trafikoa handitzeko erabiltzen badituzu, ez duzulako eskuz aldatu behar dozenaka (edo ehunka) esteka aldatzea erabakitzen baduzu. zure webgunearen diseinua edo aldatu zure domeinu-izena.
URL
Orrialde zehatz bat edo beste baliabide bat non aurki daitekeen adierazten duen helbidea.
Web hostinga. Web diseinuaren definizioak eta terminoak.
Web hostinga zure gordetzen duten zerbitzariak kudeatzen dituen enpresa bat da Webgunea. Web hostingari buruzko gure artikuluan azaltzen dugunez, web ostalariak asko alda daitezke eskaintzen dituzten zerbitzuen mailan. Web ostalari on batek zure webgunea denboraren % 99,9 erabilgarri egongo dela ziurtatu ahal izango dizu, eta seguru eta eraginkorra mantentzeko tresnak ere emango dizkizu.
Web zerbitzaria
Web zerbitzaria zure web orria benetan gordetzen duen ordenagailua da. Litekeena da zure web ostalariaren zerbitzariaren instalazio batean egotea, nahiz eta zure zerbitzariak exekutatu ere posible den.
Web garapenaren terminologia. Web diseinuaren definizioak eta terminoak.
CSS
CSS Cascading Style Sheets esan nahi du, eta HTMLrekin batera, orri hauek edozein web-orrietako oinarrizko zatiak dira. Duela hamar urte, HTML kodean bertan zehazten zen web orriaren formatua, hala nola goiburuen tamaina edo irudiek ertzak zituzten ala ez. Horrek esan nahi du formatua aldatzea lan handia izan zela elementu bakoitza pasatzeko prozesua orrialdeak eta kode aldaketak.
CSS-rekin dena askoz errazagoa da. Orrialde baten estiloa CSS fitxategi batean (edo gehiagotan) dago, goiburuen itxura, irudiak nola bistaratzen diren eta beste hainbat elementu zehazten dutenak. Nabigatzaileari webgunea nola bistaratu esaten diote. Horrela, webgune osoen formatua alda daiteke kode zati bakarra aldatuz.
DHTML
DHTML HyperText Markup Language dinamikoa da. Web diseinuko hainbat hizkuntza (HTML, JavaScript eta CSS) konbinatzen dituen hizkuntza baten terminoa da, web garapenerako super hizkuntza batean. Hau izan ohi da web garatzaile modernoek zuretzako webgune bat sortzeko erabiliko dutena.
Doctype. Web diseinuaren definizioak eta terminoak.
HTML-n, dokumentu mota bat web-orri batean zein HTML mota eta bertsio erabiltzen den deskribatzen du. Nabigatzaileek orriaren osotasuna egiaztatzeko erabiltzen dute eta segurtasun-akatsak sor ditzake okerra bada.
Em. EM. Web diseinuaren baldintzak
Em erabiltzen da letra-tipo baten tamaina deskribatzeko, orrialdean erabiltzen den "guraso" letra-tipoarekin alderatuta. 1Em-ek esan nahi du letra-tipoa (edo batzuetan beste elementu batzuk) haien elementu nagusiaren tamaina berekoa dela, 2em-ek tamaina bikoitza dutela eta abar.
Estilo txertatua. Eraikitako estiloa. Web diseinuaren baldintzak
Orrialde osoen formatua aldi berean deskribatzeko CSS (ikus goian) erabil daitekeen arren, batzuetan orri bakarreko estiloa aldatu behar duzu. Hau da lerroko estiloa erabiltzen denean. Inline estiloa web orri baten buruan idatzitako CSS kodearen zati bat da, orrialde horretako elementuei bakarrik eragiten diena, ez zure webgune osoan.
Letra-tipoa/estiloa/pisua. Letra-tipoa/estiloa/pisua
Web-diseinatzaileek eta garatzaileek askotan ez dute letra-tipo batzuekin lan egiten, arakatzaile ezberdinek ez dituztelako beti letra-tipo berdinak erabiltzen. Horregatik, CSS dokumentu batean erabilitako letra-tipoa letra-tipo-familia gisa definitzen dela ikusiko duzu —erabil daitezkeen letra-tipo multzo bat—, bakarka baino. Definizio horrekin batera, CSS dokumentuak letra-tipoa (etenkaria, azpimarra, etab.) eta pisua (lodia, argia, etab.) ere zehaztuko ditu.
HTML. Web diseinuaren definizioak eta terminoak.
Hipertestu markatze lengoaia Interneten oinarria da. Web orri guztiak, neurri batean bederen, HTMLn idatzita daude, ahalik eta errazen idazteko diseinatuta dagoena. Izan ere, oso erabilgarria izan daiteke, proba ezazu Tutoriala on HTML kodea, idaztea erraza den ikusteko - harrituko zara ordu gutxiren buruan lor dezakezuna!
Metadatuak.
Metadatuak web orrien goiburuan jasotako datuak dira. Datu hauek zure arakatzailearen eskura daude, baina ez dira ikusten ari zaren web-orriaren zati gisa bistaratzen; iturburu-kodea ikusi beharko duzu bertara sartzeko.
Kode irekia. Kode irekia. Web diseinuaren baldintzak
Kode irekiko softwarea erabiltzaileek onartzen dute eta libreki erabili eta alda daiteke. Honek software jabedunarekin kontrajartzen du, enpresa zehatz baten jabetzakoa eta mantentzen duena. Web garatzaile gehienek kode irekiko softwarea erabiliko dute batzuetan, merkeagoa ez ezik, seguruagoa ere izan daitekeelako. Gaur egun, web garatzaile gehienek segurtasun-hausteak minimizatzen dituzte kode irekiko lengoaietan idatzitako edukiontziak erabiliz.
Eszenaratzea. Eszenaratzea. Web diseinuaren definizioak eta terminoak.
Web eszenaratzeawebgune haren ia azken kopia bat sortzeko eta gero probatzeko prozesua da, gunearen zuzeneko bertsioa zabaldu aurretik. Web garatzaile gehienek webgune bat "eszenaratzen" dute kaleratu aurretik, dena ondo funtzionatzen duela ziurtatzeko. Eta askotan, webgune batean aldaketa handiak gertatzen dira eszenatze gunean, zuzeneko gunean baino.
Baliozkoa. Baliozkoa.
Web diseinuan, baliozko web orriak akatsik ez dutenak dira. Praktikan, W3Ck, web garapenerako estandarrak ezartzen dituen komunitateak, argitaratutako HTML zehaztapenetan ezarritako estandarrak jarraitzen dituzten web orrialdeak esan nahi du horrek.
XML. Web diseinuaren baldintzak
XML Extensible Markup Language esan nahi du. XML web diseinuaren oinarrizko atala da, hizkuntza bateko elementuak beste batera itzultzen dituen "metalhizkuntza" gisa jokatzen duelako. Horrek esan nahi du web orriak hainbat hizkuntza erabiliz sortu daitezkeela, eta horiek guztiak XML bidez komunikatzen dira.
Azken gauza…
Jakina, ez dituzu web diseinuaren definizio eta termino horiek guztiak ezagutu behar hasteko. webgunearen garapena - modu independentean edo laguntzarekin. Azken finean, web diseinua ikaskuntza prozesu bat da, eta diseinu onenak errepika daitezkeen artelanak dira, etengabe hobetzen direnak gauza berriak ikasten dituzun heinean.
Hala ere, oso lagungarria izan daiteke gida bat edukitzea web diseinuaren mundu batzuetan konplexua, batez ere hasi berria zarenean. Gure web diseinatzaile profesionalek web diseinuaren mundu zirraragarrian hasten lagunduko dizute.
Iruzkin bat idatzi