Web Tasarımında Dikkat Edilmesi Gereken Temel İlkeler
Bir webmaster bir web sitesi tasarlarken aşağıdaki kurallara mutlaka dikkat eder.
1. Web Site İçeriği
Tasarımı çok güzel olan bir sitede içerik yok ise o siteyi kimse ziyaret etmez ama tasarımı zayıf olan bir sitede içerik iyi ise o siteye her zaman ziyaretçi gelir. Sitede kullandığımız içerikler, site ziyaretçilerinin beklentileri dışında olmamalıdır.
2. Web Site Tasarımı
Web sitesi içeriklerinin hazırlayacağımız web sayfasının neresinde ve nasıl görünmesini planladığımız bölüm tasarım aşamasıdır. Tasarım aşamasında web sayfasının logosu nerede olacak, yazılar nerede olacak, menüler nerede olacak gibi soruların cevaplarını
kağıt üzerine ya da bilgisayara çizeriz.
Bu bölümde yaptığımız aslında bir arayüz (kullanıcının siteyi kullanırken bilgisayar ekranında gördüğü bölüm) oluşturmaktır.
3. Web Sitesinin İşlevselliği
İnternet kullanıcıları sitenin iç sayfalarından da diğer sayfalara erişmek ister. Bunun için mümkün olduğunca sitedeki her sayfadan diğer sayfalara bağlantılar oluşturma çalışmalıyız.
Örneğin bu sayfadan Web Siteleri Nasıl Çalışır adlı makaleye link vermiş olalım.
Eğer bunu sağlayamıyorsak web sitemizin çok kullanılan sayfalarına her sayfadan mutlaka bağlantı vermeliyiz. Her sayfadan ana sayfaya ve sitenin ana bölümlerine bağlantı sağlamalıyız.
4. Web Tarayıcıları ile Uyumluluk
İnternet kullanıcıları hazırladığımız sayfaları görüntülemek ve kullanmak için Web Tarayıcı denilen programlara ihtiyaç duyar. Web tarayıcı programlar temelde aynı görev için programlanmışsa da web sayfalarını gösterirken ufak farklılıklar gösterebilir.
Tasarladığımız web sayfalarını hazırlarken bütün web tarayıcılarda aynı görünmesini sağlamaya çalışmalıyız.
5. Web Sitesi Hazırlarken Dikkat Edilmesi Gereken Temel Tasarım Özellikleri
a. Renk Dengesi
Web sayfası hazırlarken hem gözü yormayan arka plan hem de okunması kolay yazı renkleri seçilmelidir.
Çok fazla renk kullanmaktan kaçınmalı, mümkünse en fazla üç rengi yoğun olarak kullanmalıyız. Yapacağımız sitede renk seçimi yaparken dikkat edeceğimiz bir nokta da site logosunun rengidir.
Genelde site logosunda bulunan renkler site tasarımında ana renk olarak seçilir.
Birçok internet kullanıcısı sayfaya önce göz atar, sonra okur.
Başlıkları ve yazıyı düzenli tutarak gerekiyorsa 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.
c. Ses, Resim ve Video Ekleme Prensipleri
Resim eklerken ekleyeceğimiz resimlerin 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 resmi göstermez. Bunun için web sayfalarında uzantısı jpg, gif, png olan resimler kullanılır.
Eklediğimiz sesler de her bilgisayar tarafından çalınamayabilir. Bizim bilgisayarımızda duyduğumuz bir sesi başka bir bilgisayarda duyamayabiliriz. Çünkü sesleri duymamızı sağlayan bazı programlar vardır. Bu programlar bizim bilgisayarımızda olabilir fakat başka bilgisayar kullanıcılarının bilgisayarlarında olmayabilir. Bunun için Web sayfasındaki sesi duyabilmek için yüklemeleri gereken programlar hakkında ziyaretçileri uyarılarda bulunmamız gerekir.
Aynı şekilde animasyonları göstermek için web tarayıcılarına bazı ek programlar (eklenti) yüklenmesi gereklidir. Her tarayıcıda animasyonları göstermek için gerekli eklentiler yüklenmemiş olabilir. Kullanıcılar böyle bir durumda animasyonları göremezler. Animasyonları görmeleri için eklentileri yüklemeleri konusunda kullanıcılara uyarılarda bulunmalıyız.
6. Web Tasarımdan Kullanılacak Yazılımların Belirlenmesi
- Web sayfasının grafik olarak tasarlanması için grafik yazılımı : Photoshop
- Web sayfasına ekleyeceğimiz amblem, maskot gibi çizimler için vektör yazılımı : Fireworks
- Web sayfasına ekleyeceğimiz animasyonlar için animasyon yazılımı : Flash
- Web sayfasının kodlamasını yapmak için web tasarım editör yazılımı : Dreamweaver
- Web sayfalarını görüntülemek etmek için web tarayıcı programları : Firefox
- Web sitesindeki hata ve eksikleri bulmak için yardımcı programlar : Firebug
- Web sitesi dosyalarını sunucuya atmak için bir FTP yazılımı : Filezilla
7. Bir Web Sitesinin Tahmini Maliyeti
| Web sayfasının logo çalışması | 100 TL |
| Web sayfasının grafik çalışması | 300 TL |
| Web sitesinin HTML kodlaması | 200 TL |
| Fotoğraf çekimi ve fotoğrafların web sayfasına uygun hâle getirilmesi | 200 TL |
| Animasyon | 200 TL |
| Programlama Bölümü | 300 TL |
| Alan adı kiralama (1 yıllık) | 25 TL |
| Alan barındırma ücreti (1 yıllık) | 25 TL |
| TOPLAM | 1350 TL |
-
- 1
esa web tasarım
Konu güzel ve açıklayıcı olmuş ancak fiyatlarım eskide kalmış sanırım. Yaptığınız hizmetin kalitesinden uygun ücretli olabilir diyeceğim ama alan adı barındırma ücretleri çok düşük. Güncel fiyatlar ve detaylı bilgiler için esa.gen.tr yi inceleyebilirsiniz.09 Mayıs 2020 04:56:39, Cumartesi
