Веб-дизайнның үш қабаты

Неліктен барлық веб-сайттар құрылымды, стильді және мінез-құлықтың тіркесімін құрастырады?

Алдыңғы жақты веб-сайтты дамытуды сипаттау үшін пайдаланылатын әдеттегі ұқсастық - бұл 3-аяқты табуреткаға ұқсас. Веб-әзірлеудің 3 қабаты деп аталатын бұл 3 аяқтың құрылымы, стилі және мінез-құлқы болып табылады.

Web Development үш қабаты

Неліктен қабаттарды бөлу керек?

Веб-бетті жасаған кезде қабаттарды мүмкіндігінше бөлек ұстау керек. Құрылым сіздің HTML-ға, визуалды стильдерге CSS-ке және сайт қолданатын сценарийлерге деген мінез-құлыққа қатысты болуы керек.

Қабаттардың бөлінуінің кейбір артықшылықтары:

HTML - құрылымдық қабат

Құрылымдық қабат - сіздің тұтынушыларыңыз оқып-үйренетін немесе қарайтын барлық мазмұнды сақтайтын жерде. Бұл стандарттарға сәйкес келетін HTML5 кодта болады және ол мәтін мен суреттерді, сондай-ақ мультимедианы (бейне, аудио және т.б.) қамтуы мүмкін. Сіздің сайтыңыздың мазмұнының әрбір аспектінің құрылым қабатында болуын қамтамасыз ету маңызды. Бұл JavaScript өшірілген немесе CSS-ті көре алмайтын кез-келген тұтынушыларға, егер сол сайттың барлық функциялары болмаса, бүкіл веб-сайтқа кіруге мүмкіндік береді.

CSS - стильдердің қабаты

Веб-сайтыңызға арналған барлық көрнекі стильдерді сыртқы мәнер кестесінде жасайсыз. Бірнеше стиль кестесін пайдалануға болады, бірақ әрбір жеке CSS файлы HTTP сұрауын алып, сайт жұмысына әсер етеді.

JavaScript - Behavior Layer

JavaScript - бұл мінез-құлық деңгейі үшін ең жиі қолданылатын тіл, бірақ бұрын айтып өткенімдей, CGI және PHP веб-бет әрекеттерін де жасай алады. Айта кету керек, көптеген әзірлеушілер мінез-құлық деңгейіне сілтеме жасағанда, олар веб-браузерде тікелей белсендірілетін қабатты білдіреді, сондықтан JavaScript әрдайым таңдау тілін білдіреді. Сіз бұл қабатты DOM немесе Document Object Model-мен тікелей өзара әрекеттесу үшін қолданасыз. Мазмұн деңгейіндегі жарамды HTML жазу да мінез қабатындағы DOM өзара әрекеттестігі үшін де маңызды.

Мінез-құлық қабатында құрастырған кезде CSS сияқты секілді сыртқы сценарий файлдарын пайдалану керек. Сіз сыртқы стиль кестесін пайдаланудың барлық артықшылықтарын аласыз.