Terminologia Site-Ului Web: Ce Jargon Ar Trebui Să Știți?

se simte ca boffins de design plictisitor crea terminologia site-ul doar pentru a ne confunda. Front-end. Back-end. Proiectare. Dezvolta. De ce să nu simplificăm lucrurile?

dacă vă gândiți să construiți sau să reproiectați un site web, aveți nevoie de acest articol. În primul rând, să aruncăm o privire la diferența dintre web design și dezvoltare web. Altfel cunoscut sub numele de front-end și back-end.

care este diferența dintre Web Design și terminologia de Dezvoltare Web?

designerii Web sunt cei mai creativi dintre cei doi, ocupându-se de aspectul vizual și aspectul site-ului web. Vrei o anumită culoare acolo? Text mai mare aici? O vor sorta.

este obișnuit ca ei să aibă fundaluri în design grafic și artă, așa că vor ști cum să facă lucrurile să pară frumoase!

munca unui dezvoltator web este diferită, ei vor construi nucleul site-ului web. Se concentrează pe aspectele tehnice și se asigură că totul funcționează. Aceasta implică introducerea codului în site-uri web pentru performanțe optime. Sunt logice și tind să aibă medii în informatică sau programare.

de exemplu, exteriorul unei mașini este plăcut vizual, în timp ce motorul este construit pentru manevrabilitate.

pentru a simplifica lucrurile, vom împărți ghidul în terminologia site-ului web al designerului și dezvoltatorului. Ține-te de Hertz, începem!

terminologia site-ului web de Designer

conținut

nu are rost să ai un site web minunat dacă conținutul tău este peste tot. Unde merg datele tale de contact? Sunt vizuale în locul potrivit? Dar spațiul alb? Nimeni nu vrea o durere de cap atunci când vizitează site-ul dvs. Obținerea corectă a acestor aspecte va face călătoria vizitatorilor dvs. mai plăcută și vă va crește șansa de a apărea în motoarele de căutare.

consultați acest exemplu de la Lyft, nu există prea mult conținut acolo, dar asta îl face să funcționeze. Există un simplu apel la acțiune în centrul paginii, însoțit de o animație drăguță. Nu există nicio șansă să veniți pe acest site și să nu știți care este scopul conținutului.

accesibilitate

acest aspect al designului este adesea trecut cu vederea de mulți designeri web, dar ar trebui să facă parte din elementele de bază ale designului web. Este cât de accesibil este site-ul dvs. pentru persoanele cu dizabilități.

ghidurile pentru dizabilități, copierea simplă și pictogramele mai mari îi ajută să navigheze pe site. Aceste funcții sunt populare cu organizațiile de asistență medicală. Iată un exemplu de luptă pentru vedere, care au un reglator de fonturi în partea dreaptă sus a paginii de pornire.

CSS(Cascading Style Sheets)

CSS este un limbaj de foaie de stil folosit pentru a descrie aspectul codului HTML. În termeni mai simpli, HTML este limba textului și CSS este limba de proiectare a paginii. CSS salvează o mulțime de muncă pentru dezvoltatorii web, deoarece îi ajută să formateze codul HTML în diferite machete și stiluri.

aspect Static

acest tip de aspect este mai ușor de proiectat, dar nu este la fel de flexibil pentru utilizator. Dacă o pagină are aceeași lățime pentru fiecare vizitator, poate fi imprevizibilă pe diferite dispozitive. Cele mai multe companii au trecut la un design receptiv odată cu creșterea mobilului, dar este posibil să găsiți unele companii care îl folosesc.

Favicon

un favicon este o imagine care apare lângă numele dvs. de domeniu în bara de adrese a browserului. Este o idee bună să vă dați în judecată sigla sau ceva care se referă la afacerea dvs. Aveți nevoie de inspirație? Aruncați o privire la unele dintre aceste modele de logo-uri interesante!

punct Focal

unde doriți să se concentreze ochiul? Un logo? Un produs? Dacă site-ul dvs. este prea aglomerat sau nu știți unde doriți ca utilizatorul să meargă, ar putea pleca. Amazon folosește bannerul de top ca punct focal, dar nu toate companiile pot juca la evenimente sezoniere pentru a genera afaceri, așa că gândește-te la ceea ce te face să ieși în evidență.

HTML (Hypertext Markup Language)

vorbești calculator? Din fericire, designerii fac. Acestea introduc coduri într-un fișier text, browserul îl citește și îl traduce într-o formă digerabilă. O serie de abilități de tipografie, proiectare și programare pe calculator sunt necesare pentru codarea HTML.

rezoluție

termenul folosit pentru numărul de pixeli din elementele verticale și orizontale ale unui ecran. Deși mulți cred că este lungimea și lățimea.

aspect Responsive

aspectele Responsive sunt adaptabile și se modifică în funcție de dispozitivul utilizatorului. Optimizează pagina pentru a se potrivi cât mai mult conținut posibil. Acest aspect este un element esențial al elementelor de bază ale designului web.

Ghid de stil

când proiectați un site web, este important să aveți un stil consecvent. Prea multe culori sau forme pot confunda utilizatorul, deci este important să aveți un amestec complementar. Aruncați o privire la Ghidul de stil al lui Spotiy, ceva la fel de ușor ca o deplasare greșită a logo-ului le poate pune în pericol brandingul.

UX Design

cum se simte utilizatorul atunci când vizitează site-ul dvs. web? Dacă este practic și ușor de utilizat, este mai probabil să rămână pe site. Dacă există o mulțime de legături rupte, se vor simți dezamăgiți. Este vital să intri în mentalitatea utilizatorului și să empatizezi cu problemele lor.

interfață grafică cu utilizatorul

Apple face dispozitive potrivite pentru copii mici. Uită-te la ecranul de pornire mobil cu toate aplicațiile și meniurile. GUI – urile ar trebui să fie simple și ușor de navigat, ceea ce se reduce la un design inteligent.

design bazat pe creștere

design bazat pe creștere este practica construirii unui site web cu elemente de bază simple, de design web. Designerul va adăuga caracteristici mai complexe pe măsură ce construiesc site-ul web. Aceasta înseamnă că, indiferent de problemele pe care le are, sunt protejate de fundații puternice. Nu ai pune acoperișul unei case fără să pui bazele mai întâi. Apoi, puteți actualiza site-ul în mod regulat, asigurându-vă că este întotdeauna actualizat.

terminologia site-ului dezvoltatorului

AJAX (JavaScript asincron și XML)

AJAX folosește diverse instrumente de programare pentru a trimite și prelua date fără a fi nevoie să reîmprospătați o pagină web. Dacă aveți pagina dvs. de pornire Facebook într-un browser, aceasta va continua să fie revigorantă pentru a vă oferi actualizări. Iată un exemplu de cod AJAX.

Back-end

Site-urile web nu sunt superficiale; există o mulțime de procese interne pe care utilizatorul nu le poate vedea. Partea din spate a site-ului dvs. web este locul în care actualizați software-ul, publicați bloguri în CMS și încărcați produse noi. Aceasta este susținută de WordPress..

cartier rău

un cartier rău este un grup de site-uri web cu reputație slabă și clasamente de căutare. Tu nu ar vrea să trăiască într-un cartier rău, și nici nu site-ul dvs. Punerea site-ul dvs. în cartiere necinstiți va dent șansele de a apărea într-un motor de căutare. Obțineți cel mai bun pachet de găzduire; nu doriți pedeapsă pentru comportamentul obraznic al vecinilor!

lățime de bandă

videoclipul dvs. este tamponat. De ce?! Lățimea de bandă este nivelul de trafic și date care pot trece prin site-ul dvs. Întreprinderile mai mari au nevoie de mai multă lățime de bandă, deoarece obțin trafic mai mare și pasaje de date. Lățimea de bandă variază, deci este important să obțineți suma potrivită pentru afacerea dvs.

Cache

un cache este spațiul de stocare temporar al unui dispozitiv și îmbunătățește performanța aplicației. Când vizitați o pagină web, browserul dvs. va păstra o evidență a paginilor pe care le vizitați, stocând fișierele în memoria cache. Aceasta înseamnă că browserul nu trebuie să le recitească, ceea ce economisește timp.

cookie-urile

cookie-urile sunt mici fișiere text care conțin informații de bază despre site-urile web pe care le vizitați. Cookie-urile ajută serverele web să determine preferințele prin analizarea tipurilor de site pe care le vizitați sau a ceea ce puneți în coșul de cumpărături.

au existat o mulțime de presă negativă despre cookie-uri în ultimii ani, deoarece există probleme cu confidențialitatea. Aruncați o privire la această autentificare de la Amazon, activarea autentificării automate va însemna că compania lasă un cookie de urmărire în browserul dvs., astfel încât să nu trebuie să vă conectați.

baza de date

după cum v-ați aștepta, o bază de date este un hub de stocare pentru date. Pe măsură ce browserele navighează prin site-ul dvs. web, acestea introduc interogări de căutare sau informații personale. Baza de date stochează aceste informații.

dacă aveți o afacere online de îmbrăcăminte, coloanele bazei de date ar putea citi:

• tshirt_size
• tshirt_colour
• tshirt_price

Iată un eșantion dintr-o bază de date anonimă.

găzduirea

gazdele Web ne oferă puterea de a posta pagini web pe internet. Ei folosesc computere server pentru a conecta site-ul dvs. la internet. Când cineva face clic pe pagina site-ului dvs. web, pagina va trimite o solicitare către server și se va încărca.

JavaScript

JV este un limbaj de programare dinamic compact, flexibil. Există tone de funcții suplimentare de funcționalitate cu JavaScript. Puteți introduce carusele, imagini 3D și fluxuri video pe site-ul dvs. web.

PHP(Hypertext Preprocessor)

PHP este un limbaj de programare server-side folosit pentru a dezvolta site-uri web fluide și conectarea la baze de date. De exemplu, este posibil să aveți un buton de conectare pe site-ul dvs. web cu o adresă de e-mail și o casetă de parolă de mai sus. Când introduceți și trimiteți aceste informații, PHP le va trimite la o bază de date și va verifica dacă sunt corecte.

uitați-vă la acest exemplu de cod, vedeți cum gestionează o solicitare primită? Asta e PHP.

Python

Python este un cadru de dezvoltare web care există încă din anii 1980. este cunoscut pentru ușurința de utilizare și lizibilitate. Începătorii folosesc adesea Python ca o piatră de temelie pentru alte instrumente de dezvoltare. În afară de asta, este gratuit!

serverele

serverele fac multă muncă, sunt computere după o cutie de spanac. Acestea stochează cantități uriașe de date, cum ar fi foile CSS, și se conectează la alte servere prin conexiuni la internet. Serverele web stochează informații web precum adresele URL, atunci când un browser solicită o pagină, acesta va comunica cu serverul.

și asta este diferența dintre designul de miercuri și dezvoltarea web. Acum sunteți calificat pentru a waffle terminologia site-ului la conținutul inimii tale!