Poukisa tout sit entènèt yo bati ak yon konbinezon de estrikti, style, ak konpòtman
Yon analoji komen ki itilize pou dekri devlopman sou sit wèb devan-fen se ke li se tankou yon tabourè 3-janb. Sa yo pye 3, ki yo tou li te ye tankou 3 kouch yo nan devlopman entènèt, yo se Estrikti, Style, ak Konpòtman.
Twa kouch nan devlopman entènèt
- Estrikti oswa kouch kontni
- Estrikti a oswa kouch kontni nan yon paj entènèt se kòd la kache HTML nan paj sa a. Tankou yon ankadreman kay la kreye yon fondasyon fò sou ki se rès la nan kay la bati, se konsa fè yon fondasyon solid nan HTML kreye yon platfòm sou ki ka yon sit entènèt dwe kreye. HTML estrikti ka konpoze de tèks oswa imaj ak li gen ladan lyen yo ke vizitè yo pral itilize yo navige alantou sit entènèt sa a.
- Style oswa prezantasyon kouch
- Style oswa kouch prezantasyon an dikte ki jan yon dokiman HTML estriktire pral gade nan vizitè sit la. Kouch sa a defini pa CSS (Cascading Style Sheets). Dosye sa yo gen ladan estil ki endike ki jan dokiman an ta dwe parèt nan yon navigatè entènèt. Sou entènèt la jodi a, kouch nan style ka gen ladan tou Queries Media ki ka chanje ekspozisyon yon sit ki baze sou gwosè ekran diferan ak aparèy .
- Konpòtman
- Kouch konpòtman an se kouch yon paj entènèt ki ka reponn a aksyon itilizatè diferan oswa fè chanjman nan yon paj ki baze sou yon seri kondisyon. Pou pifò paj entènèt, nivo konpòtman ta dwe entèraksyon JavaScript sou paj la.
Poukisa ou ta dwe separe Kouch yo?
Lè w ap kreye yon paj wèb, li se dezirab kenbe kouch yo kòm separe ke posib. Estrikti yo ta dwe konfime HTML ou, estil vizyèl nan CSS la, ak konpòtman nan nenpòt ki Scripts ke sit la itilize.
Gen kèk nan benefis ki genyen nan separe kouch yo se:
- Resous pataje
- Lè ou ekri yon ekstèn dosye CSS oswa JavaScript dosye, ou ka itilize dosye sa a pa nenpòt paj nan sit entènèt ou an. Si ou bezwen fè yon chanjman nan dosye sa a, petèt, mete ajou kèk estil tipografik sou sit entènèt la, chak paj ki itilize ke Styles pral jwenn chanjman an. Pa gen okenn bezwen edite chak paj nan sit wèb la endividyèlman, ki pou pi gwo sit ta ka yon antrepriz kòlè.
- Pi vit downloads
- Yon fwa yo te script la oswa Stylesheet te telechaje pa kliyan ou premye fwa a, li se kach pa navigatè entènèt yo. Paske resous sa yo pataje kounye a ki nan kachèt, lòt paj ke yo mande nan chaj la navigatè pi vit, ki amelyore paj jeneral vitès ak pèfòmans.
- Ekip multi-moun
- Si ou gen plis pase yon moun k ap travay sou yon sit entènèt nan yon fwa, ou ka itilize sistèm ki pou "tcheke nan" ak "tcheke deyò" nan dosye asire ke tout moun nan ekip la ap travay ak vèsyon yo dènye nan sa yo dosye. Sa a se pi difisil fè si estil ak konpòtman yo mare ak dokiman estrikti.
- SEO
- Yon sit ki gen yon separasyon klè nan style ak estrikti gen chans rive nan fè pi bon pou motè rechèch depi sit sa yo ka pi efektivman rale kontni sa a ak konprann paj la san yo pa resevwa anfòm desann ak style vizyèl oswa enfòmasyon konpòtman.
- Aksè
- External style dra ak dosye script yo plis aksesib a moun ak navigatè. Paske gen se separasyon de style ak estrikti, lojisyèl tankou lektè ekran ka pi fasil pou pwosesis kontni nan kouch nan estrikti san yo pa anfòm desann nan estil yo ke yo pa ka itilize de tout fason.
- Ekri konpatibilite
- Lè ou gen yon sit ki fèt ak kouch devlopman yo, li pral plis bak konpatib paske navigatè oswa aparèy ki pa ka itilize sèten CSS Styles oswa ki ka gen JavaScript enfim ka toujou wè HTML la. Sit entènèt ou an ka Lè sa a, dwe progresivman amelyore ak karakteristik pou navigatè yo ki sipòte yo.
HTML - Kouch la Estrikti
Kouch nan estrikti se kote ou sere tout kontni an ke kliyan ou vle li oswa gade nan. Sa a pral kode nan estanda HTML5 konfòme epi li ka gen ladan tèks ak imaj kòm byen ke miltimedya (videyo, odyo, elatriye). Li enpòtan asire w ke chak aspè nan kontni sit ou a reprezante nan kouch nan estrikti. Sa a pèmèt nenpòt ki kliyan ki gen JavaScript etenn oswa ki pa ka wè CSS toujou gen aksè a sit entènèt la tout antye, si se pa tout fonctionnalités la nan sit sa a.
CSS - kouch nan Styles
Ou pral kreye tout estil vizyèl ou pou sit entènèt ou an nan yon fèy style ekstèn. Ou ka itilize stil miltip, men sonje ke chak dosye CSS separe yon HTTP demann pou chache, ki afekte pèfòmans sit.
JavaScript - kouch konpòtman an
JavaScript se lang ki pi souvan itilize pou kouch nan konpòtman, men jan mwen mansyone anvan, CGI ak PHP kapab tou jenere konpòtman paj entènèt. Sa yo te di, lè pifò devlopè refere a kouch nan konpòtman, yo vle di ke kouch ki aktive dirèkteman nan navigatè entènèt la - Se konsa JavaScript se prèske toujou lang lan nan chwa. Ou itilize kouch sa a pou kominike dirèkteman avèk Modèl Objè DOM oswa Dokiman. Ekri valid HTML nan kouch kontni an enpòtan tou pou entèraksyon DOM nan kouch konpòtman an.
Lè ou bati nan kouch nan konpòtman, ou ta dwe itilize dosye ekstèn ekstèn jis tankou ak CSS. Ou jwenn tout avantaj ki genyen nan menm lè l sèvi avèk yon fèy style ekstèn.