Web Siteleri Nasıl Çalışır?

Web Siteleri Nasıl Çalışır?

Bir sonraki derse hoş geldiniz! Bugün web sitelerinin arka planda nasıl çalıştığını öğreneceğiz. Bunu anlamak, web geliştirme sürecinin genel görünümünü kavramanıza yardımcı olur.

Web sitesi, bir sunucuda barındırılan web sayfaları koleksiyonudur. Bu sayfalar HTML, CSS ve JavaScript kullanılarak yazılır.

Bir web sitesini ziyaret ettiğinizde tarayıcınız, siteye ait dosyaları yükler ve bunları ekranınızda görüntüler. Bu sürecin nasıl işlediğini inceleyelim!

Web sunucusu, HTML, CSS, JavaScript ve resimler gibi bir web sitesini oluşturan dosyaları depolar. Bir web sitesi istediğinizde bu dosyaları tarayıcınıza gönderir.

Örnek:

• Tarayıcınıza www.example.com yazdığınızda tarayıcınız, bu web sitesini barındıran web sunucusuna bir istek gönderir.
• Sunucu, web sitesi dosyalarını geri göndererek yanıt verir.

İpucu: Sunucular fiziksel makineler veya bulut tabanlı sistemler olabilir.

Chrome veya Firefox gibi tarayıcınız, web sitesi dosyalarını yorumlamaktan ve ekranınızda görüntülemekten sorumludur. İşleyişi şöyledir:

1. Tarayıcı, içeriği yapılandırmak için HTML dosyasını okur.
2. İçeriği biçimlendirmek için CSS uygular.
3. Etkileşim eklemek için JavaScript çalıştırır.

Tüm bu adımlar saniyeler içinde gerçekleşir!

İnternet, küresel olarak birbirine bağlanmış bilgisayarlardan oluşan bir ağdır. Web sitelerine, tarayıcınızın ve sunucunun iletişim kurmasını sağlayan HTTP veya HTTPS protokolleri kullanılarak erişilir.

Temel Terimler:

• HTTP: Web sitesi verilerini aktarmak için kullanılan HyperText Transfer Protocol ifadesinin kısaltmasıdır.
• HTTPS: Verileri şifreleyen güvenli bir HTTP sürümüdür.
• URL: https://www.example.com gibi bir web sitesinin adresidir.

Bir web sitesinin iki temel bileşeni vardır:

• Alan Adı: example.com gibi, insanların okuyabileceği web sitesi adresidir.
• Web Barındırma: Web sitesi dosyalarınızı bir sunucuda depolayan ve bunları çevrim içi erişilebilir hâle getiren hizmettir.

İpucu: Alan adını adres, barındırmayı ise ev olarak düşünebilirsiniz.

Bir web sitesini ziyaret ettiğinizde tarayıcınız (istemci), sunucuya bir istek gönderir. Sunucu isteği işler ve gerekli dosyaları geri gönderir.

Örnek:

• Tarayıcınıza example.com yazarsınız.
• Tarayıcı sunucuya bir istek gönderir.
• Sunucu web sitesinin HTML, CSS ve JavaScript dosyalarıyla yanıt verir.
• Tarayıcı web sitesini ekranınızda görüntüler.

Bir web sitesinin hızı ve yanıt verme düzeyi çeşitli etkenlere bağlıdır:

• Web sitesinin ne kadar iyi kodlandığı.
• Web sunucusunun hızı.
• Kullanıcının internet bağlantısı.

İpucu: Optimize edilmiş görseller ve temiz kod, web sitesi performansını iyileştirebilir.

Harika İş Çıkardınız!

Artık web sitelerinin nasıl çalıştığını anlıyorsunuz! Sunucular, tarayıcılar ve internet hakkında; bunların web sitelerini kullanıma sunmak için nasıl etkileşimde bulunduğunu öğrendiniz. Sonraki derste web sayfalarınıza nasıl stil vereceğinizi ve görünümlerini nasıl iyileştireceğinizi keşfedeceğiz. Öğrenmeye ve üretmeye devam edin!