BU TASARIM NASIL YAPILDI?

Internet'te gezinirken Türkiye'deki AlfaRomeo'nun web sitesi gözümüze çarptý ve bu sayfalarda kullanýlan güzel tasarým oldukça hoþumuza gitti. Özellikle modellerden birinin özelliklerini tanýtmak için oluþturulan ve þekilde gördüðünüz sayfada oldukça güzel bir teknik kullanýlmýþtý. Tekniði uygulamak çok zor olmasa bile amacý çok iyi gerçekleþtiriyordu.

Sayfayý biraz incelediðinizde tasarýmýn üstte iki altta ise bir hücreden oluþan çerçeveli bir sayfadan ibaret olduðunu görüyorsunuz. Sol üst sayfada bir tablo oluþturularak buraya baþlýklar, sað üst çerçevedeki tabloya ise özellikler yerleþtirilmiþ. Sað çerçevedeki özellikler tablosu saða doðru uzayýp gidiyor, kullanýcý aþaðýdaki kaydýrma çubuðunu kullanarak tabloyu saða sola kaydýrabiliyor. Soldaki hücre sabit kaldýðýndan her bir baþlýðýn yanýnda özelliðin görülmesi kaidesi bozulmuyor.

Sol üst çerçevede bir tablo oluþturularak buraya baþlýklar,
sað üst çerçevedeki tabloya ise özellikler yerleþtirilmiþ.

http://www.alfaromeo.com.tr adresinden ulaþabileceðiniz bu sitedeki ilgili tasarýmý inceleyerek siz de sitenizde kullanabilirsiniz. Tablolarý marjinlerle birleþtirmek, çerçevede kaydýrma çubuðu kullanmamak gibi küçük kodlarý buradan öðrenebilirsiniz.