Bütün veb saytlar niyə struktur, stil və davranışların birləşməsi ilə qurulur?
Ön uç veb saytını təsvir etmək üçün istifadə edilən ümumi bir analoq, bu 3 ayaqlı bir dulaq kimi. Veb inkişafının 3 təbəqəsi olaraq da bilinən bu 3 ayaq Struktur, Stil və Davranışlardır.
Web Layihəsinin Üç Katmanı
- Struktur və ya məzmun qat
- Veb səhifənin strukturu və ya tərkib hissəsi həmin səhifənin əsas HTML kodudur. Bir evin çərçivəsi kimi evin qalan hissəsinin qurulduğu güclü bir təməl yaradır, belə ki, HTML-nin möhkəm təməl bir veb-sayt yaratmaq üçün bir platforma yaradır. HTML strukturu mətndən və ya şəkillərdən ibarət ola bilər və qonaqlar həmin veb saytı ətrafında gəzmək üçün istifadə edəcək olan hiperlinkləri ehtiva edir.
- Stil və ya təqdimat qat
- Stil və ya təqdimat mərtəbəsi bir strukturlaşdırılmış HTML sənədinin saytın baxışlarına necə baxdığını diktə edir. Bu qat CSS (Cascading Style Sheets) tərəfindən müəyyən edilir. Bu fayllar sənədin veb brauzerində necə göstərilməsini göstərən üslubları ehtiva edir. Bugünkü Web-də üslub qatının ayrıca müxtəlif ekran ölçüləri və qurğuları əsasında bir site ekranını dəyişə biləcək Media Sorguları da daxil ola bilər.
- Davranış
- Davranış qatı, müxtəlif istifadəçi hərəkətlərinə cavab verə bilən və bir sıra şərtlərə əsasən bir səhifəyə dəyişiklik edə biləcək bir Web səhifəsinin qatıdır. Veb səhifələrinin əksəriyyəti üçün davranış səviyyəsi səhifə üzərində JavaScript etkileşimleri olacaq.
Niyə qatlamaları ayırmaq lazımdır?
Bir veb səhifə yaratdığınız zaman qatların mümkün qədər ayrılmasını arzulayırıq. Struktur, HTML-ə, CSS-yə vizual üslublara və saytın istifadə etdiyi hər hansı bir skriptə davranışlara əməl edilməlidir.
Qatların ayrılmasının bəzi faydaları bunlardır:
- Paylaşılan qaynaqlar
- Xarici CSS faylını və ya JavaScript faylını yazdığınızda, həmin fayldan veb-saytınızdakı istənilən səhifədən istifadə edə bilərsiniz. Bu faylda bir dəyişiklik etmək lazımdır, bəlkə də veb- saytdakı bəzi tipografik üslubları yeniləmək üçün bu üslubdan istifadə edən hər səhifə dəyişiklik əldə edəcək. Veb saytı fərdi olaraq hər səhifəsini redaktə etməyə ehtiyac yoxdur, daha böyük sayt üçün çətin bir təşəbbüs ola bilər.
- Daha sürətli yükləmələr
- Ssenarisi və ya üslub görünüşü müştəriniz tərəfindən ilk dəfə yüklənildikdən sonra onların veb brauzeri tərəfindən önbelleklenir. Bu paylaşılan resurslar artıq önbellekte yer aldığından, brauzer yüklemelerinde daha sürətli bir şekilde istenen diğer pages, ümumi sayfa hızını ve performansını artırır.
- Çoxsaylı qruplar
- Bir anda birdən çox veb saytında çalışan bir nəfər varsa, komandanın hər birinin bu faylların ən son versiyaları ilə işlədiyini təmin etmək üçün faylları "yoxlamaq" və "yoxlamaq" üçün istifadə edə bilərsiniz. Stil və davranışlar struktur sənədləri ilə içərisində olduqda bunu etmək çox çətindir.
- SEO
- Stil və strukturun açıq şəkildə ayrılmasına səbəb olan sayt axtarış motorlarına daha yaxşı təsir göstərə bilər, çünki həmin saytlar daha effektiv şəkildə məzmunu tara və səhifəni görsel stil və ya davranış məlumatları ilə bükülmədən ala bilərlər.
- Erişilebilirlik
- Xarici stillər və skript faylları insanlar və brauzerlər üçün daha əlçatan olur. Stil və strukturun ayrılması olduğundan, ekran oxucuları kimi proqramları, hər hansı bir şəkildə istifadə edə bilməyəcək üslublarla bükülmədən struktur qatından məzmunu daha asanlıqla işləyə bilər.
- Geri uyğunluq
- İnkişaf layları ilə hazırlanmış bir saytınız olduqda, daha çox geri uyğun olacaq, çünki müəyyən CSS üslublarını istifadə edə bilməyən və ya JavaScript-lə bağlı olan brauzerlər və ya cihaz hələ də HTML-yə baxa bilər. Veb saytınız daha sonra onları dəstəkləyən brauzerlər üçün xüsusiyyətləri ilə inkişaf edə bilər.
HTML - Struktur Layer
Quruluş qatı, müştərilərinizin oxumaq və ya baxmaq istədikləri bütün məzmunu saxladığınız yerdir. Bu, standartlara uyğun HTML5 kodlu olacaq və mətn və şəkilləri, həmçinin multimedia (video, audio və s.) Daxil edə bilər. Sitenizin məzmununun hər aspekti struktur qatında təmsil olunmasına əmin olmaq vacibdir. Bu, JavaScript-ni söndürən və ya CSS-nin görünməyən hər hansı bir müştəriyə həmin saytın bütün funksionallığı olmasa da bütün veb saytına daxil olmağa imkan verir.
CSS - Stillər Layer
Veb saytınız üçün bütün vizual üslubları xarici stillərdən yaradır. Bir neçə üslubdan istifadə edə bilərsiniz, ancaq unutmayın ki, ayrı-ayrı CSS faylları site performansını təsir göstərən bir HTTP tələbi almaq üçün tələb edir.
JavaScript - Davranış Katmanı
JavaScript davranış təbəqəsi üçün ən çox istifadə edilən dildir, amma daha əvvəl də qeyd etdiyim kimi, CGI və PHP də Web-səhifə davranışlarını yarada bilər. Ən çox işləyənlər davranış qatına baxdıqları zaman, onlar birbaşa Veb brauzerində aktivləşdirilmiş qat deməkdir ki, demək olar ki, JavaScript hər zaman seçim dilidir. DOM və ya Document Object Model ilə birbaşa əlaqə yaratmaq üçün bu qatardan istifadə edirsiniz. Məzmun səviyyəsində etibarlı HTML yazmaq davranış qatında DOM qarşılıqlı əlaqələri üçün də vacibdir.
Davranış qatında qurduğunuzda, CSS ilə olduğu kimi xarici script faylları da istifadə etməlisiniz. Xarici stillərdən istifadə etməklə eyni üstünlükləri əldə edirsiniz.