Web sayfası

ABD Antarktika Programı'nın anasayfası

Web sayfası, World Wide Web için hazırlanan ve web tarayıcısı kullanılarak görüntülenebilen dokümanlardır. Web sayfaları çoğunlukla HTML formatında kodlanır, CSS, betik, görsel ve diğer yardımcı kaynaklardan yararlanılarak son görünümüne sahip olur ve işlevsellik kazanır.[1] Birden fazla web sayfasının bir araya gelmesi ile ortaya çıkan web sitesi ile karıştırılmamalıdır. Günlük konuşma dilinde internet sayfası terimi de çoğunlukla web sitesi anlamında kullanılmaktadır.

Tipik bir web sayfası, diğer web sayfalarına hiper-bağlantıların bulunduğu bir hiper-metindir ancak farklı teknolojilerle de hazırlanmasında bir engel bulunmamaktadır. Örneğin günümüzde kullanımı azalmış olmakla beraber sadece Flash uygulamasından ibaret olan web sayfaları bulunmaktadır.[2]

Web sayfaları bir ağ üzerinde web sunucuları tarafından yayınlanır. Web sunucusu erişimi sadece özel bir ağa kısıtlayabilir (ör. şirket intraneti) veya Genel Ağ'da yayınlıyabilir.

Teknik işleyiş olarak ele alındığında web tarayıcıları web sunucularına bağlantı kurarak bir istemde bulunur (web sayfasını sunucudan ister) ve sunucu ilgili dosyanın kaynak kodunu tarayıcıya iletir. Bu iletişim Hipermetin Aktarım Protokol'ü (HTTP) üzerinden yapılır. Gelen kaynak kodunu işlemek ve son kullanıcının göreceği son hale getirmek web istemcisinin görevidir.

Web sayfaları web sunucusunun dosya sisteminde düz metin olarak saklanabilir (statik web sayfaları) veya web sunucusu her bir sayfa için istemi gerçekleştiren tarayıcıya özel bir sayfa oluşturabilir (dinamik web sayfaları). İstemci tarafı betikler (ör. JavaScript) ile web sayfasını kullanan kullanıcının etkileşimine anlık cevap verecek programlar yazılarak kullanılabilirlik (usability) arttırılabilir.[3]

Web sayfaları birer internet dokümanıdır.

Dosya uzantıları

Statik web sayfaları genellikle .htm veya .html, sunucu taraflı dinamik web sayfaları ise daha çok sunucu tarafında çalıştırılan kodlama dilini yansıtan .php veya .asp gibi uzantılara sahiptir. Günümüzde gelişen teknolojiler ve web uygulama iskeletleri sayesinde dinamik web sitelerinin birçoğunda uzantılar tercih edilmemektedir.[4] Bunun popüler nedeni daha okunaklı bir URL elde etmek ve SEO avantajları kazanmaktır.

Renk, yazı tipleri, görseller ve etkileşim

Web sayfalarının son hallerinin oluşturulması için gerekli olan metin ve arka plan renklerine ait yönergeler, sayfada yer alacak olan görüntü, video ve diğer her tür medya ile ek bilgiler web sayfası kodları içerisinde yer alır. Sayfanın genel yapısı (İngilizce layout), kullanılan yazı türleri ve renkler CSS yönergeleri ile tanımlanır. CSS yönergeleri HTML kodları içerisinde verilebileceği gibi farklı dosyalarda da yer alabilir, bu durumda HTML kodları içerisinde ilgili dosyanın bağlantı adresine referans verilir.

JavaScript gibi istemci tarafı kodlar, CSS yönergelerine benzer bir şekilde HTML içine gömülü ya da farklı bir dosyada barındırılabilir. İstemci tarafı betikler kullanıcının tarayıcısı üzerinde çalışır ve kullanıcının web sayfası ile etkileşimini sağlar. İstemci tarafı betiklerin kullanıcının bilgisayarına erişimi vardır ancak bu erişim oldukça kısıtlı olup kişinin kişisel bilgilerine erişim imkânı bulunmamaktadır.[5]

Resimler çoğunlukla sunucuda ayrı birer dosya olarak bulunurlar ve web sayfası içerisinden bu ayrı dosyaların bağlantı adreslerine referans verilir. Günümüz tarayıcıları genellikle sayfanın genel yapısı ve yerleştirmelerini yaparken resimlerin yerine boş bir alan koyar ve metinleri gösterdikten sonra yüklemesi uzun süren resimleri yerlerinde yüklemeye başlarlar.

Elementler

Bir web sayfası yapılandırılmış bir belgedir. Çekirdek öğe, HyperText Markup Language (HTML) ile yazılmış bir metin dosyasıdır. Bu, resimler ve video da dahil olmak üzere sayfanın içeriğini belirtir.

Basamaklı Stil Sayfaları (CSS), sayfanın sunumunu belirtir. CSS kuralları ayrı metin dosyalarında olabilir veya HTML dosyasına gömülü olabilir.[6]

Sayfaların büyük çoğunluğunda çok çeşitli davranışlara olanak tanıyan JavaScript programları bulunur. Daha yeni olan WebAssembly dili de ek olarak kullanılabilir.

Web uygulamaları olarak bilinen en gelişmiş web sayfaları, bu unsurları karmaşık bir şekilde birleştirir.

Önbellekleme

HTTP protokolünde tanımlandığı üzere, tarayıcı bağlandığı web sayfası ile web sayfasından referans verilen dış dosyaları (CSS, javascript ve resimler gibi) sadece bir kez indirir ve önbelleğe kaydeder, aynı sayfaya tekrar ulaşıldığında bu dosyayı tekrar indirmek yerine önbellekten kullanılır.[7] Bu şekilde hem sayfaların görüntülenme hızı artar, hem de internet hat kullanımı azaltılmış olur. Hangi dosyaların önbelleğe alınıp alınmayacağı bilgisini veren web sunucusudur.

Tarayıcılar

Web navigasyon, hiper metin veya hiperortam olarak düzenlenen World Wide Web'deki bilgi kaynakları ağında gezinme sürecini ifade eder. Bunu yapmak için kullanılan kullanıcı arayüzüne web tarayıcısı denir. Tarayıcılar Internet Explorer, Mozilla Firefox, Google Chrome veya Opera gibi grafiksel kullanıcı arabirimi olabiliceği gibi Lynx gibi metin tabanlı olabilir. Metin tabanlı tarayıcılar resim, video vb. grafiksel öğeleri göstermeyip sadece metinleri gösterirler.

Kaynakça

  1. ^ "What is the difference between webpage, website, web server, and search engine? - Learn web development | MDN". developer.mozilla.org. 3 Tem 2023. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)
  2. ^ Little, Chantelle (20 Ara 2019). "An Introduction to Web Development Technologies | Tiller Digital". Tiller. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)
  3. ^ "14 Web Technologies List for Web Developers in 2024". 9 Şub 2024. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)
  4. ^ "Understanding Web Files and File Extension Types". ThoughtCo. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)
  5. ^ "The 23 Best Web-Safe HTML & CSS Fonts for 2024". blog.hubspot.com. 4 Mart 2024. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)
  6. ^ "The Anatomy of a Web Page: 14 Basic Elements". 6 Tem 2021. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)
  7. ^ LLC, NitroPack. "What is Web Caching? (Examples, Tips and Strategies)". nitropack.io. Arşivlenmesi gereken bağlantıya sahip kaynak şablonu içeren maddeler (link)

Ayrıca bakınız

  • g
  • t
  • d
Türüne göre
  • Seçme web sitesi
  • Para iadesi web sitesi
  • Hayran sitesi
  • Yakınma sitesi
  • Sağlık web sitesi
  • Laboratuvar web sitesi
  • Kütüphane web sitesi
  • Mikrosite
  • Siteyi yansıt
  • Kişisel düğün web sitesi
  • Okul web sitesi
Listeler türe göre
  • Akademik veritabanları
  • BitTorrent siteleri
  • Bloglar
  • Sohbet web siteleri
  • Arkadaşlık web siteleri
  • Günün fırsatı hizmetleri
  • Sözlükler
  • İstihdam web siteleri
  • Ansiklopediler
  • Sahte haber web siteleri
  • Görüntü paylaşım web siteleri
  • İnternet forumları
  • Pazaryerleri
  • Mikrokredi kredisi web siteleri
  • Çevrimiçi veritabanları
  • Çevrimiçi video platformları
  • Soru-Cevap siteleri
  • Hiciv haber web siteleri
  • Arama motorları
  • Sosyal yer imi web siteleri
  • Sosyal ağ hizmetleri
    • kullanılmayan
  • Tor gizli hizmetleri
  • Web dizinleri
  • Web çizgi romanları
  • Wiki'ler
Listeler konuya göre
  • Astronomi web siteleri
  • Biyoçeşitlilik veritabanları
  • Biyoloji web siteleri
  • Eğitici web siteleri
  • Çevresel web siteleri
  • Yiyecek ve içecek web siteleri
  • Video oyunu web siteleri
  • Profesyonel güreş web siteleri
Diğer
  • 1995'ten önce kurulan web siteleri
  • En popüler web siteleri
  • Çin anakarasında engellenen web siteleri
  • Rusya'da engellenen web siteleri
  • Birleşik Krallık'ta engellenen web siteleri
  • Ülkelere erişim kısıtlaması olan web siteleri
İlgili
  • Sansür ve web siteleri
  • Dağıtılmış arama motorları
  • Alan adı parkı
  • Web barındırma hizmetleri
  • HTML editorleri
  • Internet Archive
  • Web sitesi yönetimi
  • Web arama motorları
  • W3C standartları
  • Viki konuları
  • Y Combinator
  • g
  • t
  • d
Web sendikasyonu
Blog yazma · Vlog · Podcasting  · Web sendikasyon teknolojisi
Türler
teknoloji
Genel
Özellikler
mekanizma
Memetikler
RSS
  • GeoRSS
  • MRSS
  • RSS TV
Sosyal
Standart
Formlar
Medya
Alternatif medya
Özellikler
İlgili
  • g
  • t
  • d
Arkaplan
Alt konular
  • Veri alanları
  • Hiperveri
  • Bağlı veri
  • Kural tabanlı sistem'ler
Uygulamalar
  • Anlamsal analiz
  • Semantik komisyoncu
  • Semantik hesaplama
  • Anlamsal eşleyici
  • Anlamsal eşleştirme
  • Anlamsal yayınlama
  • Anlamsal akıl yürütücü
  • Anlamsal arama
  • Anlamsal hizmet odaklı mimari
  • Semantik wiki
  • Solid
İlgili konular
teknoloji
Söz dizimi ve destekleyici teknolojiler
  • HTTP
  • URI
    • IRI
  • RDF
    • üçlü
    • RDF/XML
    • JSON-LD
    • Kaplumbağa
    • TriG
    • Notation3
    • N-Üçlü
    • TriX (W3C standardı yok)
  • RRID
  • SPARQL
  • XML
  • Anlamsal HTML
Şemalar, ontolojiler ve kurallar
  • Ortak Mantık
  • OWL
  • RDFS
  • Kural Değişim Formatı
  • Anlamsal Web Kuralı Dili
  • ALPS
  • SHACL
Anlamsal açıklama
Ortak terimler
Mikro formatlı sözlükler
  • hAtom
  • hCalendar
  • hCard
  • hProduct
  • hRecipe
  • hReview
  • g
  • t
  • d
Ürünler ve
standartlar
Tavsiyeler
Canonical XML • CDF • CSSDOM • Geolocation API • HTML • ITS • MathML • OWL • P3P • PLS • RDF • RDF Schema • SISR • SKOS • SMIL • SOAP • SRGS • SSML• SVG • SPARQL • Timed Text • VoiceXML • WSDL • XForms • XHTML • XHTML+RDFa • XInclude • XLinkXML • XML Base • XML Encryption • XML Events • XML Information Set • XML namespace • XML Schema • XML Signature • XPath 1.0, 2.0 • XPointer • XProc • XQueryXSL • XSL-FO • XSLT (elements)
Notlar
XAdES • XHTML+SMIL • XUP
Taslaklar
CCXML • CURIE • HTML5 • InkML • RIF • SCXML • SMIL Timesheets • sXBL • WICD • XFDL • XFrames • XBL • XHTML+MathML+SVG • XMLHttpRequest
Yönergeler
Web Content Accessibility Guidelines
İnsiyatif
Multimodal Interaction Activity • Markup Validation Service • Web Accessibility Initiative
Kullanım dışı
C-HTML • HDML • JSSS • PGML • VML
Organizasyonlar
World Wide Web Foundation • SVG Working Group • WebOnt • W3C Device Description Working Group • WHATWG
Yazılım
Agora • Argo • Arena • Amaya • CERN httpd • Libwww • Line Mode Browser
Konferanslar
IW3C2 • World Wide Web Conference • WWW1
  • g
  • t
  • d
Web arayüzleri
Sunucu tarafı
Protokoller
Sunucu API'leri
  • C NSAPI
  • C ASAPI
  • C ISAPI
  • COM ASP
  • Jakarta Servlet
    • container
  • CLI OWIN
  • ASP.NET Handler
  • Python WSGI
  • Python ASGI
  • Ruby Rack
  • JavaScript JSGI
  • Perl PSGI
  • Portlet
    • container
Apache modülleri
  • mod_include
  • mod_jk
  • mod_lisp
  • mod_mono
  • mod_parrot
  • mod_perl
  • mod_php
  • mod_proxy
  • mod_python
  • mod_wsgi
  • mod_ruby
  • Phusion Passenger
Konular
  • Web kaynağı vs. Web hizmeti
  • Open API
  • Webhook
  • Uygulama sunucusu
    • karşılaştırma
  • Betik oluşturma
İstemci tarafı
Tarayıcı API'leri
  • C NPAPI
    • LiveConnect
    • XPConnect
  • C NPRuntime
  • C PPAPI
    • NaCl
  • ActiveX
  • BHO
  • XBAP
Web API'leri
W3C
Khronos
Diğerleri
  • Gears
  • Web SQL Database (eskiden W3C)
  • WebUSB
Konular
Konular
  • Web sayfası
    • Statik
    • Dinamik
  • Web standartları
  • Web API güvenliği
  • Web uygulaması
    • Zengin
    • Tek sayfa
    • Aşamalı
  • Web çerçevesi
Otorite kontrolü Bunu Vikiveri'de düzenleyin