Web Sitesinin Temel Parçaları: Site İçeriden Nasıl Çalışır?

Bu yazıda, bir web sitesinin dış kısımlarının neler olduğunu ve sitenin iç yapısının ne olduğunu öğreneceğiz. Site, bilgisayarınızdaki herhangi bir program gibi, kullanıcı için net ve gezinmesi kolay görünüyor. Ancak, özel programlama dillerini bilmeyen bir kişi site kodunun içine bakarsa, web sayfasının bölümlerini ayıramaz.

Neyse ki, ziyaretçilerin sitemizin iskeletini görmelerine gerek yok. Yalnızca birkaç parçaya bölünmüş güzel bir harici bilgilendirici kabuğa erişirler. Ana sayfanın bazı bölümleri sitenin tüm sayfaları için aynı kalırken diğerleri değişir. Nasıl çalışır ve neden? Hangi web sitesi bölümlerinin her zaman mevcut olması gerektiğini ve bunların düzgün işleyişini içeriden nasıl sağlayacağınızı öğrenmek için okumaya devam edin.

Web sitesi arayüzünün dış kısımları nelerdir?

başlık

Sitedeki herhangi bir sayfanın en üstünde bulunur. Sitenin adını, kısa açıklamasını ve bir resmi ( logo ) görüntüler. Başlık, bir web sitesinin platformun özünü sunan bölümlerinden biridir. Ayrıca navigasyon menüsü, muhtemelen bir site araması ve bir hesap oturum açma paneli (sitede bir kayıt özelliği varsa) içerir.

Tercihlerinize ve özel ihtiyaçlarınıza bağlı olarak, oraya bir afiş şeklinde veya başka herhangi bir etkileşimli açılır pencere şeklinde bir reklam yerleştirebilirsiniz. Başlık, sitenin tüm sayfaları için aynı veya hemen hemen aynı kalır.

Site Gövdesi

Site gövdesi, bir web sitesinin ana bölümü olarak adlandırılabilir. Tüm hayati site bilgileri burada bulunur. Site başlığının aksine, buraya ne koymanız gerektiğine dair herhangi bir kısıtlama yoktur. Başlık kısa olmalı ve aşağıdaki bilgileri mantıklı bir şekilde tamamlamalıdır. Böylece site gövdesi, paylaşmak istediğiniz her şeyi içerir:

• onlara makaleler ve yorumlar;
• reklamlar;
• abonelik planları;
• bir web sitesinin diğer bölümlerine bağlantılar;
• videolar ve resimler;
• haberler ve diğer içerikler.

Burada ihtiyacınız olan her şeyi yayınlama özgürlüğüne sahipsiniz. Site gövdesi, değiştireceğiniz ve bir sayfadan diğerine yükselteceğiniz web sitesi bölümleri arasındadır. Belirli bir URL'ye ait benzersiz içerik sunar.

kenar çubuğu

Kenar çubuğu, çeşitli bilgiler ve gezinme widget'ları (WordPress'te oluşturabileceğiniz), modüller (Joomla) içerir. Bir web sitesinin bu bileşenleri arasında reklam, makale başlıkları, sosyal ağlardaki kişiler, bir haber bültenine abone olmak için düğmeler, bir hesaba giriş yapmak, çeşitli bilgilendiriciler (takvim, saat, hava durumu, döviz kurları vb.), site arama ve site bulunur. trafik sayaçları.

Biri solda, diğeri sağda olmak üzere birkaç kenar çubuğu olabilir veya iki katına çıkarılabilir. Her şey site şablonuna ve mevcut web sitesi trendlerine bağlıdır . Elbette kenar çubuğu kısa olmalı ve sitede yapabileceklerinizin genel bir listesini sunmalıdır. Sitenin sayfasına bağlı olarak biraz değişir.

altbilgi

Sitenin en alt kısmında yer alan alt bilgi, ana içerikten sonra yayınlanan küçük bir nottur. Site yazarları genellikle çeşitli katılım sayaçları, bu sitede yayınlanan içeriğin kullanım haklarına ilişkin bilgiler veya bu bölümde yasal iddialar yayınlar. Altbilgi , bir web sitesi düzeninin tüm sayfalar için aynı kalan bölümlerine aittir.

Web yöneticileri için site yapısı. Site içeriden nelerden oluşuyor?

Alan adı

Sitenin adresidir. Platformu web'de bulmak için bu benzersiz kısa adı arama alanına girmelisiniz.

Barındırma

Barındırma, site dosyalarının depolanması için alan ayıran, İnternet'e sürekli erişim sağlayan ve ayrıca sistem yükünü alan özel bir sunucudur. Böylece kodun ve tüm iç yapıların depolanması için fiziksel bir yer sunar.

Web sitesi tasarımı

Sayfayı açtığınızda gördüğünüz bir web sitesinin tüm bölümleri sitenin tasarımını oluşturur . Tüm bunlar, farklı çözünürlüklerde ( .jpg veya .gif) sıradan resimler ve CSS stil dilinde hazırlanmış özel kodlar kullanılarak sitede görüntülenir . Tüm kodlar barındırmada tek bir dosyada saklanır, örneğin "style.css". Bu kod, sitede renk, boyut, yazı tipi, şu veya bu parçanın veya resmin bulunması gereken yerden sorumludur.

HTML

Web sitesi bölümlerinin tasarımı hazır olduğunda, tüm sayfa İnternet tarayıcısı tarafından anlaşılan özel bir HTML dili kullanılarak çizilir. Tüm tasarım fikirleri tek bir ortak kodda bir araya getirilir. Önceden HTML kodu her sayfa için ayrı yazılırdı, ancak şimdi bu ilkeler daha optimize bir yaklaşıma doğru değişti.

JavaScript

Bu harika araç, sayfaların daha dinamik olmasını sağlar . Bir sayfa yalnızca HTML ile yazıldığında, tamamen statiktir. JavaScript sayesinde açılır pencereler, kayar yer imleri, kayan bloklar ve çok daha fazlasının keyfini çıkarabiliriz.

Programlama dili

Her şey hareket eder ve her şey değişir. Sitenin gelişmesiyle birlikte sayfa sayısı da artıyor ve her sayfanın HTML kodunu yazıp değiştirmek çok rutin bir iş. Sayfa oluşturma sürecini otomatikleştiren programlama dillerinin ortaya çıkmasının nedeni budur.

PHP, web için bu tür tüm diller arasında lider oldu. Özel CMS (WordPress, Joomla, Drupal), programlama becerisine sahip olmayan kişilerin bir web sitesinin ve İnternet'teki sayfaların ayrı bileşenlerini kolayca oluşturmasına ve yönetmesine olanak tanıyan bazında oluşturuldu. CMS, sitenin işleyişini optimize etmek için dosyalara (page.php, index.php, function.php, vb.) yazılan özel algoritmaları entegre eder.

Veri tabanı

Site çok miktarda bilgiye sahip olduğunda, bunu bir veritabanında depolamak en kolay yoldur. Veritabanı yardımıyla, web sitesi bölümleriyle ilgili bilgileri tamamlayabilir, kaldırabilir ve değiştirebiliriz.

Site nasıl çalışır?

İnternet tarayıcısını açıp sitenin alan adını yazdıktan sonra hangi işlemlerin gerçekleştiğini hiç merak ettiniz mi? İşte adım adım açıklama:

• Alan adı, tarayıcıya sitenin nerede olduğunu söyler.
• Tarayıcı da barındırma hizmetinden siteyi görüntülemesini ister.
• Barındırma, istenen sayfanın formunu kontrol eder. Sadece bir HTML dosyası ise tarayıcıya verir ve site bir programlama dilinde yazılmışsa sayfa oluşturma süreci başlar.
• Algoritmaya göre, bir HTML sayfa şablonu derlenir ve istenen sayfaya karşılık gelen veritabanındaki verilerle doldurulur.
• Sayfa oluşturulduktan sonra tarayıcıya gönderilir.
• Tarayıcı kodu sırayla her şeyi yüklemeye başlar.

Bu işlem çok az zaman alır, ancak yavaş bir İnternet bağlantınız varsa, tarayıcının bir web sitesinin ihtiyacınız olan bölümlerini indirdiğini fark edebilirsiniz.

Çözüm

Tabii ki, sadece acemi bir web yöneticisi iseniz, o zaman henüz her şeyi tam olarak anlayamayabilirsiniz. Ama her şey deneyimle gelir. Tecrübe kazanmak için pratik yapmalısın. Harekete geçin, Weblium'da ilk web sitenizi oluşturun ve bu zorlu işte iyi şanslar.

Yorumlardaki bilgileri tamamlayın ve bir web sitesinin temel bölümleriyle ilgili sorularınızı çekinmeden sorun. Son olarak, blog güncellemelerimize abone olmayı unutmayın! İyi şanlar!