Pam fod pob gwefan yn cael ei adeiladu gyda chyfuniad o strwythur, arddull, ac ymddygiadau
Cyfatebiad cyffredin sy'n cael ei ddefnyddio i ddisgrifio datblygiad gwefan y blaen yw ei fod fel stôl 3 coes. Mae'r 3 choes hyn, a elwir hefyd yn y 3 haen o ddatblygiad gwe, yn Strwythur, Arddull, ac Ymddygiadau.
Y Tri Haen Datblygu Gwe
- Strwythur neu haen cynnwys
- Strwythur neu haen cynnwys tudalen we yw cod HTML sylfaenol y dudalen honno. Fel ffrâm tŷ, mae'n creu sylfaen gref y codir gweddill y tŷ arno, felly mae sylfaen gadarn o HTML yn creu llwyfan ar y gellir creu gwefan. Gall strwythur HTML gynnwys testun neu ddelweddau ac mae'n cynnwys y hypergysylltiadau y bydd ymwelwyr yn eu defnyddio i lywio o gwmpas y wefan honno.
- Haen arddull neu gyflwyniad
- Mae'r haen arddull neu gyflwyniad yn pennu sut y bydd dogfen HTML strwythuredig yn edrych ar ymwelwyr safle. Diffinnir yr haen hon gan CSS (Cascading Style Sheets). Mae'r ffeiliau hyn yn cynnwys arddulliau sy'n dangos sut y dylid arddangos y ddogfen mewn porwr gwe. Ar We heddiw, gall yr haen arddull gynnwys Ymholiadau Cyfryngau a all newid arddangosfa safle yn seiliedig ar feintiau a dyfeisiau sgrin gwahanol.
- Ymddygiad
- Y haen ymddygiad yw haen tudalen We sy'n gallu ymateb i wahanol gamau gweithredu defnyddwyr neu wneud newidiadau i dudalen ar sail set o amodau. Ar gyfer y rhan fwyaf o dudalennau Gwe, y lefel ymddygiad fyddai'r rhyngweithio JavaScript ar y dudalen.
Pam ddylech chi wahanu'r haenau?
Pan fyddwch yn creu tudalen we, mae'n ddymunol cadw'r haenau mor wahan â phosib. Dylid cyd-fynd â'r strwythur i'ch HTML, arddulliau gweledol i'r CSS, ac ymddygiadau i unrhyw sgriptiau y mae'r wefan yn eu defnyddio.
Dyma rai o'r manteision o wahanu'r haenau:
- Adnoddau a rennir
- Pan fyddwch chi'n ysgrifennu ffeil CSS allanol neu ffeil JavaScript, gallwch ddefnyddio'r ffeil hwnnw gan unrhyw dudalen ar eich gwefan. Os oes angen i chi newid y ffeil honno, efallai i ddiweddaru rhai arddulliau teipograffig ar y wefan, bydd pob tudalen sy'n defnyddio'r daflen arddull honno'n cael y newid. Nid oes angen olygu pob tudalen o'r wefan yn unigol, a allai ar gyfer safle mwy fod yn ymgymeriad anodd.
- Llwytho i lawr yn gyflymach
- Unwaith y bydd y sgript neu'r daflen arddull wedi cael ei llwytho i lawr gan eich cwsmer y tro cyntaf, caiff ei ddarganfod gan eu porwr gwe. Oherwydd bod yr adnoddau a rennir bellach wedi'u cynnwys mewn cache, mae tudalennau eraill y gofynnir amdanynt yn y porwr yn llwytho'n gyflymach, sy'n gwella cyflymder a pherfformiad cyffredinol y dudalen.
- Timau aml-berson
- Os oes gennych fwy nag un person sy'n gweithio ar wefan ar unwaith, gallwch ddefnyddio systemau sydd ar gyfer "gwirio" a "gwirio" ffeiliau er mwyn sicrhau bod pawb ar y tîm yn gweithio gyda'r fersiynau diweddaraf o'r ffeiliau hyn. Mae hyn yn llawer anoddach i'w wneud os yw arddulliau ac ymddygiadau wedi'u cydgysylltu â dogfennau strwythur.
- SEO
- Mae safle sydd â gwahaniad clir o arddull a strwythur yn debygol o berfformio'n well ar gyfer peiriannau chwilio gan y gall y safleoedd hynny gywain y cynnwys hwnnw'n fwy effeithiol a deall y dudalen heb gael ei guddio â gwybodaeth arddull neu ymddygiad gweledol.
- Hygyrchedd
- Mae taflenni arddull allanol a ffeiliau sgript yn fwy hygyrch i bobl ac i borwyr. Oherwydd bod gwahanu arddull a strwythur, gall meddalwedd fel darllenwyr sgrîn brosesu cynnwys yr haen strwythur yn haws heb gael ei guddio gan arddulliau na allant eu defnyddio beth bynnag.
- Cydweddoldeb yn ôl
- Pan fydd gennych safle sydd wedi'i gynllunio gyda'r haenau datblygu, bydd yn fwy cydnaws yn ôl oherwydd gall porwyr neu ddyfais nad ydynt yn gallu defnyddio rhai arddulliau CSS neu a allai fod â JavaScript yn dal i weld yr HTML. Yna gellir gwella'ch gwefan yn raddol gyda nodweddion ar gyfer y porwyr sy'n eu cefnogi.
HTML - yr Haen Strwythur
Yr haen strwythur yw lle rydych chi'n storio'r holl gynnwys y mae eich cwsmeriaid am ei ddarllen neu ei weld. Codir hyn yn safonau sy'n cydymffurfio â safonau HTML5 a gall gynnwys testun a delweddau yn ogystal ag amlgyfrwng (fideo, sain, ac ati). Mae'n bwysig sicrhau bod pob agwedd ar gynnwys eich safle yn cael ei gynrychioli yn yr haen strwythur. Mae hyn yn caniatáu i unrhyw gwsmeriaid sydd â JavaScript eu diffodd neu nad ydynt yn gallu gweld CSS i gael mynediad i'r wefan gyfan, os nad pob un o nodweddion y wefan honno.
CSS - y Haen Arddulliau
Byddwch yn creu eich holl arddulliau gweledol ar gyfer eich gwefan mewn dalen arddull allanol. Gallwch ddefnyddio nifer o ddulliau arddull lluosog, ond cofiwch fod pob ffeil CSS ar wahān yn ei gwneud yn ofynnol i gais HTTP fynd ati, gan effeithio ar berfformiad y safle.
JavaScript - yr Haen Ymddygiad
JavaScript yw'r iaith a ddefnyddir fwyaf cyffredin ar gyfer yr haen ymddygiad, ond fel y soniais o'r blaen, gall CGI a PHP hefyd greu ymddygiad tudalennau gwe. Wedi dweud hynny, pan fo'r rhan fwyaf o ddatblygwyr yn cyfeirio at yr haen ymddygiad, maent yn golygu bod yr haen honno'n cael ei weithredu'n uniongyrchol yn y porwr Gwe - felly JavaScript bron bob amser yw'r iaith o ddewis. Rydych chi'n defnyddio'r haen hon i ryngweithio'n uniongyrchol â'r DOM neu Model Object Object. Mae ysgrifennu HTML dilys yn yr haen cynnwys hefyd yn bwysig i ryngweithio DOM yn yr haen ymddygiad.
Pan fyddwch yn adeiladu yn yr haen ymddygiad, dylech ddefnyddio ffeiliau sgript allanol yn union fel CSS. Rydych chi'n cael yr holl fanteision o ddefnyddio dalen arddull allanol.