Þrjú lag vefhönnunar

Af hverju eru allar vefsíður byggðar með samsetningu uppbyggingar, stíl og hegðun

Algeng hliðstæða sem er notað til að lýsa framþróun vefsvæðaþróunar er sú að það er eins og 3-legged hægðir. Þessar 3 fætur, sem einnig eru þekktar sem 3 lög af vefur þróun, eru uppbygging, stíl og hegðun.

Þrjú lögin í þróun vefja

• Uppbygging eða innihaldslag
  • Uppbygging eða innihaldslag á vefsíðu er undirliggjandi HTML kóða þess síðu. Eins og ramma hússins skapar sterkur grundvöllur sem restin af húsinu er byggð á, byggir jafnframt traustan grundvöll HTML til að búa til vettvang þar sem hægt er að búa til vefsíðu. HTML uppbygging getur samanstaðið af texta eða myndum og það inniheldur tengla sem gestir munu nota til að sigla um viðkomandi vefsíðu.
• Stíll eða kynningarlag
  • Stíllinn eða kynningarlagið ræður hvernig skipulagt HTML skjal mun líta á gesti heims. Þetta lag er skilgreint af CSS (Cascading Style Sheets). Þessar skrár innihalda stíl sem gefa til kynna hvernig skjalið ætti að birtast í vafra. Á vefnum í dag getur stíllagið einnig innihaldið fjölmiðlafyrirspurnir sem geta breytt skjánum á skjánum miðað við mismunandi skjástærð og tæki .
• Hegðun
  • Hegðunarlagið er lag vefsíðunnar sem hægt er að bregðast við við mismunandi notendaviðgerðir eða gera breytingar á síðu byggð á settum skilyrðum. Hjá flestum vefsíðum er hegðunarstigið JavaScript- samskipti á síðunni.

Afhverju ættir þú að skilja lögin?

Þegar þú ert að búa til vefsíðu er æskilegt að halda lagunum eins aðskilin og mögulegt er. Uppbygging ætti að vera trúnað á HTML, sjónrænum stílum í CSS og hegðun við hvaða forskriftir sem vefsvæðið notar.

Sumir kostir þess að skilja lögin eru:

• Hlutdeildir
  • Þegar þú skrifar utanaðkomandi CSS skrá eða JavaScript skrá geturðu notað þessa skrá með hvaða síðu á vefsíðu þinni. Ef þú þarft að breyta þeim skrá, ef til vill til að uppfæra einhverjar leturgerðir á vefsíðunni, mun hver breyting sem er á síðunni nota hverja síðu. Það er engin þörf á að breyta hverri síðu á vefsíðunni fyrir sig, sem fyrir stærri síðu gæti verið slæmt fyrirtæki.
• Hraðari niðurhal
  • Þegar handritið eða stíllinn hefur verið sótt af viðskiptavininum í fyrsta skipti, er það afritaður af vafranum sínum. Vegna þess að þessi samnýttar auðlindir eru nú geymdar í skyndiminni eru aðrar síður sem beðið er um í vafranum hlaðari hraðar, sem bætir heildarhraða síðu og árangur.
• Fjölmennt lið
  • Ef þú hefur fleiri en einn mann sem vinnur á vefsíðu á sama tíma getur þú notað kerfi sem er að "athuga" og "skrá sig út" af skrám til að tryggja að allir í liðinu séu að vinna með nýjustu útgáfur þessara skráa. Þetta er miklu erfiðara að gera ef stíll og hegðun er samtvinnuð með uppbyggingarskjölum.

• SEO
  • Vefsvæði með skýrt aðskilnað á stíl og uppbyggingu er líklegt til þess að framkvæma betur fyrir leitarvélar þar sem þessi vefsvæði geta skilað efninu á skilvirkan hátt og skilið síðuna án þess að verða hengdur niður með sjónrænum stíl eða hegðunarupplýsingum.
• Aðgengi
  • Ytri stílblöð og handritaskrár eru aðgengilegar fyrir fólk og vafra. Vegna þess að það er aðskilnaður af stíl og uppbyggingu, getur hugbúnaður eins og skjálesendur auðveldari unnið úr efni úr uppbyggingarlaginu án þess að fá svikinn niður eftir stílum sem þeir geta ekki notað engu að síður.
• Afturábak eindrægni
  • Þegar þú ert með síðu sem er hannað með þróunarlögunum mun það verða afturábak samhæft vegna þess að vafrar eða tæki sem ekki geta notað ákveðnar CSS-stíll eða sem kunna að hafa JavaScript slökkt, geta samt skoðað HTML. Síðan er hægt að auka vefurinn þinn með lögun fyrir þá vafra sem styðja þá.

HTML - byggingarlagið

Uppbyggingarlagið er þar sem þú geymir allt efni sem viðskiptavinir þínir vilja lesa eða líta á. Þetta verður kóðað í HTML5 staðlinum og það getur innihaldið texta og myndir ásamt margmiðlun (myndskeið, hljóð, osfrv.). Það er mikilvægt að ganga úr skugga um að allir þættir innihald vefsvæðis þíns séu fulltrúar í uppbyggingarlaginu. Þetta leyfir öllum viðskiptavinum sem hafa slökkt á JavaScript eða sem geta ekki skoðað CSS til að fá aðgang að öllu vefsetri, ef ekki er virkni þessarar síðu.

CSS - Stíllagið

Þú verður að búa til allar sjónrænar stíll fyrir vefsvæðið þitt í utanaðkomandi stílblaði. Þú getur notað margar stílblöð, en mundu að hver sérstakur CSS-skrá krefst HTTP-beiðni um að sækja, sem hefur áhrif á frammistöðu vefsvæðisins.

JavaScript - Hegðunarlögin

JavaScript er algengasta tungumálið fyrir hegðunarlagið, en eins og ég nefndi áður getur CGI og PHP einnig búið til hegðun vefsíðna. Með því að segja, þegar flestir forritarar vísa til hegðunarlagsins, þá þýðir það það lag sem er virkjað beint í vafranum - þannig er JavaScript næstum alltaf tungumálið sem þú velur. Þú notar þetta lag til að hafa samskipti beint við DOM eða Document Object Model. Ritun gilt HTML í efnislaginu er einnig mikilvægt fyrir DOM-samskipti í hegðunarlaginu.

Þegar þú byggir á hegðunarlaginu ættir þú að nota utanaðkomandi handritaskrár eins og við CSS. Þú færð sömu kosti með því að nota utanaðkomandi stíll lak.