Sivuston Terminologia: Mitä Ammattikieltä Sinun Pitäisi Tietää?

tuntuu siltä, että ärsyttävät design-boffinit luovat sivuston terminologiaa vain hämmentääkseen meitä. Etupää. Takapää. Suunnittelu. Kehittää. Mikset tekisi asioita yksinkertaisiksi?

jos mietit verkkosivuston rakentamista tai uudistamista, tarvitset tämän artikkelin. Ensinnäkin, Katsotaanpa katsomaan eroa web design ja web development. Tunnetaan myös nimillä front-end ja back-end.

Mitä eroa on Web-suunnittelun ja Web-kehityksen terminologialla?

Web-suunnittelijat ovat näistä kahdesta luovempia ja käsittelevät sivuston visuaalisuutta ja ulkoasua. Haluatko tietyn värin? Isompaa tekstiä? He selvittävät sen.

on tavallista, että heillä on taustoja graafisesta suunnittelusta ja taiteesta, joten he osaavat tehdä asiat kauniiksi!

web-kehittäjän työ on erilainen, he rakentavat sivuston ytimen. He keskittyvät teknisiin näkökohtiin ja varmistavat, että kaikki toimii. Tämä edellyttää syöttämällä koodi verkkosivustoille optimaalisen suorituskyvyn. Ne ovat loogisia ja niillä on yleensä taustat tietojenkäsittelytieteessä tai ohjelmoinnissa.

esimerkiksi auton ulkokuori on visuaalisesti miellyttävä, kun taas moottori on rakennettu ohjattavaksi.

asioiden yksinkertaistamiseksi pilkotaan opas suunnittelija-ja kehittäjäsivuston terminologiaan. Pitäkää kiinni Hertsistänne!

Designer – sivuston terminologia

sisältö

tajunnan räjäyttävää verkkosivustoa ei kannata pitää, Jos sisältöä on joka puolella. Mihin yhteystietosi menevät? Ovatko kuvat oikeassa paikassa? Entä valkoinen avaruus? Kukaan ei halua päänsärkyä, kun he vierailevat sivustossasi. Getting nämä näkökohdat oikein tekee kävijöitä matka miellyttävämpää ja lisätä mahdollisuuksia näkyä hakukoneissa.

tsekkaa tämä esimerkki Lyftistä, siellä ei ole paljon sisältöä, mutta se saa sen toimimaan. On yksinkertainen call-to-action keskellä sivua, mukana söpö animaatio. Ei ole mitään mahdollisuutta, että tulet tälle sivustolle ja olet tietämätön sisällön päämäärästä.

Esteettömyys

tämä suunnittelun näkökulma jää monilta web-suunnittelijoilta usein huomaamatta, mutta sen tulisi olla osa web-suunnittelun perusasioita. Se on kuinka helposti sivusto on vammaisten.

Vammaisoppaat, yksinkertainen kopio ja suuremmat kuvakkeet auttavat heitä navigoimaan sivustolla. Nämä toiminnot ovat suosittuja terveydenhuollon organisaatioiden keskuudessa. Tässä on esimerkki näkemisen taistelusta, jossa kotisivun oikeassa yläkulmassa on fonttisäätö.

CSS (Cascading Style Sheets)

CSS on TYYLISIVUKIELI, jota käytetään HTML-koodin asettelun kuvaamiseen. Yksinkertaisemmin sanottuna HTML on tekstin kieli ja CSS on sivun suunnittelun kieli. CSS säästää paljon työtä web-kehittäjille, koska se auttaa heitä muotoilemaan HTML-koodin eri ulkoasuihin ja tyyleihin.

Staattinen asettelu

tämän tyyppinen asettelu on helpompi suunnitella, mutta ei yhtä joustava käyttäjälle. Jos sivu on jokaiselle kävijälle saman levyinen, se voi olla eri laitteilla arvaamaton. Useimmat yritykset ovat siirtyneet reagoiva suunnittelu nousu mobiili, mutta saatat löytää joitakin yrityksiä, jotka käyttävät sitä.

Favicon

favicon on kuva, joka näkyy verkkotunnuksesi vieressä selaimen osoiterivillä. Se on hyvä idea haastaa logo tai jotain, joka liittyy yrityksesi. Kaipaatko inspiraatiota? Tutustu joitakin näistä hienoja logo malleja!

Focal Point

Where do you want the eye to focus? Logo? Tuote? Jos sivustosi on liian sotkuinen tai et tiedä, minne haluat käyttäjän menevän, he voivat lähteä. Amazon käyttää alkuun banneri niiden keskipiste,mutta kaikki yritykset eivät voi pelata vuodenaikojen tapahtumia luoda liiketoimintaa, joten mieti, mikä saa sinut erottumaan.

HTML (Hypertext Markup Language)

puhutko tietokonetta? Onneksi suunnittelijoilla on. He syöttävät koodeja tekstitiedostoon, selain lukee sen ja kääntää sen sulavaan muotoon. HTML-koodaukseen tarvitaan erilaisia typografia -, suunnittelu-ja tietokoneohjelmointitaitoja.

resoluutio

termi, jota käytetään kuvapisteiden lukumäärästä näytön pysty-ja vaakasuuntaisissa elementeissä. Vaikka monet uskovat, että se on pituus ja leveys.

Responsive Layout

Responsive layout ovat muunneltavia ja muuttuvat käyttäjän laitteesta riippuen. He optimoivat sivun niin, että siihen mahtuu mahdollisimman paljon sisältöä. Tämä ulkoasu on katkottua web design perusteet.

tyyliopas

verkkosivuja suunniteltaessa on tärkeää, että tyyli on johdonmukainen. Liian monet värit tai muodot voivat hämmentää käyttäjää, joten on tärkeää saada täydentävä sekoitus. Katso Spotiyn tyyliopasta, jotain niinkin vähäistä kuin logon virheellisyys voi vaarantaa heidän brändinsä.

UX Design

miltä käyttäjästä tuntuu, kun hän vierailee verkkosivustollasi? Jos se on käytännöllinen ja helppokäyttöinen, he todennäköisesti pysyvät sivustolla. Jos on paljon katkenneita linkkejä, he pettyvät. On tärkeää päästä käyttäjän ajatusmaailmaan ja eläytyä heidän ongelmiinsa.

graafinen käyttöliittymä

Apple tekee pienille lapsille sopivia laitteita. Katso mobiili aloitusnäyttö kaikki sovellukset ja valikot. GUIs pitäisi olla yksinkertainen ja helppo navigoida, joka on kaikki alas fiksu muotoilu.

Kasvuvetoinen suunnittelu

Kasvuvetoinen suunnittelu on käytäntö rakentaa verkkosivusto yksinkertaisilla, www-suunnittelun perusteilla. Suunnittelija lisää monimutkaisempia ominaisuuksia, kun he rakentavat sivuston. Tämä tarkoittaa, että mitä ongelmia se on, ne on suojattu vahva perusta. Talon kattoa ei laittaisi ilman perustusten laskemista. Voit sitten päivittää sivustoa säännöllisesti, varmistaen, että se on aina ajan tasalla.

Kehittäjäsivuston terminologia

AJAX (asynkroninen JavaScript ja XML)

AJAX käyttää erilaisia ohjelmointityökaluja datan lähettämiseen ja hakemiseen tarvitsematta päivittää verkkosivua. Jos sinulla on Facebook-etusivusi selaimessa, se pitää virkistävää tarjota sinulle päivityksiä. Tässä esimerkki AJAX-koodista.

Back-end

sivustot eivät ole pinnallisia; on paljon sisäisiä prosesseja, joita käyttäjä ei näe. Sivustosi loppupäässä päivität ohjelmistoja, julkaiset blogeja CMS: ssäsi ja lataat uusia tuotteita. Tämä on takana WordPress..

Bad neighborhood

a bad neighborhood on joukko verkkosivustoja, joilla on huono maine ja hakurankingit. Et haluaisi asua huonolla alueella, eikä myöskään sivustosi. Laittamalla sivuston rogue lähiöissä lommo mahdollisuuksiasi näkyä hakukoneen. Hanki paras hosting-paketti; et halua rangaistusta naapureidesi tuhmasta käytöksestä!

kaistanleveys

videosi puskuroi. Miksi?! Kaistanleveys on liikenteen ja datan taso, joka voi kulkea sivustosi läpi. Isommat yritykset tarvitsevat enemmän kaistanleveyttä, koska ne saavat enemmän liikennettä ja datakäytäviä. Kaistanleveys vaihtelee, joten on tärkeää saada oikea määrä yrityksesi.

välimuisti

välimuisti on laitteen väliaikainen tallennustila ja parantaa sovelluksen suorituskykyä. Kun vierailet verkkosivulla, selaimesi pitää kirjaa vierailemistasi sivuista ja tallentaa tiedostot välimuistiin. Tämä tarkoittaa, että selaimen ei tarvitse lukea niitä uudelleen, mikä säästää aikaa.

evästeet

Evästeet ovat pieniä tekstitiedostoja, jotka sisältävät perustiedot verkkosivustoista, joilla vierailet. Evästeet auttavat WWW-palvelimia määrittämään mieltymyksiä katsomalla, millaisilla sivustoilla vierailet tai mitä laitat ostoskoriin.

viime vuosina on ollut paljon negatiivista lehdistöä evästeistä, koska yksityisyyteen liittyy ongelmia. Katso tätä kirjautumista Amazonista, automaattisen kirjautumisen mahdollistaminen tarkoittaa, että yhtiö jättää seurantaevästeen selaimeesi, joten sinun ei tarvitse kirjautua sisään.

tietokanta

kuten arvata saattaa, tietokanta toimii tietojen tallennuskeskuksena. Kun selaimet navigoivat verkkosivustosi läpi, ne syöttävät hakukyselyjä tai henkilökohtaisia tietoja. Tietokantasi tallentaa ne tiedot.

jos sinulla on verkkovaateyritys, tietokantapalstoissasi saattaa lukea:

• tshirt_size
• tshirt_väri
• tshirt_hinta

tässä näyte nimettömästä tietokannasta.

Hosting

Web hosts antaa meille valtuudet lähettää web-sivuja internetiin. He käyttävät palvelintietokoneita liittääkseen sivustosi internetiin. Kun joku napsauttaa sivustosi sivua, sivu lähettää pyynnön palvelimelle,ja se latautuu.

JavaScript

JV on kompakti, joustava dynaaminen ohjelmointikieli. On tonnia ylimääräisiä toimintoja ominaisuuksia JavaScript. Voit syöttää karuselleja, 3D-kuvia ja videovirtoja verkkosivustollesi.

PHP (Hypertext Preprocessor)

PHP on palvelinpuolen ohjelmointikieli, jota käytetään fluidin verkkosivustojen kehittämiseen ja tietokantoihin yhdistämiseen. Sivustossasi voi olla esimerkiksi sisäänkirjautumispainike, jonka yllä on sähköpostiosoite ja salasana. Kun syötät ja lähetät nämä tiedot, PHP lähettää sen tietokantaan ja tarkistaa, että se on oikein.

katso tätä koodiesimerkkiä, miten se käsittelee saapuvaa pyyntöä? Se on PHP.

Python

Python on 1980-luvulta lähtien käytössä ollut web-kehityksen viitekehys, joka on tunnettu helppokäyttöisyydestään ja luettavuudestaan. Aloittelijat käyttävät Pythonia usein ponnahduslautana muihin kehitystyökaluihin. Sen lisäksi se on ilmainen!

palvelimet

palvelimet tekevät paljon työtä, ne ovat tietokoneita pinaattipurkin perässä. Ne tallentavat valtavia määriä dataa, kuten CSS sheets, ja muodostavat yhteyden muihin palvelimiin internet-yhteyksien kautta. Www-palvelimet tallentavat web-tietoja, kuten URL-osoitteita, kun selain pyytää sivua, se kommunikoi palvelimen kanssa.

ja siinä ero ke-suunnittelun ja web-kehityksen välillä. Olet nyt Pätevä vohveli sivuston terminologiaa sydämesi sisältöä!