Web Tasarımı'nın Temel Kuralları Nedir ?
html'ye Giriş > 1
Değerli Blog takipçilerimiz. Web tasarımı'nın en çok tercih edilen ve her kodlama dilinde, tasarım programında mutlaka karşımıza çıkacak olan '' html '' kodlama diline genel giriş hakkında ki yazı dizimize başlıyoruz.
1. İNTERNET ORTAMI ve WEB TASARIMI
1.1 İNTERNET
İnternet, bir çok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır. Aynı zamanda, insanların her geçen gün gittikçe artan ‘’ Üretilen bilgiyi Saklama & Paylaşma ve ona kolayca Ulaşma ‘’ istekleri sonrasında ortaya çıkmış bir teknolojidir. Bu teknoloji sayesinde pek çok alanda ki bilgilere insanlar, kolay, ucuz, hızlı ve güvenli bir şekilde erişebilmektedirler.
1.1.1 IP ( INTERNET PROTOCOL ) NUMARASI
IP ( İnternet Protokol ), bilgisayarınızın iletişim kurmasını sağlayan dünya standartlarında bir protokoldür. Genel olarak her bilgisayarın kendine ait bir protokol numarası mevcuttur. İki bilgisayar, birbirleri ile iletişim kurduğu zaman birbirlerini bulmak için IP adreslerini kullanmaktadır. IP adresleri, her biri . ( nokta ) ile ayrılan ve 0 ile 255 arasında ki rakamlardan oluşmuş 4 adet numara setidir.
Örneğin ; 192.168.1.15 bilgisayarın network üzerinde bir ‘’adı’’ olsa bile ( Kişisel Bilgisayar isimleri kolay hatırlanmaktadır ), diğer bilgisayarlar ile iletişim kurduğunda ‘’ IP ‘’ adresini kullanmaktadır.
1.1.2 İNTERNET ALANI ( DOMAİN )
İnternete bağlı olan her bilgisayarın, bir IP adresi olduğunu biliyoruz. ( 192.168.1.15 vb… ). Bu numaraları akılda tutmak ve her birini her hangi bir anda yazmak zor olduğundan, alan adı ( domain name ) sistemi adını verdiğimiz bir isimlendirme sistemi oluşturulmuştur. Her hangi bir bilgisayara bağlanmak için karmaşık IP numaralarını akılda tutmak yerine, hatırlanması ve yazılması kolay alan adları kullanılmaktadır. Siz tarayıcınızın adres çubuğuna www.meb.gov.tr yazdığınızda , tarayıcınız merkezi bir bilgisayar ile iletişim kurarak www.meb.gov.tr adresinin yerini tuttuğu IP numarasını öğrenecek ve bu IP numaralı bilgisayara bağlanarak istediğiniz bilgilere ulaşmanızı sağlayacaktır. Bazı internet adreslerinin kısaltmaları aşağıda verilmiştir.
gov : Hükümet Kurumları ( Government )
edu : Eğitim Kurumları ( Education )
org : Ticari olmayan kuruluşlar ( Organization )
com : Ticari Kuruluşlar ( Company )
mil : Askeri Kuruluşlar ( Military )
net : Servis Sunucuları ( Network )
ac : Akademik Kuruluşlar ( Academic )
int : Uluslararası Kuruluşlar ( İnternational )
Bunun yanında her bir ülkenin de kendine özel kısaltmaları bulunmaktadır.
tr : Türkiye, uk : Ukrayna, az : Azerbaycan vb….
1.2 WEB TARAYICILAR
Web tarayıcıları, internet üzerindeki tüm bilgilere bakabilme ve bu bilgilerle etkileşim halinde olabilme imkanı sağlayan uygulama programlarıdır. Tarayıcı kelimesinin karşılığı ‘’ BROWSER ‘’ dır. Web tarayıcısı, ‘’ YARDIMLI METİN TRANSFER PROTOLÜ ‘’ İngilizce ‘’ HYPERTEXT TRANSFER PROTOCOL – http kullanarak, tarayıcı kullanıcısı adına internet üzerinde WEB sunucularından isteklerde bulunan bir istemci programıdır.
1.3 WEB TASARIMI
1.3.1 Sayfa Hazırlanırken Dikkat Edilecek Hususlar
Sayfaların adında veya sayfada yer alan her hangi bir içerik ( text, resim, animasyonlar, vb…. ) kaydedilirken asla Türkçe veya özel karakterler kullanılmamalıdır. ( ğ,ü,ş,?,/ vb… ). Sabir diskinizde öncelikle WEB sayfanıza ait içeriklerinizi kaydedeceğiniz bir dizin ve bu dizin içerisine resim yada animasyonlarınızı kaydedeceğiniz bir alt dizin oluşturmalısınız. Sunucu bilgisayarına bu bilgiler atılırken ( upload ) aynı dizinlerin bu alanda da oluşturmak gerektiği unutulmamalıdır. Web sitenizi yaparken, anasayfa isminizi mutlaka index.html olarak adlandırmalısınız. Bir çok web sunucusu için varsayılan sayfa ismi budur.
1.3.2 Görsel Tasarım Özellikleri
Günümüzde web sayfamızın içeriğini tayin ederken, amacımız uzun uzun bilgi vermekse, ‘’ Nasıl olsa kimse okumuyor ‘’ diye içeriğimizde ki bilgileri kırpmak, gerçekten o bilgiye ihtiyacı olan kullanıcılar için haksızlık olmaz mı ?
Yale Üniversitesi Tıp Fakültesi’nin; bir web sayfasına bakan kullanıcının, göz hareketlerini belirleyen bir cihaz ile yaptığı 12 Bin kişi üzerinde test ettiği bir araştırmaya göre, ( 1 ) Soldan Üst Köşeden Sağ Üst Köşeye, ( 2 ) Sağ Üst Köşeden, Sağ Alt Köşeye Doğru Genel Tarama, ( 3 ) Yeniden Sol Üstten itibaren okuma ve ( 4 ) Üst Orta Noktadan Aşağıya doğru okumayı sürdürme tarzı olduğu belirlenmiştir. Bu araştırmaya göre, izleyici ; önce büyük resim kitlesini ve renkleri görmekte, ön planda ki unsurlar ile arka planda ki unsurlar arasında ki kontrastın farkına varmaktadır. İzleyiciler ancak daha sonra grafik unsurlarının verdiği bilgiyi almakta, daha sonrada içerikleri okumaya başlamaktadır.
Bu belirleme ise bize, web sayfamızın bütünlüğü ile ilgili mükemmel bir grafik dengesine sahip olması gerektiğini belirtmektedir.
Yazıyı soldan sağa doğru okumaya alışmış toplumlarda, görsel dikkatin ekranda da soldan sağa doğru gitmesi gayet doğaldır. Bu nedenle Web Sayfalarında ekranın üst yarısı GÖRSEL ODAK NOKTASI olarak planlanmalıdır.
Metinleri daha belirgin hale getireceğini düşündüğümüz kutular, noktalar, yatay ve dikey çizgiler çoğu zaman görsel bütünlük sağlamak yerine sayfanın tümüne yama hissi vermektedir. Bütün görsel tasarımlarda olduğu gibi web sayfası tasarımında da tutarlılık şarttır. Web sayfamızın ‘’ ANASAYFA ‘’sı, kullanıcıların bizim Web alanımıza girdiği bölümdür. Bu nedenle ana sayfamız da davet unsuru bulunması şarttır. Bu sayfamızın az ve öz unsur içermesi giderek yaygınlaşan bir tarz olmaya başlamıştır.
1.1 İNTERNET
İnternet, bir çok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır. Aynı zamanda, insanların her geçen gün gittikçe artan ‘’ Üretilen bilgiyi Saklama & Paylaşma ve ona kolayca Ulaşma ‘’ istekleri sonrasında ortaya çıkmış bir teknolojidir. Bu teknoloji sayesinde pek çok alanda ki bilgilere insanlar, kolay, ucuz, hızlı ve güvenli bir şekilde erişebilmektedirler.
1.1.1 IP ( INTERNET PROTOCOL ) NUMARASI
IP ( İnternet Protokol ), bilgisayarınızın iletişim kurmasını sağlayan dünya standartlarında bir protokoldür. Genel olarak her bilgisayarın kendine ait bir protokol numarası mevcuttur. İki bilgisayar, birbirleri ile iletişim kurduğu zaman birbirlerini bulmak için IP adreslerini kullanmaktadır. IP adresleri, her biri . ( nokta ) ile ayrılan ve 0 ile 255 arasında ki rakamlardan oluşmuş 4 adet numara setidir.
Örneğin ; 192.168.1.15 bilgisayarın network üzerinde bir ‘’adı’’ olsa bile ( Kişisel Bilgisayar isimleri kolay hatırlanmaktadır ), diğer bilgisayarlar ile iletişim kurduğunda ‘’ IP ‘’ adresini kullanmaktadır.
1.1.2 İNTERNET ALANI ( DOMAİN )
İnternete bağlı olan her bilgisayarın, bir IP adresi olduğunu biliyoruz. ( 192.168.1.15 vb… ). Bu numaraları akılda tutmak ve her birini her hangi bir anda yazmak zor olduğundan, alan adı ( domain name ) sistemi adını verdiğimiz bir isimlendirme sistemi oluşturulmuştur. Her hangi bir bilgisayara bağlanmak için karmaşık IP numaralarını akılda tutmak yerine, hatırlanması ve yazılması kolay alan adları kullanılmaktadır. Siz tarayıcınızın adres çubuğuna www.meb.gov.tr yazdığınızda , tarayıcınız merkezi bir bilgisayar ile iletişim kurarak www.meb.gov.tr adresinin yerini tuttuğu IP numarasını öğrenecek ve bu IP numaralı bilgisayara bağlanarak istediğiniz bilgilere ulaşmanızı sağlayacaktır. Bazı internet adreslerinin kısaltmaları aşağıda verilmiştir.
gov : Hükümet Kurumları ( Government )
edu : Eğitim Kurumları ( Education )
org : Ticari olmayan kuruluşlar ( Organization )
com : Ticari Kuruluşlar ( Company )
mil : Askeri Kuruluşlar ( Military )
net : Servis Sunucuları ( Network )
ac : Akademik Kuruluşlar ( Academic )
int : Uluslararası Kuruluşlar ( İnternational )
Bunun yanında her bir ülkenin de kendine özel kısaltmaları bulunmaktadır.
tr : Türkiye, uk : Ukrayna, az : Azerbaycan vb….
1.2 WEB TARAYICILAR
Web tarayıcıları, internet üzerindeki tüm bilgilere bakabilme ve bu bilgilerle etkileşim halinde olabilme imkanı sağlayan uygulama programlarıdır. Tarayıcı kelimesinin karşılığı ‘’ BROWSER ‘’ dır. Web tarayıcısı, ‘’ YARDIMLI METİN TRANSFER PROTOLÜ ‘’ İngilizce ‘’ HYPERTEXT TRANSFER PROTOCOL – http kullanarak, tarayıcı kullanıcısı adına internet üzerinde WEB sunucularından isteklerde bulunan bir istemci programıdır.
1.3 WEB TASARIMI
1.3.1 Sayfa Hazırlanırken Dikkat Edilecek Hususlar
Sayfaların adında veya sayfada yer alan her hangi bir içerik ( text, resim, animasyonlar, vb…. ) kaydedilirken asla Türkçe veya özel karakterler kullanılmamalıdır. ( ğ,ü,ş,?,/ vb… ). Sabir diskinizde öncelikle WEB sayfanıza ait içeriklerinizi kaydedeceğiniz bir dizin ve bu dizin içerisine resim yada animasyonlarınızı kaydedeceğiniz bir alt dizin oluşturmalısınız. Sunucu bilgisayarına bu bilgiler atılırken ( upload ) aynı dizinlerin bu alanda da oluşturmak gerektiği unutulmamalıdır. Web sitenizi yaparken, anasayfa isminizi mutlaka index.html olarak adlandırmalısınız. Bir çok web sunucusu için varsayılan sayfa ismi budur.
1.3.2 Görsel Tasarım Özellikleri
Günümüzde web sayfamızın içeriğini tayin ederken, amacımız uzun uzun bilgi vermekse, ‘’ Nasıl olsa kimse okumuyor ‘’ diye içeriğimizde ki bilgileri kırpmak, gerçekten o bilgiye ihtiyacı olan kullanıcılar için haksızlık olmaz mı ?
Yale Üniversitesi Tıp Fakültesi’nin; bir web sayfasına bakan kullanıcının, göz hareketlerini belirleyen bir cihaz ile yaptığı 12 Bin kişi üzerinde test ettiği bir araştırmaya göre, ( 1 ) Soldan Üst Köşeden Sağ Üst Köşeye, ( 2 ) Sağ Üst Köşeden, Sağ Alt Köşeye Doğru Genel Tarama, ( 3 ) Yeniden Sol Üstten itibaren okuma ve ( 4 ) Üst Orta Noktadan Aşağıya doğru okumayı sürdürme tarzı olduğu belirlenmiştir. Bu araştırmaya göre, izleyici ; önce büyük resim kitlesini ve renkleri görmekte, ön planda ki unsurlar ile arka planda ki unsurlar arasında ki kontrastın farkına varmaktadır. İzleyiciler ancak daha sonra grafik unsurlarının verdiği bilgiyi almakta, daha sonrada içerikleri okumaya başlamaktadır.
Bu belirleme ise bize, web sayfamızın bütünlüğü ile ilgili mükemmel bir grafik dengesine sahip olması gerektiğini belirtmektedir.
Yazıyı soldan sağa doğru okumaya alışmış toplumlarda, görsel dikkatin ekranda da soldan sağa doğru gitmesi gayet doğaldır. Bu nedenle Web Sayfalarında ekranın üst yarısı GÖRSEL ODAK NOKTASI olarak planlanmalıdır.
Metinleri daha belirgin hale getireceğini düşündüğümüz kutular, noktalar, yatay ve dikey çizgiler çoğu zaman görsel bütünlük sağlamak yerine sayfanın tümüne yama hissi vermektedir. Bütün görsel tasarımlarda olduğu gibi web sayfası tasarımında da tutarlılık şarttır. Web sayfamızın ‘’ ANASAYFA ‘’sı, kullanıcıların bizim Web alanımıza girdiği bölümdür. Bu nedenle ana sayfamız da davet unsuru bulunması şarttır. Bu sayfamızın az ve öz unsur içermesi giderek yaygınlaşan bir tarz olmaya başlamıştır.
Hiç yorum yok:
Yorum Gönder