Cén fáth go dtógtar gach láithreán gréasáin le meascán de struchtúr, stíl agus iompar
Is é analaí comhchoiteann a úsáidtear chun cur síos a dhéanamh ar fhorbairt láithreán gréasáin deireadh tosaigh ná go bhfuil sé cosúil le stól 3-legged. Is iad na 3 chosa seo, ar a dtugtar 3 sraithe forbartha gréasáin freisin, Struchtúr, Stíl, agus Iompraíochtaí.
Na Trí Sraitheanna Forbartha Gréasáin
- Struchtúr nó ciseal ábhar
- Is é struchtúr nó ciseal ábhar leathanach gréasáin an cód HTML bunúsach den leathanach sin. Cruthaíonn sé mar bhunús láidir ar fhráma an tí ar a bhfuil an chuid eile den teach tógtha, agus mar sin déanann bunús láidir de HTML ardán a chruthú ar féidir láithreán gréasáin a chruthú. Is féidir le téacs nó íomhánna struchtúr HTML a bheith ann agus cuimsíonn sé na hipearnasc a úsáidfidh cuairteoirí chun dul ar an láithreán gréasáin sin.
- Stíl nó ciseal i láthair
- Deir an ciseal stíl nó cur i láthair ar an gcaoi a bhreathnóidh doiciméad struchtúrtha HTML do chuairteoirí an láithreáin. Sainmhínítear CSS an ciseal seo (Bileoga Stíl Cascáideacha). Tá stíleanna sna comhaid seo a léiríonn conas ba cheart an doiciméad a thaispeáint i mbrabhsálaí gréasáin. Ar Láithreán an lae inniu, is féidir Ceisteanna Meáin a áireamh freisin sa chiseal stíl ar féidir leo taispeáint an láithreáin a athrú bunaithe ar mhéideanna scáileáin agus feistí éagsúla .
- Iompar
- Is é an ciseal iompair an ciseal ar leathanach Gréasáin a d'fhéadfadh freagairt a dhéanamh ar ghníomhartha éagsúla úsáideora nó athruithe ar leathanach a dhéanamh bunaithe ar shraith coinníollacha. Maidir leis an chuid is mó de na leathanaigh Ghréasáin, is é an leibhéal iompair na hidirghníomhaíochtaí JavaScript ar an leathanach.
Cén fáth ar chóir duit na sraitheanna a scaradh?
Nuair a bhíonn leathanach gréasáin á chruthú agat, is inmhianaithe na sraitheanna a choinneáil chomh scartha agus is féidir. Ba chóir go gcuirfí an struchtúr i do chuid HTML, stíleanna amhairc chuig an CSS, agus iompraíochtaí le haon scripteanna a úsáideann an láithreán.
Seo cuid de na buntáistí a bhaineann le scaradh na sraithe:
- Acmhainní roinnte
- Nuair a scríobhann tú comhad CSS seachtrach nó comhad JavaScript, is féidir leat an comhad sin a úsáid trí aon leathanach ar do láithreán gréasáin. Má theastaíonn uait athrú a dhéanamh ar an gcomhad sin, b'fhéidir roinnt stíleanna clóghrafacha a thabhairt suas chun dáta ar an láithreán gréasáin, beidh gach leathanach a úsáideann an bhileog stíl sin ar an athrú. Níl aon ghá le gach leathanach den láithreán gréasáin a chur in eagar ina n-aonar, rud a d'fhéadfadh a bheith ina ghnóthas grueling do shuíomh níos mó.
- Íosluchtú níos tapúla
- Nuair a bheidh an script nó an stílbhileog á íoslódáil ag do chustaiméir an chéad uair, déanann a bhrabhsálaí gréasáin é a thaisceadh. Ós rud é go bhfuil na hacmhainní roinnte seo anois i dtaisce, tá na leathanaigh eile a iarrtar sa bhrabhsálaí ag luchtú níos tapúla, rud a chuireann luas agus feidhmíocht iomlán an leathanaigh ar fáil.
- Foireann il-duine
- Má tá níos mó ná duine amháin agat ag obair ar shuíomh idirlín ag an am céanna, is féidir leat córais a úsáid le haghaidh "seiceáil isteach" agus "seiceáil amach" ar chomhaid chun a chinntiú go bhfuil gach duine ar an bhfoireann ag obair leis na leaganacha is déanaí de na comhaid seo. Tá sé seo níos deacra i bhfad é seo a dhéanamh má tá stíleanna agus iompraíochtaí fite fuaite le doiciméid struchtúr.
- Sinsearach
- Is dócha go ndéanfaidh suíomh a bhfuil scaradh soiléir stíl agus struchtúr níos fearr d'innill chuardaigh ós rud é gur féidir leis na suíomhanna sin an t-ábhar sin a chraoladh go héifeachtach agus an leathanach a thuiscint gan iad a bhriseadh síos le stíl amhairc nó faisnéis iompair.
- Inrochtaineacht
- Tá bileoga stíl seachtracha agus comhaid script níos inrochtana do dhaoine agus do bhrabhsálaithe. Ós rud é go bhfuil scaradh stíl agus struchtúir ann, is féidir le bogearraí cosúil le léitheoirí scáileáin ábhar níos éasca a phróiseáil ón gciseal struchtúir gan iad a dhíscríobh le stíleanna nach féidir leo a úsáid ar aon nós.
- Comhoiriúnacht ar ais
- Nuair a bheidh suíomh agat atá deartha leis na sraitheanna forbartha, beidh sé níos comhoiriúnach leis mar gheall ar bhrabhsálaithe nó gléas nach féidir úsáid a bhaint as stíleanna CSS áirithe nó a bhféadfadh JavaScript a bheith faoi mhíchumas fós an HTML a fheiceáil. Is féidir feabhas a chur ar do shuíomh gréasáin ansin ar bhonn leanúnach le gnéithe do na brabhsálaithe a thacaíonn leo.
HTML - an Sraith Struchtúr
Is é an ciseal struchtúir an áit a stórálann tú an t-ábhar go léir ar mian le do chustaiméirí léamh nó breathnú orthu. Déanfar códú seo i gcaighdeáin atá comhlíontach HTML5 agus féadfaidh sé téacs agus íomhánna a chur san áireamh chomh maith le ilmheáin (físeáin, fuaime, etc.). Tá sé tábhachtach a chinntiú go léirítear gach gné d'ábhar an láithreáin sa tsraith struchtúr. Ligeann sé seo d'aon chustaiméir a bhfuil JavaScript acu nó nach féidir leo a fheiceáil go bhfuil rochtain fós ag an CSS ar an láithreán gréasáin ar fad, más rud é nach bhfuil feidhmiúlacht uile an láithreáin sin ann.
CSS - an Sraith Stíleanna
Cruthóidh tú do chuid stíleanna amhairc do do shuíomh gréasáin i mbileog stíl seachtrach. Is féidir leat ilbhileoga stíleanna a úsáid, ach cuimhnigh go gcaithfidh gach comhad CSS ar leith iarratas HTTP a fháil, a dhéanann difear do fheidhmíocht an tsuímh.
JavaScript - an Sraith Iompair
Is é JavaScript an teanga is coitianta a úsáidtear le haghaidh an tsraith iompair, ach de réir mar a luadh mé roimhe seo, is féidir le CGI agus PHP iompar leathanach gréasáin a ghiniúint freisin. Agus é á rá, nuair a thagraíonn an chuid is mó de na forbróirí leis an gciseal iompair, ciallaíonn siad go bhfuil an sraith sin gníomhach go díreach sa bhrabhsálaí Gréasáin - mar sin is beagnach JavaScript an teanga roghnaithe i gcónaí. Bain úsáid as an gciseal seo chun idirghníomhú go díreach leis an DOM nó Samhail Réadmhaoin Doiciméad. Tá sé tábhachtach freisin go bhfuil HTML bailí sa tsraith ábhar tábhachtach d'idirghníomhaíochtaí DOM sa chiseal iompair.
Nuair a thógann tú sa tsraith iompair, ba cheart duit comhaid script seachtracha a úsáid díreach le CSS. Gheobhaidh tú na buntáistí céanna a bhaineann le bileog stíl seachtrach a úsáid.