Okunabilirlik
Birçok internet kullanıcısı sayfaya önce göz atar, sonra okur. Hazırlayacağımız sayfaları göz atmaya uygun hazırlamalıyız. Başlıkları ve yazıyı düzenli tutarak, gerekiyorsam gazetelerin yaptığı gibi kısa özetler oluşturmalıyız. Yazıların içerisinde dikkat çekmesini istediğimiz yerler var ise vurgulamalıyız. Uzun bir sayfadan oluşan yazı okunurluğu çok düşürecektir. Bunun yerine uzun yazı yayınlamak zorundaysak birkaç sayfaya bölerek vermemiz uygun olacaktır. Okunurluğu arttırmak için yazı rengi ile zemin rengini zıt (contrast) seçmeliyiz. En basit siyah-beyaz zıtlığını kullanabilirsiniz.
Doğru yazı tiplerinin seçimi içeriğin sunumunu kolaylaştıracaktır. Bilgisayar ortamında ekranda gördüğümüz her şey karelerden (piksel) oluşur. Bu yüzden uçları çıkıntılı yazı tiplerinin (Times New Roman, Times vb.) okunurluğu biraz zor olur. Uçları çıkıntılı yazı tiplerinin yerine uçları çıkıntısız (Arial, Helvetica, Tahoma, Verdana) yazı tiplerini kullanmamız uygun olur. Başlıkları ve yazıları yazarken genel olarak, "HEPSİ BÜYÜK" ve "Sadece İlk Harfleri Büyük" cümleler sanıldığı gibi dikkat çekmez. Gözün gereksiz yere hareketine yol açarak gözü yorar. Dikkat çekmek için başlıkların yazı tiplerini, renklerini ve/veya tonlarını farklı yapmak daha uygun bir yöntem olacaktır
Hizalama
Web sayfamızdaki nesneleri sola, ortaya ve sağa hizalayabiliriz. Yazıları ise sola,
sağa, ortaya ve iki yana hizalayabiliriz
Metin ve Nesne Arası Boşluklar
Metin ve nesneleri yerleştirirken aralarında uygun boşluklar bırakmamız doğru
olacaktır. Eğer metin ve nesneler arasında boşluklar bırakmazsak sayfamızın okunurluğu
zorlaşır, internet kullanıcısı metin ve nesneler birbirinden ayırmakta güçlük çeker.
Metin ve nesneler arasında aynı zamanda metin ile metin arasında okunurluğu
arttırmak için bırakılan boşluğa “beyaz boşluk” denir. Beyaz boşluklar nesne ve metinleri
algılamayı kolaylaştırır.
Ses ve Görüntü Ekleme Prensipleri
Web sayfalarına kimi zaman ses, hemen her zaman görüntü ekleme ihtiyacımız
olacaktır. Görüntü eklerken ekleyeceğimiz görüntülerin web tarayıcılar tarafından
görüntülenebilir formatta olduğundan emin olmalıyız. Web tarayıcılar bilgisayarda
gördüğümüz her görüntüyü göstermeyebilir. Bunun için web sayfalarında uzantısı jpg, gif,
png, webp uzantılı görüntüler kullanılır.
Sitemize eklediğimiz sesler de her bilgisayar tarafından açılamayabilir. Bizim
bilgisayarımızda duyduğumuz bir sesi başka bir bilgisayarda duyamayabiliriz. Artık
Windows 10 otomatik olarak gerekli sürücüleri kurmakta ancak yinede linux kullanıcıları
ve eski sürüm Windows kullanıcılarıda çok sayıda bulunmakta bu gibi durumlar için gerekli
programları yüklemeleri için uyarıda bulunmamız gerekebilir
Aynı şekilde animasyonları göstermek için web tarayıcılarına bazı ek programlar
(eklenti) yüklenmesi gereklidir. Modern tarayıcıların hepsinde bu özellikler hazırdır ancak
tarayıcının bazı özellikleri kısıtlanırsa animasyon ve gif dosyası tarzı hareketli içerikleri
oynatmayabilir. buradan yazıya giderek daha ayrıntılı bakabilirsiniz.Animasyon olan
sayfada eklentileri nereden yükleyecekleri konusunda bilgi vermeliyiz veya engellenen
özellikleri açmasını nasıl yapmaları konusunda bilgilendirmeliyiz
Projede Kullanılacak Yazılımların Belirlenmesi.
hangi yazılımlara ihtiyaç duyacağımızın da bir listesi çıkarmamız işimizi çok
kolaylatıracaktır. Bir web sitesi tasarımında temel olarak kullanabileceğimiz yazılımlar
aşağıdaki gibidir:
Web sayfasının grafik olarak tasarlanması için grafik yazılımı
Web sayfasına ekleyeceğimiz amblem, maskot gibi çizimler için vektör yazılımı
Web sayfasına ekleyeceğimiz animasyonlar için animasyon yazılımı
Web sayfasının kodlamasını yapmak için web tasarım editör yazılımı
Web sayfalarını görüntülemek etmek için web tarayıcı programları
Web sitesindeki hata ve eksikleri bulmak için yardımcı programlar
Hazırlayacağımız web sitesinin tasarımını yaparken en önemli etkenlerden biri de
maliyettir. Web sitesinin taslağını çıkardıktan sonra site maliyetini çıkarmak için aşağıdaki
maddeler için harcanan zaman ve ücretler dikkate alınmalıdır:
- Web sitesi görüntüsünün grafik olarak hazırlanması
- Web sitenin HTML kodlamasının (web tarayıcıda görüntülenebilecek şekilde hazırlanması) yapılması
- Web sitesi içerisinde kullanılacak görüntülerin (fotoğrafların çekilmesi veya satın alınması, grafiklerin hazırlanması veya satın alınması) hazırlanması
- Web sitesinde kullanılacak animasyonların hazırlanması veya satın alınması
- Web sitesinin kullanıcı etkileşimi var ise programlama kısmının yapılması
- Web sitesi adının kiralanması (alan adı kiralama)
- Web sitesinin yayınlanacağı bilgisayarın kiralanması (alan barındırma ücreti)