Bu yazıda web site temalarını web sitenizde nasıl ve ne amaçla kullanabileceğinizi anlatacak ve sizlerle bedava web site temaları paylaşacağım. Örnek olarak psd uzantılı web site temaları indirdiniz ve bu indirdiğiniz web site temalarını html sayfalarınızda kullanmak istiyorsunuz. Öncelikle kullanmak istediğiniz web site temasındaki resimleri kullanmak için ayrı ayrı kesmeliyiz. Bu işlem için imageready programını önerebilirim.Imageready programını açtıktan sonra programa kullanmak istediğiniz web site temasını sürükleyip bırakın veya file>>open butonlarını kullanarak web site temasını açın.

Daha sonra web site temasındaki kullanmak istediğiniz resimleri teker teker parçalayın. Bu aşamada önemli olan html sayfanızdaki tablo veya divlerin yerleşimini düşünerek resimleri ayırmaktır. Örnek olarak aşağıdaki resmi gösterebilirim.

Yukarıdaki örnekte menü kısmında genişliği 1px ve yüksekliği görünürdeki menü yüksekliğinde olan bir parça seçtim. Menü resminin tamamını seçmememin sebebi html sayfasında yapacağımız menüde arkaplan olarak sadece 1px genişliğinde bir resim kullanmamızın yeterli olacağıdır. Kullanacağımız bu 1px genişliğindeki arkaplan menü için oluşturacağımız tablo veya divin tamamnı kaplayacak ve kullanmak istediğiniz web site temasındaki gibi bir menü oluşacaktır. Örnekteki 2. parça iste sitemizde kullanacağımız logodur. Bu resmi arkaplan olarak kullanmıyacağımız için logonunu tamamını seçtim.

Sizde kullanmak istediğiniz web site temasını yukarıdaki örnekteki gibi tablo veya div yerleşimine göre parçalara ayırdıktan sonra file>save optimized as botunlarını tıklayıp kaydedin. Web site temasındaki resimleri parçalara ayırma işlemini bitirdikten sonra. Html sayfanızda resimleri tek tek tablo ve div kullanarak birleştirin. Bu işlemler size ilkbaşlarda zor gelebilir fakat kullanıp alıştıktan sonra zorlanmadan yapabilirsiniz.

Eğer indirdiğiniz web site temaları html halinde ise yukarıdaki işlemleri yapmanıza gerek yoktur. Direk olarak site tasarımınıza entegre edebilir veya bu web site temalarını hiç bir değişiklik yapmadan kullanabilirsiniz. Css kodlarından yararlanarak benzer bir tema yapabilirsiniz. Aşağıdaki download linkinden web site temaları indirebilirsiniz.

Web site temaları indir