Web Sayfalarını Kendimiz İçin Değil, Başkaları İçin Hazırlarız. T. T. Web Tasarımı Web, İnternet üzerindeki milyonlarca bağlantılı belge, web sayfaları ve diğer içerikleri ifade eden bir kavramdır. Web internetin bir alt kümesi olarak düşünülebilir. Şöyle ki; İnternet, dünya genelindeki bilgisayar ağlarının bir araya gelmesini ifade ederken, web, bu ağlar arasında gezinmeyi ve bilgi alışverişini sağlayan WWW (World Wide Web) bir protokolünü ve sisteminin bütünüdür. Web terimi, internet üzerindeki bilgi ve içerikleri genel olarak ifade ederken, WWW terimi daha spesifik olarak web tarayıcıları aracılığıyla gezinilen, bağlantılarla ilişkilendirilen web sayfaları ve içeriklerini ifade eder. Web'in temel bileşenleri şunlardır: Web Sayfaları : Metin, resim, video, ses ve diğer medya içerikleriyle doldurulurlar. HTML (Hypertext Markup Language) gibi işaretleme dilleri kullanılarak hazırlanır. Hiper Metin Bağlantıları : Web sayfalarını birbirine bağlayan, tıklanabilir metin veya grafiklerdir. Bu bağlantılar, kullanıcıların farklı web sayfaları arasında gezinmesini sağlar. Web Tarayıcıları : Web sayfalarını görüntülemek, hipermetin bağlantılarını takip etmek ve diğer web içeriklerini görüntülemek için kullanılan yazılımlardır. Örneğin, Google Chrome, Mozilla Firefox, Microsoft Edge v.b. Web Sunucuları : Web sayfalarını depolayan ve kullanıcı taleplerine yanıt veren sunucu bilgisayarlardır. Kullanıcılar web tarayıcıları aracılığıyla web sunucularından web sayfalarını ve içeriklerini çekerler. URL'ler (Uniform Resource Locator) : Web içeriğine erişmek için kullanılan adreslerdir. Her web sayfasının kendine özgü bir URL'si vardır. Bu sayfanın URL si : WebTasarimi.php dir. HTTP (Hypertext Transfer Protocol) : Web tarayıcıları ve web sunucuları arasındaki iletişim için kullanılan protokoldür. HTTPS (HTTP Secure) ise güvenli bağlantı sağlamak için kullanılan sürümüdür. e-Dönüşüm Türkiye Projesi 2005 Eylem Planı'nda 38 nolu Kamu Kurumları İnternet Sitesi Kılavuzunun Hazırlanması eylemine yer verilmiştir. TÜBİTAK Marmara Araştırma Merkezi sorumluluğunda hazırlanan bu kılavuz Bir web sitesinin en olmazsa olmazlarını içermektedir. Bu dökümanı buradan indirebilirsiniz. HTML kullanılarak sayfa hazırlamak istenirse kullanılabilecek etiketlerin bir çoğu, kullanım şekilleri ve sonuçları ile birlikte bu dökümana iliştirilmiştir. Bu etiketleri ve kullanımlarını görmek için HTMLtags.php dosyasına göz atabilirsiniz. Web sayfaları hazırlanırken HTML kodları kullanılsa etkin ve dinamik web sayfalarının hazırlanabilmesi için pekçok ek yazılıma ihtiyaç duyulur. Web sayfası hazırlamak için Adobe Dreamweaver, Microsoft Expression Web, BlueGriffon,KompoZer WYSIWYG ( What You See Is What You Get, Gördüğünüz Gibi Alırsınız ) gibi editörler kullanılabilir. Ancak web sayfaları temelde okunaklı metin belgeleri olduklarından Not Defteri gibi son derece basit metin editörleri kullanılarak da hazırlanabilir. Bu araçlardan en çok kullanılanlar şunlardır: CSS : Cascading Style Sheets teriminin kısaltmasıdır. CSS, web sayfalarının görünümünü ve stilini tanımlamak için kullanılan bir tarayıcı tarafından anlaşılabilir bir stil dilidir. HTML ile birlikte kullanılarak, web sayfalarının nasıl görüneceğini kontrol etmek için kullanılır. CSS, web tasarımında büyük bir rol oynar ve aynı web sayfasındaki farklı öğelerin renkleri, boyutları, konumları, kenarlıkları, yazı tipleri gibi görsel özelliklerini kontrol etmenizi sağlar. CSS'nin temel amacı; web geliştiricilere içerik ve tasarımın ayrılmasını sağlamaktır. Yani, web sayfalarının yapısını (HTML) ve görünümünü (CSS) birbirinden bağımsız olarak tanımlamak, daha sürdürülebilir, esnek ve yönetilebilir kod oluşturmanıza yardımcı olur. CSS öğrenmek için https://www.w3schools.com/css/ adresinden yararlanabilirsiniz. JavaScript : Web sayfalarının etkileşimli ve dinamik özellikler kazanmasını sağlayan bir programlama dilidir. İnternet tarayıcıları üzerinde çalışır ve kullanıcının web sayfalarıyla etkileşimde bulunmasına, veri girişi yapmasına, içeriği değiştirmesine ve daha birçok işlem yapmasına olanak tanır. JavaScript'in temel özellikleri şunlardır : Javascript öğrenmek için https://www.w3schools.com/js/default.asp adresinden yararlanılabilir. Etkileşim : kullanıcıların web sayfalarında tıklamak, düğmeye basmak, form girmek gibi eylemlerle etkileşimde bulunmasını sağlar. Dinamik İçerik : Web sayfalarında içeriği dinamik olarak değiştirme ve güncelleme yeteneğine sahiptir. Bu, kullanıcının sayfayı yeniden yüklemeden yeni verileri görüntülemesine olanak tanır. Veri Doğrulama : Kullanıcıların web formlarına girdiği verileri doğrulama ve hataları kontrol etme konusunda kullanılır. Örneğin, bir formun doğru doldurulup doldurulmadığını kontrol etmek için kullanılır.. Animasyonlar : Web sayfalarında animasyonlar oluşturmanıza yardımcı olur. Öğelerin hareketi, görsel efektler ve geçişler gibi animasyonlar, kullanıcı deneyimini zenginleştirmek için kullanılır.. PHP, Python ve ASP : PHP, Hypertext Preprocessor kısaltmasıdır ve web geliştirme için tasarlanmış bir sunucu taraflı programlama dilidir. PHP, HTML kodunun içine gömülebilen bir betik dildir ve sunucu tarafında çalışır. Web sunucusunda PHP kodu işlenir ve sonuç olarak tarayıcıya HTML içeriği gönderilir. PHP öğrenmek için PHP ana sayfasından yararlanılabilir. Python ise; genel amaçlı bir programlama dilidir. Basit ve anlaşılabilir sözdizimi ile ünlüdür ve çok çeşitli alanlarda kullanılır, web geliştirmeden veri bilimi ve yapay zekaya kadar birçok alanda kullanımı mevcuttur. Python öğrenmek için Python ana sayfasından yararlanılabilir. ASP, Microsoft tarafından geliştirilen ve özellikle web uygulamaları için kullanılan bir sunucu tarafı programlama teknolojisidir. ASP sayfaları, sunucuda işlenir ve sonuç olarak tarayıcıya HTML içeriği gönderilir. ASP, özellikle Windows tabanlı sunucular üzerinde kullanılır. ASP öğrenmek için sayfasından yararlanılabilir. Her üç dil de farklı kullanım alanlarına sahip olmasına rağmen her üçü de oldukça yaygın ve etkili programlama dillerindendir. Java : Çok amaçlı bir programlama dilidir ve genellikle platform bağımsız uygulamaların geliştirilmesi için kullanılır. Java, masaüstü uygulamalarından mobil uygulamalara, web uygulamalarından büyük ölçekli sunucu uygulamalarına kadar geniş bir yelpazede kullanılır. SQL : Structured Query Language teriminin kısaltmasıdır ve veritabanı yönetim sistemi ile etkileşim kurmak için kullanılan bir programlama dili ve sorgu dili olarak hizmet verir. Web sayfalarının hazırlanması sırasında veritabanı kullanılacaksa, yukarıda anılan diller ile birlikte kullanılır. Bu uygulamaların tarayıcı veya sunucular tarafında desteklenmesi gerekir. Kişisel bilgisayarınızı bir web sunucusu haline getirmek için çeşitli uygulamalar kullanılabilir. Bunlardan en yaygın kullanılanlardan biri XAMMP uygulamasıdır. Uygulama bilgisayar kurulduğunda, uygulama içindeki Apache yazılımı ile bilgisayar Web sunucu haline gelirken, PHP, Perl programlama dilleri ile birlikte MySQL veritabanı uygulamasını da içerir. Web sayfası tasarımını öğrenmek için web üzerinde birçok adres bulunur. Bu adreslerin en yaygın kullanılanlardan biri https://www.w3schools.com/ dir.