Her web tasarım  projesinde webmaster için yapılacak işlerin listesi uzar gider. İster elinizde  Adobe Photoshop ya da Fireworks gibi profesyonel araçlar olsun yapılacak işler zaman alır ve bazen yorucu olur. Webmaster’lar için her web tasarım projesinde kullanabilecekleri ve ücretsiz  online araçların listesi.

ColorCombos

Web tasarım için herşeyden öncesi renkler konusunda karar vermeniz gerekir. ColorCombos binlerce farklı renk kombinasyonundan seçim yapmanızı sağlıyor.

 ColorCombos web sitesi 

ColorExplorer

Bir diğer renk düzenleme sitesi de ColorExplorer. Resimlerden renk paleti oluşturma özelliği ise ilginç.

ColorExplorer Web Sitesi

LIpsum

Popüler olan ‘Lorem Lipsum’  kelimesini kim bilmez ki :) Bu metin gerçek bir metnin simulasyonu için dünya genelindeki tüm webmaster’lar tarafından kullanılır. LIpsum.com ihtiyacınız olan paragrafı hızlı ve basit biçimde oluşturmanızı sağlar.

What the font

Elinizdeki logo ile web sitesi tasarımı yapmak eğlencelidir. Eğer aynı fontu web sitesi tasarımında kullanmak isterseniz saatlerce font aramak zorunda kalabilirsiniz. What The Font, logo imaj dosyasını yükleyerek o logonun hangi font ile hazırlandığını bulmanızı sağlayan faydalı bir araç.

 What the font web sitesi

converticon

Her web sitesinin favori ikonu olması gerekir, çünkü Firefox gibi modern tarayıcılar bu ikonu adres satırının solunda göstermektedirler. Favori ikon png formatı dahil her formatta olabilir. Ancak Internet  Explorer için bu halen geçerli değil. Ancak ne mutlu ki ConvertIcon ücretsiz servisi ile .ico formatına dönüştürmeniz çok kolay.

ConvertIcon Web Sitesi

bgPatterns

Web tasarım trendlerinde yükselen arka zemin desenleri konusunda kolaylıkla arka zemin oluşturabileceğiniz ücretsiz bir web sitesi.

bgPatterns Web Sitesi

HtmlEncoder

Web sitenizde HTML kodu gösteriyor musunuz ? HTML kodunu web sitesinde gösterme sıkıcı bir işlem haline gelir. < sembolü yerine &lt; girmeniz gerekir. HtmlEncoder bu işlemi sizin için kolalca yapıveriyor. Tabii isterseniz tersini de gerçekleştirebiliyorsunuz.

HtmlEncoder Web Sitesi

Test Everything

Hazırladığınız web tasarımının standart kodlarla uyumluluğunu taramak istediğinizde ya da pagerank değerini öğrenmek istediğinizde buna benzer 100 farklı aracı bulunan Test Everything imdadınıza yetişiyor.

Test Everthing Web Sitesi

Sprite Generator

CSS sprite gerçekten de müthiş bir teknik, çünkü HTTP talebini azaltıyor. Ancak yeni başlayanlar webmaster’lar için işlemleri zor ve zaman alıyor.

Harika Sprite generator’a imajlarınızı zip dosya içerisinde gönderiyorsunuz ve Sprite Generator da size sprite olarak ayarlamaları ve css kodunu döndürüyor.

Sprite Generator Web Sitesi

Buttonator

Web sitesi tasarımı düğmelerle ile iyi görünür. Eğer havalı düğmeler oluşturmayı bilmiyorsanız ya da web tasarım konusuna yeni başladıysanız Buttonator sizin için harika bir araç olacak.

Buttonator Web  Sitesi

LoadImpact

Popüler web sitelerinin ana sayfalarının çöktüğünü görmüşsünüzdür.  Ücretsiz Load Impact servisi web sitenizin  ziyaretçi artışındaki testlerini yapıyor.

Load Impact Web Sitesi 

IconFinder

İyi görünümlü kaliteli ikonlar her web sitesi tasarımının ihtiyacı. Ücretsiz ikon servisi Iconfinder ile aradığınız kelimelerdeki ikonları kısa sürede bularak indirebiliyorsunuz.

IconFinder Web Sitesi

TypeTester

Font’ların web tasarımınızda nasıl görüneceğini belirlemek titiz bir işlemdir.Neyse ki TypeTester bu konuda size yardımcı oluyor. Kesinlikle zaman kazandıran bir araç.

TypeTester Web Sitesi

Css Tidy

Profesyonel webmaster’lar ve web programcıları CSS kodlarının optimizasyonuna ihtiyaç duyarlar. Css Tidy ücersiz online uygulaması, hataları bulan ve  optimize eden bir araç. Örneğin gereksiz tanımlamaları ya da genel css hatalarını otomatik bulabiliyor.

CSS Tidy Web Sitesi

Contact Forms Generators

Her web sitesinin en önemli parçalarından biri de formlardır, çünkü kullanıcıların ya da ziyaretçilerin sizinle etkileşimli iletişime geçmelerini sağlarlar.  Contact Form Generator’ü kullanarak zamandan tasarruf ederek formlarınızı PHP, ASP yada Perl scriptleri ile birlikte oluşturabilirsiniz.

Contact Form Web Sitesi

Bir web sitesinde günümüzün teknolojisi ile olması gereken özellikler, web sitesinin başarısı ile orantılıdır. Gerçekte web tasarım söz konusu olduğunda çok az konuşulan bu standart web sitesi için hayati önem taşımaktadır.

HTML,CSS Web tasarım

HTML ve CSS günümüz web sitesi tasarım teknolojisinin temel yapıtaşlarıdır diyebiliriz. Görsel olarak düzenlemede kullanılan bu 2 teknoloji kodlaması aynı zamanda arama motoru optimizasyonu (SEO) daha genel anlamıyla web sitesi optimizasyonu için olmazsa olmaz gereksinimlerdir.

Navigasyon

Başka bir değişle site içerisinde gezinme kolaylığı. Web sitesinin kullanılabilirliği. Ziyaretçilerin web sitesinde aradıklarını bulabilecekleri kolay bir menü sistemi ve site içi link yapısı. Navigasyonu başarılı olan bir web sitesi ziyaretçileri tarafından daha uzun süre ziyaret edilir.

Tarayıcı Uyumluluğu 

Pek çoğumuz hala Internet Explorer kullansa da artık internette daha fazla tarayıcı var. Firefox, Opera, Safari, Chrome bunlardan bazıları. Hatta IE bile 6,7 ve son olarak 8 sürümü ile oldukça farklılılar ve gelişmeler içeriyor. Bütün bu tarayıcıların zaman zaman birbirlerinden farklı olarak HTML & CSS yorumlaması olabiliyor. IE6 hataları zaten bilinen bir gerçek. En iyi web tasarım standartlarında tarayıcı uyumluğu vazgeçilmez bir nokta.

Standart Kodlama

HTML ve CSS teknolojisini kullanan pek çok site var. Peki bu siteler gerçekten bu teknolojilerin doğru olarak kullanılması ile oluşturulmuş mudur ? Başka bir deyişle standart kodlama yapılmış mıdır ? Bu sitenin alt bölümünde göreceğiniz gibi W3C validator ile web sitelerini tarayarak bu standartlar ile olan uyumu test edebilirsiniz. Bu standartlarda yapılan kodlama tarayıcı uyumluğu ve SEO için önemli temel bir adımı atmış olacaktır.

Kaliteli ve doyurucu içerik

Sonra bırakarak daha az önemli olduğunu düşünmeyelim. İçerik bir web sitesinin en önemli parçasıdır. Konumuz 'en iyi web tasarım' standartları olduğu için bu sıraya koydum. İçerik konusu web tasarımından daha önemlidir. Asla bir kenara bırakılmamalıdır. Bir web sitesinde ziyaretçiler için doyurucu bir içerik, daha çok geri dönen ziyaretçi demektir. Yetersiz içerik ile bir defa uğranan ve bir daha uğranmayacak bir web sitesine sahip olursunuz. Bazılarının dediği gini : içerik kraldır.

SEO - Arama motoru optimizasyonu

'En iyi web tasarım' standarlarımızda SEO önemli bir yer tutuyor. Arama motorlarında ilk sıralarda çıkmak için yukarıdaki özelliklerin olduğu web sitesinin iyi bir SEO çalışması yapılmış olmalıdır. SEO çalışması ile web siteniz ilk sıralarda yer alarak daha çok ziyaretçi web sitenizi ziyaret eder.

Fonksiyonellik - CMS

Eğer web sitesi içeriği sık sık güncellenecekse CMS (Content Management Systems - İçerik Yönetim Sistemleri) altyapısına sahip olmalıdır. Ürünlerinizi, iletişim bilgilerinizi dilediğiniz zaman güncelleyebilir, kampanyalarınızdan ziyaretçilerinizi bilgilendirebilirsiniz.

İmaj ve Marka

Web siteniz vitrininizdir. Eğer 'potansiyel' müşteriniz olan ziyaretçiniz, web sitenizi  ve içeriğini beğenirse web sitenize tekrar tekrar uğrayacaktır. Sipariş verecek, sizi web sitenizden takip edecektir. Bu nedenle web sitenize sunduğunuz içerik ile ilgili olarak doğru bir duruş sergilemeli, iyi bir sunuş yapmalısınız. Web sitenizde yapılacak imaj çalışması sizin online dünyadaki başarınızı katkı yapacak önemli bir etkendir.

Bu makale http://www.erkasoft.com/web-tasarim/2009/06/antalya-web-tasarimi.aspx adresine taşınmıştır.