Ekranda gördüğümüz sayfanın arkasında ne var?

Bir web sayfası genellikle birden fazla parçadan oluşur. HTML içeriğin yapısını, CSS görünümünü, JavaScript ise tarayıcıdaki etkileşimleri düzenler. Bir ev örneğiyle düşünürsek HTML odaların yerleşimine, CSS boya ve dekorasyona, JavaScript de düğmeye basınca çalışan mekanizmalara benzetilebilir. Bu benzetme kavramları tanımak içindir; gerçek bir sitede görevler daha ayrıntılı olabilir.

Tarayıcı bir sayfa istediğinde sunucudan yanıt alır. Ardından görselleri ve diğer dosyaları da ister, içeriği işler ve ekrana yerleştirir. Bu yüzden tek bir sayfanın açılması birden fazla ağ isteği gerektirebilir.

Statik sayfa nedir?

Statik sunumda, önceden hazırlanmış dosyalar ziyaretçiye gönderilir. Örneğin birkaç sayfalık bir etkinlik tanıtım sitesi bu şekilde hazırlanabilir. İçerik değişikliği için dosyalar yeniden üretilip yayımlanabilir. Statik sözcüğü, sayfada hiçbir hareket veya etkileşim bulunamayacağı anlamına gelmez: JavaScript kullanan bir menü statik bir sitede de çalışabilir.

Dinamik sayfa nedir?

Dinamik sunumda uygulama, gelen isteğe göre bir yanıt hazırlayabilir. Veritabanından bir yazıyı okuyup şablona yerleştirmek buna örnektir. Bir kullanıcı hesabındaki başvuruların yalnızca o kullanıcıya gösterilmesi de dinamik davranıştır. Bazı uygulamalar içeriği sunucuda hazırlar, bazıları tarayıcıdan ek veri isteyerek sayfayı günceller.

Bir blog üzerinden düşünelim

Editör başlık, metin ve görsel girer. Dinamik sistem bunları kayıt olarak saklar ve ziyaretçi yazıya tıkladığında ilgili kaydı görüntüler. Ancak bloglar mutlaka dinamik olmak zorunda değildir; kayıtları önceden sayfalara dönüştüren statik yayın araçları da vardır. Aynı sitede iki yaklaşım birlikte kullanılabilir.

Hangisi daha uygun?

İçeriğin ne sıklıkla değişeceği, kullanıcı girişi, arama, form ve kişiselleştirme ihtiyaçları kararı etkiler. Statik bir tanıtım sitesi yeterli olabilir; çok sayıda kayıt ve yönetim işlemi olan bir projede dinamik uygulama gerekebilir. Hız ve güvenlik yalnızca bu etikete bağlı değildir. Görsel boyutları, önbellekleme, doğru yetkilendirme ve düzenli bakım da sonucu belirler.

Kaynaklar ve ileri okuma

MDN — İstemci ve sunucuya genel bakış
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Server-side/First_steps/Client-Server_overview

MDN — Statik ve dinamik web sunucuları
https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_web_server

MDN — Tarayıcılar sayfaları nasıl işler?
https://developer.mozilla.org/en-US/docs/Web/Performance/Guides/How_browsers_work

Görsel kaynağı ve kullanım bilgisi

İstemci-sunucu modeli. Lubaochuan, Client-server model. CC BY-SA 4.0; Wikimedia Commons PNG önizlemesi. Client istemciyi, server sunucuyu, software yazılımı ve hardware donanımı ifade eder.
https://commons.wikimedia.org/wiki/File:Client-server_model.svg
Lisans: https://creativecommons.org/licenses/by-sa/4.0/

Kaynak kontrol tarihi: 15 Eylül 2026. Metin, kaynaklardan yararlanılarak özgün Türkçe anlatımla hazırlanmıştır.