Bir Web sayfasının yapısını oluşturmak
Bir web sayfasının yapısını oluşturmak bir inşaatın yapısını oluşturmak gibidir..
Burada web sayfasının yapısını iki kısıma ayırıcam.
A) Kodlama
B) Görsel Arayüzü
A) Web siteleri arkaplanda çalışan kodlarla bize hizmet sunmaktadır. Web sayfaları XHTML, CSS, JAVA SCRIPT, PHP, ASP, .NET gibi hem betik hemde programlama dilleriyle çalışmaktadır.
Mesela bir e-ticaret sitesinin sunucu tarafından yapılması ve kodların doğru bir şekilde yazılması, tarayıcılar arasındaki uyum sağlamasını, sitenin görselini Css döküp, Html olarak web browserında okutması ve bize görsel olarak sunması diyebiliriz. E-ticaret birden fazla sayfa olması ve bunların hepsine link vermek oldukça zahmetli bir iş oldğumu için sunucu tarafından yapan kişi programlama dillerini kullanırlar PHP, ASP.NET gibi.. Birden fazla sayfayıyı php ile bağlayabilirler, ve hepsi bir karar komutuna bakar..
Sunucu tarafında yazılan dinamik(php, asp.net gibi) kodlar diyelim, istemci yani siteye giren kullanıcı tarafında html olarak görüntü vermektedir. Kısacası web sayfaları yapısı böyle oluşmaktadır. Bir haber sitesini örnek verecek olursam; Google tarafından çok sıklıkla takip edilir. Çünkü haber siteleri devamlı sitenin güncellendiği için google sitesine robotlarını gönderdiği için güncelleme sık olur. Google artık web sayfaların hızlı olmasını önem veriyor hali hazırda Web Tasarımcına burada büyük görev düşer, çünkü Tasarımın arka plandaki çalışan kodları kontrol edip devamlı güncellenmesidir.
B)Bir web sayfasının yapısını oluşturmak çok ciddi bir iştir, tasarımcılar en çok dikkat etti bir kısım ise ana sayfanın(index) görünümü nasıl olsun düşüncesindedir. Ziyaretçiler artık göze hoş duran siteleri ve işine yarar siteleri ziyaret etmektedir..
Türkiye’de 1 milyon’u geçişmiş domain alınmıştır. Ve bu sayı gün gittikçe artıyor, hali hazırda tasarımcılar işi zorlaşıyor, çünkü her web sayfasının ara yüzü farklı olması zorunludur.. Zorunlu olması “Telif Hakkı” içermektedir. Bu nedenle farklı tasarımlar, farklı görüşler, farklı planlarla yapılmaktadır..
Şimdi bakalım bir web sayfasının ara yüzünü yapısını beraber inceleyelim..
Bir web sayfasının yapısını iki ayırmıştım, burada kodlama olarak açıkladım. Şimdi arayüzünü yapısını açıklıyalım madde olarak.
- Her web sayfasının kendine ait bir logosu olur, bu kişinin kurumsal yada ticari olarak kişiyi tanıtır.
- Web sayfaların arkaplan resmi veya rengi siteye uyum sağlaması gerekir, ziyaretçilerin sitede istediği bilgilere ulşaması ve rahat okuması veya alış veriş yapması için güzel olması gerekir. Ben bazı sitelere giriyorum, arkplan kırmızı, yazı rengi siyah gerçekten çok kötü ve ben böyle sitelerle karşılaşınca kapatıyorum.
- Sitenin tarayıcı uyum sağlaması, burada 2 maddeye ayırmak istiyorum.
* Bazı tarayıcılar geride kaldığı için bazı resim dosyalarını desteklemiyor mesela; .PNG formatı.. İnternet Exp. Tarayıcısında sorunlar açıyor.
*Tarayıcılara uyum sağlaması için bazı sitelerden kaynak dokümanlarla düzeltilebiliyor.. - Web sayfalarınız için hazırladığınız resimlerin hard disk üzerindeki alana bakın. Resimlerin boyutu en fazla 20 kb olmalıdır. Daha büyük boyutlu resimler sayfanızı yavaşlatır.
- Sitenin ortalama hızı, bazı web siteleri oldukça yavaş açılıyor. Ve bu 2 tur açısı var; Resim boyutları ve kodlama boyutlarıdır.
* Resimlerin bazıları .GIF, .PNG formatlıdır. Ve boyutları ne kadar büyük olursa sayfanın açılışı biraz geç açılır.
* Bazı sitelerde bağlanması yada dosyanın yüklenmesi açısından sn’yeler gidiyor. Bunun kötü yanı ise ziyaretçilerin sayfanın yavaş olmasıyla siteden çıkış yapmasıdır. Taabi programlama dilleri ile dökümanları sıkıştırarak(sayfayı hızlandırma “php kütüphaneleri vs.”) bu olayı çözmesidir. - Web sitelerinde kırık link olmaması yada yanlış sayfalara yönlendirmesi ziyaretçi tarafından hoş karşılanmaz.
- Her web sayfasının footer(alt) kısmında Telif Hakkı sözü olmalıdır..
Son Yorumlar