Web Tasarım Yaparken Nelere Dikkat Etmeliyim?

Abdullah Şahin

Altın Üye
Altın Üye
Kayıt
3 Nisan 2008
Mesaj
2.630
Tepki
89
index.html

Web sitenizi yaptığınızda, mutlaka ana sayfanızı index.html olarak adlandırın. FP bunu sizin için otomatik olarak yapacaktır ve bunun bir sebebi var. Bir bilgisayar kullanıcı Browser 'ının adres kutusuna bir sitenin adresini yazar ve bu site içinde belirli bir sayfanın adını vermezse, (örneğin, sadece www.grafikerler.org yazarsa) Web Server hangi sayfayı gönderir ? Bir çok Web Server için varsayılan sayfa index.html'dir. Bazı Server'lar varsayılan sayfanın Default.html olarak adlandırılmasını isterler. Eski sürüm Server'lar arasında sayfa adı vermeyen ziyaretçiye web sitesinin kök dizini (root directory) içinde yer alan dosya adlarını gösteren bir liste sunanlar veya ziyaretçiye hata mesajı verenler de vardır. Web ev sahibinize, Server'ının varsayılan sayfa olarak hangi adı vermeniz gerektiğini sorun ve ana sayfanıza daima bu adı verin.

Açtığınız komutları kapatın.

<...> ile açtığınız komutları, </...> ile kapatmayı unutmayın. İnternet Explorer'de böyle bir problem olmasa bile, Netscape Navigator'de kapatılmamış komutlar problemlere yol açmaktadır.

Güncellemeler hakkında bilgi verin

Sitenize gelen ziyaretçilere sitenizin, yada daha doğrusu sayfalarınızın güncelleme bilgilerini giriş sayfasında verin. Daha önce ziyaret etmiş olanlara içerikte yaptığınız güncellemeleri bildirmeniz size puan kazandıracaktır.

Sitenizde sunduğunuz hizmetler hakkında bilgi verin

Sitenize yeni gelenlere sunduğunuz hizmetler hakkında bilgiler vermeniz, size puan kazandıracaktır. Genelde, ziyaretçiniz sitenizi gezmek için değil bir konuda bilgi yada belge aramak için gelmiştir. Diğer konular o an için onu pek ilgilendirmemektedir. Vereceğiniz bilgilerle zaman kazanması hoşuna gidecek, işinizi önemsediğiniz için sayfanıza tekrar gelecektir.

Sayfa yapınızın anlaşılır olmasına dikkat edin

Anlaşılır bir sayfa yapısı oluşturmaya dikkat edin. Bunun için iki model vardır;
Yıldız Sistemi: Genelde bu sistemle oluşturulan küçük sitelerde alt sayfalara ana sayfa üzerinden erişilir ve bu sayfalardan ana sayfaya linkler vardır. Hata yapma riskini azaltır ve yeni sayfalar eklemek kolaydır.
Hiyerarşi Sistemi: Büyük ve sayfa sayısı çok olan sitelerin kullandığı sistemdir. Sabit diskinizdeki klasör sistemine benzer. İç içe sayfalar mevcuttur. Bir çok alt sayfa olabilir. Bu tip sayfalar konularına göre blok halinde hazırlanmalıdır ve her konunun kendine ait bir klasörü olmalıdır. Kullanışlı olması için, alt ve üst sayfalara geçiş olduğu gibi ana menüye de ulaşılabilmelidir.
Kullandığınız resimlere dikkat edin

Geç yüklenen resimler size puan kaybettirir. Bu yüzden düşük çözünülürlükte resimler kullanın. Büyük resimlerde gif formatını, küçük resimlerde de jpeg formatını kullanabilirsiniz. Bir fotoğraf sitesi hazırlıyorsanız yüksek çözünülürlükte kaliteli resim koyabilirsiniz. Gelen ziyaretçi bu sebeple geldiği için problem oluşturmayacaktır.

Ana sayfaya en fazla iki frame ekleyin

Frameler (Çerçeveler) düzen açısından faydalıdır ama, frame sayısı arttıkça sayfa yüklenme süresi de artacaktır. Çünkü browser görüntüyü sağlamak için tüm framelerdeki sayfaları yüklemek zorundadır. Yani üç frameli bir sayfa aslında üç ayrı sayfayı birleştiren bir sayfadır ve toplam dört sayfa eder, browser aynı anda dört sayfayı birden yüklemek zorunda kalır. Bu ise yüklenme süresini artıracaktır.

Style Sheet kullanırken dikkatli olun

Dinamik Html' nin bir nimeti olan Style Sheet, kullanırken dikkat etmelisiniz. Çünkü; ziyaretçinin browseri versiyon nedeniyle bu tekniği desteklemeyebilir. Ayrıca Explorer ve Netscape browserleri bu teknikte kullanılan bazı komut ve parametreleri farklı yorumlamaktadır. Hitap ettiğiniz ziyaretçi kitlesinin en az %90' ı bu tekniği destekleyen browser kullandığında rahatlıkla kullanabilirsiniz. Bunu nereden öğrenebilirim diyorsanız, ya kendiniz asp, cgi gibi dillerle yazılmış programlar vasıtası ile bir istatistik oluşturmalısınız, yada bu hizmeti veren sitelerden yardım almalısınız.

Gerekmedikçe ses kullanmayın

Sayfanızda kullanacağınız ses dosyası, Türkiye'de zaten yetersiz olan bant genişliğinin çoğunu kullanacağından sayfanın geç yüklenmesine sebep olur. Ayrıca, ziyaretçi sizin seçtiğiniz müziği sevmeyebilir. Sayfama hoş geldiniz gibi cıngıllar ise hiç hoş karşılanmamaktadır. Fakat müzikle ilgili bir site hazırlıyorsanız örnek verme açısından kullanmanızda bir sakınca yoktur.
 

Abdullah Şahin

Altın Üye
Altın Üye
Kayıt
3 Nisan 2008
Mesaj
2.630
Tepki
89
Java Appleti kullanırken dikkatli olun

Java appletleri sayfanızın geç yüklenmesine sebep olur. Ayrıca ziyaretçinin browseri java desteklemeyebilir. Gerekmedikçe java applet kullanmayın. Sadece görsel açıdan güzel diye kullanacağınız applet puan kazandırmaz, kaybettirir. Applet kullanırken aşırıya kaçmayın, her tarafında çeşitli appletler olan bir sayfa hiçte güzel görünmez.

HTML kaynak kodunu kısa tutun

Sayfa hazırlarken farkında olmadan kaynak kodu uzatabilir, karmaşık bir hale sokabilirsiniz. Bu ise hata yapma riskini artıracaktır. Mesela, tablo yaparken kullanacağınız FONT etiketini her hücrede tekrarlamak, kodu uzatmaktan başka bir işe yaramaz. Bunun yerine DHtml 'nin unsurlarından CSS (Cascading Style Sheet) kullanabilirsiniz.

Meta etiketini kullanın

Sitenizin arama motorlarında yer alması ve daha çok insana hitap etmesi için META etiketini kullanın. Güzel bir web sayfasında bulunması gereken komutlardan birisi de META etiketidir. Daha geniş bilgi için HTML DERSLERİ / META etiketine bakınız.

Reklam pencerelerine dikkat edin

Sponsor bulma kaygısı ile, sayfanıza girince açılan bir çok reklam penceresi ziyaretçi kaçırmanıza sebep olacağından, sponsorunuzdan faydalanma imkanınızı azaltacaktır. Bu ise hem sponsorunuzdan, hem de ziyaretçilerinizden olmanız demektir. Sponsorlarınıza link vermeniz daha akıllıca bir seçim olacaktır. Ama ziyaretçilerinizi kesinlikle sponsorunuzun sayfasına girmeye zorlamayın.

Arka fon seçiminde dikkatli olun

Arka fon kullanıyorsanız, fon olarak kullandığınız resimle, yazılarınızın rengi birbirine yakın olmamalıdır. Bu, ziyaretçinize eziyet yapmaktan başka bir şey değildir. Yazılar okunaklı ve sürekli olmalı, sade ve düzgün bir Türkçe ile yazılmalıdır.

Font seçiminde dikkatli olun

Yazılarınız için , ziyaretçinizin bilgisayarında da olan standart fontları seçiniz. Helvetica gibi fontların her bilgisayarda bulunmayabileceğini unutmayın, yada alternatif fontlar sunun.

Örnek
:
<DIV id=vinyet style="COLOR: #ffffe0; FONT-FAMILY: Helvetica, Arial; FONT-SIZE: 180%; LETTER-SPACING: 2px; MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 0px">
Yukarıdaki örnekte; Browsere, Helvetica fontu yoksa Arial fontunu kullanması talimatı verilmektedir.

Ziyaretçiyi kandırmayın

Ziyaretçi çekebilmek için, sakın sitenizde olmayan şeyleri varmış gibi reklam etmeyin. Arama motorlarına ve toplistlere siteniz hakkında açıklama yaparken sadece hizmetini sunduğunuz şeyleri yazın. Sitenize gelen ziyaretçi aradığı konuyu bulamayınca kandırıldığını anlayacaktır. Çok güzel bir siteniz olsa dahi size puan kaybettirecektir.

Sayfalarınızda frame yerine tablo kullanın

Sayfalarınızda gerekmedikçe frame kullanmayın. Tablo kullanmak daha doğru bir seçimdir. Frame, görünüşte bir sayfa olmasına rağmen, (yukarıda açıkladığımız gibi) bir çok sayfadan meydana geldiğinden sayfa yüklenmesini geciktirecektir.

Sayfalarınızın boyutu 100 Kbyte'ı geçmesin

Sayfalarınızın boyutuna dikkat edin. Boyut büyüdükçe yüklenme süresi artacaktır. Oysa büyük bir sayfa yerine küçük bir kaç sayfa daha uygun olacaktır.

Aynı cinsten konularınızı bir başlık altına toplayın

Konularınız dağınık olmasın. Aynı türden konuları bir başlık altında toplamanız sitenizi düzene sokacak ve dağınık görünmesini engelleyecektir.
 

Abdullah Şahin

Altın Üye
Altın Üye
Kayıt
3 Nisan 2008
Mesaj
2.630
Tepki
89
Çok konu her zaman iyi değildir

Siteniz bir çok konuda hizmet veriyor olması iyi olması anlamına gelmez. Diğer sitelerde de bulunan şeyleri tekrarlamak yerine daha farklı şeyler bulmaya özen gösterin, yada onlardan daha iyisini yapın.

Hedef kitlenizi belirleyin

Sitenizin sayfalarını hazırlamadan önce; hitap edeceğiniz hedef kitleyi belirleyip, sitenizi bu temeller üzerine kurmanızda büyük fayda vardır. Hiç bir amacı olamayan bir sitenin başarısı da fazla olmayacaktır. Benim de sitem var diyebilmek için kesinlikle site kurmayın. Bu tip sitelerin interneti çöplüğe çevirdiğini unutmayın.

Linkleri kontrol edin

Sayfalarınızda konu ile linkler vermeniz puan kazandırıcı bir harekettir. Fakat açılmayan, geçersiz linkler hiç bir işe yaramaz. Bu yüzden sayfanıza ekleyeceğiniz linkleri önce siz kontrol edin. Sitenizi Server'a gönderdikten sonra, ziyaretçi gibi sitenize girin ve bütün bağlantıları tıklayın. Bazı HTML editörleri, metin veya resim unsurlarına veya diğer sayfalara bağlantı (link) kurduğunuz zaman, HREF etiketinin karşısına bağlantının hedefini yazarken, bu unsurun bulunduğu sabit diskin ve dizinin adını da yazarlar: <A HREF= "c:\Web\yenisayfa.htm"> </A> gibi. Böyle bir bağlantıyı içeren sayfayı sitenize koyduğunuz zaman, Server'ın bulunduğu bilgisayarda sayfanız gerçekten C: diskinde ve Web dizininde ise, bazen mesele olmayabilir. Çoğunlukta ziyaretçiniz bir hata mesajı alacaktır. Sitenin durduğu dizin, Server açısından o sitenin kök dizinidir ve bütün diğer dizinler kök dizine göre göreli (relatif) olarak gösterilmelidir. Sayfanız, sitenizin içinde Web dizininde ise bu bağlantının doğru şekilde gösterilmesi şöyle sağlanır: <A HREF="./Web/ yenisayfa.htm"> </A>. Dikkat ederseniz, ters bölü işaretinin yerine düz bölü işareti kullanıyoruz.

Sitenizi arama motorlarına kaydedin

Sitenizi tanıtmadan, ziyaretçi beklemeyin. Günümüzde yaklaşık 900 milyon sayfa bulunan internette, sitenizden haberi olmayanların gelmesini beklemek hayalciliktir. Arama motorlarına, siteniz hakkında doğru bilgi ve anahtar kelimelerle kaydını yapınız. Ziyaretçi aradığı konuda karşısına çıkan listede sizin sitenizi de görecek ve bu yolla gelecektir. İnternette bir çok arama motoru mevcut olup en tanınmışları; Yahoo, Altavista'dır. Türkiye'de de bir çok arama motoru mevcuttur.

Sitenizi Top List'lere kaydedin

Özellikle kişisel siteler için Top Listler bulunmaz fırsattır. Top Liste üye olan sitelerin sahipleri ve sörf yapan kişiler, bu listeler vasıtası ile varlığınızdan haberdar olacaklardır. Bir kişi internette sitenize şu şekillerde ulaşabilir.
1 - Arama motorlarında konu arayarak.
2 - Top Listlerde sörf yaparak.
3 - Diğer sitelerde bir konuda sizin sitenize link verilmişse.
4 - Sitenizi daha önce gezmiş ve beğenmişse direkt olarak.
5 - Bannerinizi diğer sitelerde görmüşse.
Banner değişim gruplarına üye olun

Yukarıda açıklanan 5. madde, banner değişim gruplarına üye olmanız halinde gerçekleşir. Bir çok yerli ve yabancı banner üyelik grupları vardır. Bunlar, sitenizde başkalarının bannerini ücretsiz yayınlamanız şartıyla, o sitelerde de sizin bannerinizin yayınlanması prensibi ile çalışırlar. Böylece ücretsiz bir reklam dayanışması ortaya çıkar. O sitelerde gezen ziyaretçi bannerinizi görerek sitenize gelebilir.

E-maillerinizde adınızın altına sitenizin adını ve adresini de yazın

İnternette vazgeçemediğimiz bir unsur olan e-maili, sitenizin reklamını yapmak için kullanabilirsiniz. E-maillerinizin altına adınızla birlikte, site adı ve adresini de yazarak, mail gönderdiğiniz kişilere sitenizi tanıtmış olursunuz. Bunu, (kullandığınız e-mail programının otomatik imza özelliği varsa) tekrar tekrar yazmadan kolayca halledebilirsiniz.

İlginç ve yeni şeyler bulun

Sitenizde diğerlerinde olmayan yeni hizmetler sunmanız ziyaretçilerinizin artmasında büyük rol oynar. Bir konuda ne kadar az site hizmet veriyorsa o sitelere talep daha fazla olacaktır. Ama aynı konuda binlerce hatta milyonlarca site hizmet sunuyorsa, ziyaretçi sayısı da bölünecek ve en tanınmış olan siteler pastanın büyük dilimini alacaktır.

Tasarım ve içerik. Hangisi daha önemli ?

Tasarım ve içerik. Web sayfalarında ikisi de önemli olan unsurlardır. Tasarım ne kadar güzel olursa olsun, içeriği zayıf olan bir site hiç bir zaman başarılı olamaz. Oysa içeriği zengin olan bir site, tasarımı kötü de olsa başarılı olabilir. Tabiki en güzeli tasarımı da, içeriği de iyi olan bir site hazırlamaktır.
 

Elif Tekin

Üye
Kayıt
27 Haziran 2008
Mesaj
50
Tepki
0
ben de bir şey eklemek istedim hocalarımız bizi ne kadar çok uyardıysa biz de o kadar hata yaptık kod kısmında türkçe karekter kullanarak bence yeni başlayanlar bu uyarıyı dikate alsınlar yoksa çok buyuk karmaşalar çıkabiliyor :rolleyes::rolleyes::rolleyes:
 

Abdullah Şahin

Altın Üye
Altın Üye
Kayıt
3 Nisan 2008
Mesaj
2.630
Tepki
89
@bgirlelif

Çok haklısın elif. Türkçe karakter sorunu bi çok tasarımcının başının belası. O yüzden tasarıma başlamadan önce ilk dikkat edilecek konulardan biride bu.
 

Abdullah Şahin

Altın Üye
Altın Üye
Kayıt
3 Nisan 2008
Mesaj
2.630
Tepki
89
Yorumlarınız için teşekkürler arkadaşlar .

Ayrıca Türkçe karakter problemi yaşamamak için html kodlarınız içerisine aşağıdaki meta tag ı yerleştiriniz.

<TITLE> yani site başlığınızdan sonra mutlaka

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">

ekleyiniz. Göreceksiniz ki Türkçe karakter problemi ortadan kalkmış :)
 

fd234

Üye
Kayıt
15 Temmuz 2009
Mesaj
2
Tepki
0
hocam ben amatorce web tasarım işi ile ugrasıyorum.cok da anlamam ama bi program sayesinde kolayca yapıyorum.text eklerken fontlarda türkçe karakter sorunu gözükmüyor ancak uygulma yaptıgımda tüm hepsi hatalı duruyor bana sade bı dılle anlatırmısınız web site x5 programı ıle yapıorum

tesekkur ederım
f.d
 
Yukarı Alt