Web Tasarım TürkWeb Tasarımı, internet ve yazılım hakkında gönlümüzden geçenler

Bu konuda birden fazla css sıfırlama yöntemi var. Ben Css’in babasının ( Eric Meyer )  kullandığı yöntemi açıklayacağım.

Standart olarak margin ve padding özelliğini sıfırlamak yetiyor. Ancak bazen bu bile yetmiyebiliyor işte tam bu konuda gerçek css sıfırlama kodlarını kullanmakta yarar var.

Eric Meyer’in css sıfırlama kodları

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

Kullanımı

Yukarıda ki kodları css sayfanızın en üstüne yapıştırıyorsunuz. Bu şekilde tüm etiketler sıfırlanmış oluyor.

Planlama

İyi bir web sitesi önce iyi planlanmış olmalıdır. Her yönüyle planlanmalıdır. Sitenin hedef kitlesine göre rengi, biçimi gibi etmenler göz önünde bulundurularak sektör araştırması yapılmalı, hedef kitlesinin belirlenmesi gibi konular en ince ayrıntısına kadar planlanarak yapılmalıdır.

Tasarım

Ziyaretçinin web sitesinde vakit geçireceği süre sitenin tasarımı ile doğru orantıdadır. Yani bir ziyaretçi web sitesine girdiği anda önce tasarımına bakar daha sonra içeriği görüntüler. Tasarım konusunda web’te genelde yumuşak(soft) renkler kullanılır. Ziyaretçilerin içeriği hem kolay görüntüleyebileceği hem de navigasyonları sayesinde hızlı bir şekilde bilgi alabileceği türde olmalıdır. Kurumsal sitelerde, abartıya kaçılmamalı sade ve kullanılabilirlik göz önünde bulundurularak hazırlanmalıdır.

Yazılım

Web sitesi kullanıcıyla etkileşime geçmelidir. Sunucu kaynaklı veya bulunamayan sayfa sorunları kullanıcıyı olumsuz yönde etkiler. Kullancıyı doğru yönlendirecek navigasyonlar oluşturularak, hem kullanıcıyla etkileşime geçilmeli hem de kolaylık sağlanmalıdır. Öte yandan güvenlik konusunda en ufak taviz verilmemelidir. Yazılım güvenlik açığı bulundurmayacak şekilde hazırlanmalıdır.

Domain

İçerik ile ilgili bir alan adı(domain) seçilmelidir.  Alan adı çok uzun olmamalı ve akılda kalıcı olmalıdır.

Sunucu

Bulunduğunuz sunucu olabilecek saldırılara karşı temkinli olmalıdır. Hızlı olmalıdır.Periyodik aralıklarla sitenin yedekleri alınmalıdır.

Web Tasarımında hazır şablon kullanımı

Çevrede gözlemlediğim kadarıyla web tasarımı yapan ajansların bir bölümü hazır şablonlar kullanarak web sitelerini hazırlıyorlar. Bence bu tür ajanslar Türkiye’de internet ortamının gelişimize zarar veriyorlar. Muhtemelen mesleki etikten de bir haberdirler.

Ülkemizde web standartları yeterince önemsenmiyor. Her zaman için şu zihniyet var “Benim bir işime yaramıyor web standartları, müşteri ne anlar web standartlarından, ben siteyi yapar geçerim kareşim”. Bu zihniyetle hiç bir zaman profesyonel işler yapılamaz. Ancak belli seviyede işler çıkar.

Her iş kolunda olduğu gibi web tasarımda da belli standartlar var ve bu kurallara uymak zorundayız. Bir web sitesinin web standartlarına uygun olması, xHTML ve Css kod hiyerarşisinin düzgün yazılmış olduğunu bize gösterir.

Tasarımlar özgün olarak yapılmalı, proje planlamaları baştan sona ayrıntılı belirlenmeli. Hedef kitle analizi çıkartılmalıdır. Sitenin yazılım kısmında ise fonksiyonel olmalı ve güvenlik açığı olmamalıdır.

Bir sonraki yazıda iyi bir web sitesinin nasıl olması gerektiğini açıklamaya çalışacağız.