HTML'yi kullanmak, sitenizin yönetimini büyük ölçüde basitleştirebilir
Herhangi bir web sitesine gidin ve sayfadan sayfaya ilerleyin ve bu sayfaların her birinin farklı şekillerde farklı olabileceğini hemen fark edersiniz, diğerlerinde de oldukça benzerler. Hemen hemen tüm web siteleri, sitede her sayfada tekrarlanan tasarım unsurlarını içerir. Her sayfada bulunacak site öğelerinin bazı örnekleri, logonun bulunduğu üst alan, gezinme ve altbilgi alanı olacaktır.
Bir sitedeki tekrarlanan elemanlar, kullanıcı deneyiminde tutarlılık sağlar. Bir ziyaretçinin her sayfada gezinmeyi bulmasına gerek yoktur, çünkü bir kez bulduklarında, ziyaret ettikleri sitenin diğer sayfalarında nerede olacağını bilirler.
Web Tasarımını Daha Verimli Dahil Etme
Birisi bir web sitesini yönetmekle görevlendirildiği için, bu tekrarlanan alanlar bir meydan okuma sunuyor. Ya bu bölgedeki bir şeyde değişiklik yapman gerekiyorsa? Örneğin, altbilginiz (sitenin her sayfasında bulunan) bir yıl içinde telif hakkı bildirimi içeriyorsa, o yıl değiştiğinde ne olur ve tarihi düzenlemeniz gerekir? Bu bölüm her sayfada bulunduğundan, şimdi bu değişikliği yapmak için sitenizin tek tek her sayfasını tek tek düzenlemeniz gerekiyor.
İçerilen içerik, bu tekrarlanan içerik için sitenizin her sayfasını düzenlemek zorunda kalma gereksinimini ortadan kaldırabilir. Bunun yerine, tek bir dosyayı ve sitenizin tamamını düzenlersiniz ve içindeki her sayfa güncellemeyi alır!
Bu işlevselliği sitenize ekleyebileceğiniz birkaç yoldan bahsedelim ve bir takım başka bir dosyada bir HTML dosyası ekleyelim.
İçerik Yönetim Sistemlerinde Tekrarlanan İçerik
Siteniz bir CMS kullanıyorsa , büyük olasılıkla belirli şablonlar kullanır veya temalar bu yazılımın bir parçasıdır. Bu şablonları özel olarak sıfırdan oluştursanız bile, site yine de bu çerçeveyi sayfalar için kullanır.
Bu gibi CMS şablonları, sitenin her sayfada tekrarlanan alanlarını içerecektir. Sadece CMS'nin arka ucuna giriş yapın ve gerekli şablonları düzenleyin. Bu şablonu kullanan sitenin tüm sayfaları güncellenir.
Siteniz için bir içerik yönetim sisteminiz olmasa bile, dahil edilen dosyalardan yararlanabilirsiniz. HTML'de, sitenizin bu şablonlu alanlarını yönetmeyi kolaylaştıracak özellikler vardır.
HTML içerir nelerdir?
İçerisinde, tam bir HTML belgesi olmayan bir HTML bölümü bulunur. Bunun yerine, tam bir web pagesvia programlama içine eklenebilir başka bir sayfanın bir kısmıdır. Çoğu dosya, bir web sitesinin birden çok sayfasında yinelenen yukarıda bahsedilen öğelerdir. Örneğin:
- Navigasyon
- Telif Hakkı Bilgileri
- Başlık Alanları
- Alt Alan Alanları
Bu tekrarlanan alanların sayfalarda yer almasının bir avantajı vardır. Ne yazık ki, bir dosya ekleme işlemi yalnızca HTML ile gerçekleşebilecek bir şey değildir, bu nedenle içerme dosyalarınızı web sayfalarınıza ekleyecek bir tür program veya komut dosyasına sahip olmanız gerekir.
Sunucu Tarafı İçermelerini Kullanma
SSI olarak da bilinen Sunucu Tarafı İçeriği, ilk önce Web geliştiricilerinin diğer sayfaların içinde HTML belgelerini “dahil etmesini” sağlamak için geliştirildi.
Temel olarak, bir belgede bulunan bir pasaj, sayfa sunucuda çalıştırıldığında ve web tarayıcısına gönderildiğinde diğerine eklenir.
SSI çoğu web sunucusunda bulunur, ancak çalışmasını sağlamak için bunu etkinleştirmeniz gerekebilir. Sunucunuzun SSI'yı destekleyip desteklemediğini bilmiyorsanız, barındırma sağlayıcınıza başvurun.
Aşağıda, tüm web sayfalarınıza bir HTML snippet'i eklemek için SSI'yı nasıl kullanabileceğinizi gösteren bir örnek verilmiştir:
- Sitenizin genel öğeleri için HTML'yi ayrı dosyalar olarak kaydedin. Örneğin, navigasyon bölümünüz navigation.html veya navigation.ssi olarak kaydedilmiş olabilir .
- Her bir belgede bu HTML belgesinin kodunu eklemek için aşağıdaki SSI kodunu kullanın ( dosyanızın yolunu ve tırnak isimlerini tırnak işaretleri arasında değiştirin ). {C}
- Dosyayı eklemek istediğiniz her sayfaya bu kodu ekleyin.
PHP İçerikleri Kullanma
PHP sunucu düzeyinde bir betik dili. Bir çok şey yapabilir, ancak ortak kullanımlardan biri, HTML belgelerini sayfalarınızın içine dahil etmektir, tıpkı bir SSI ile kapladığımız gibi.
SSI gibi, PHP de sunucu düzeyinde bir teknolojidir. Web sitenizde PHP işlevselliği olup olmadığından emin değilseniz, barındırma sağlayıcınıza başvurun.
İşte herhangi bir PHP-etkin Web sayfasında bir HTML parçacığı eklemek için kullanabileceğiniz basit bir PHP betiği:
- Gezinme gibi sitenizin ortak öğeleri için HTML'yi ayrı dosyalara kaydedin. Örneğin, navigasyon bölümünüz navigation.html veya navigation.ssi olarak kaydedilmiş olabilir .
- Her sayfaya bu HTML'yi eklemek için aşağıdaki PHP kodunu kullanın ( dosyanızın yolunu ve tırnak isimlerini tırnak işaretleri arasında değiştirin ). navigation.php ");>
- Aynı kodu, eklemek istediğiniz her sayfaya ekleyin.
JavaScript içerir
JavaScript, sitenizin sayfalarına HTML eklemenin başka bir yoludur. Bu, sunucu düzeyinde programlama gerektirmeme avantajına sahiptir, ancak bu biraz daha karmaşıktır - ve açıkça Javascript'e izin veren bir tarayıcı için çalışır; bu, kullanıcının bunu devre dışı bırakmaya karar vermediği sürece yapar.
JavaScript'i kullanarak bir snippet'i nasıl ekleyebileceğiniz aşağıda açıklanmıştır:
- Sitenizin genel öğeleri için HTML'yi bir JavaScript dosyasına kaydedin. Bu dosyada yazılmış herhangi bir HTML, document.write işleviyle ekrana yazdırılmalıdır.
- Bu dosyayı web sitenize yükleyin.
- Sayfalarınıza JavaScript dosyasını eklemek için bir