E-günce sahipleri çok iyi bilirler ki (özellikle tasarım ve teknoloji konularında yazanlar) makale yazmak, bir bilgiyi görsel ögelerle destekleyip ilgilere anlatmak çok zahmetli ve bir o kadar da dikkat gerektiren bir iştir. Bazı zamanlarda bu makaleleri (tutorial) kendimiz bulup uygulamak isteyebiliriz. Sizlere sürekli olarak kullandığım ve her zaman takıldığım konularda başvurduğum bir kaynağı tanıtmak istiyorum; Pixel2life.com

Pixel2life.com, aklınıza gelebilecek tüm konularda makaleler barındıran ve sizleri ilgili sayfalara yönlendiren bir derleme sitesidir. Photoshop, Dreamweaver, Flash, 3d Max, Illustrator, Inkspace ve daha birçok ana başlıkta makaleler derleyen site aynı zamanda Forum ve Developer alanına da sahip. Siteye dilerseniz üye olabilirsiniz ancak üye olmadan da sitenin tüm bölümlerinden yararlanabilirsiniz. Özellikle çoğu muadili sitede görülmeyecek biçimde ana kategoriler alt kategorilere ayrılmış ve böylelikle ziyaretçinin binlerce kaynak içinde kaybolması önlenmiş. Açıkçası her zaman kullandığım ve takip ettiğim bir kaynak. Sizlere de (özellikle tutorial arayan arkadaşlarıma da) şiddetle tavsiye ediyorum.

Tasarladığımız web sayfaları ve sitelerinde çoğunlukla resim değişim efektleri (image rollover) kullanırız. Bu efekti gerek Javascript yardımıyla gerekse de Xhtml ve Css bileşimiyle rahatlıkla web sayfalarımızda uygulayabiliriz. Bahsettiğimiz özellikte fare ile resmimizin üzerine gelindiğinde yine aynı boyutta başka bir resim ile resmimizin yer değiştirdiğini görürürüz. Bu yazımızda sizlere kısaca bu işi Adobe Dreamweaver ile nasıl yapacağımızı anlatacağız. Böylelikle çok kolay ve zahmetsiz bir biçimde sayfalarımıza image rollover efekti ekleyebileceğiz. Ayrıca bu teknik ile yapmış olduğumuz işlemde geçerli (valid) bir kod elde etmiş olacağız.
Yazının Devamını Göster ▼

Sitemin Header alanında ve yeni yazıların üzerinde stickerlar görüyorsunuz. Bu stickerları (etiket olarak Türkçe’ye çevriliyor) artık birçok web sitesinde görmeye alıştık. Web 2.0′ın bize sunduğu tasarım yeniliklerinden birisi de bunlar. Yeni haberlerimizi, yeni dosyalarımızı veya çarpıcı olduğunu düşündüğümüz birçok şeyi bu stickerlar sayesinde web sitemizden duyuruyoruz. Ben bu yazımda size sürekli kullandığım yöntem ile bu tarz etiketlerin nasıl yapıldığını anlatacağım. Başka yöntemlerde var ancak, Oval Köşeler yazımda belirttiğim kadar kolay ve zahmetsizce bu işi yapacağız. (Hemen belirtmekte fayda var Photoshop versiyonunuz ne olursa olsun bunu yapabilirsiniz, ben şahsen 7.0 kullanıyorum ve yükseltmeyi de aklımın ucundan geçirmiyorum)
Gönderinin Devamını Okuyun…

Web 2.0′ın en büyük getirilerinden birisi de “Oval Köşeler” (Rounded Corners) oldu. Hemen hemen her site bu oval köşeli dörtgen şekilleri kullanmaya başladı. Birçok yerde Photoshop ile oval köşeli dörtgenlerin nasıl yapılacağına dair makaleler bulmak mümkün. Ancak ben bu yazımda Photoshop’a başladığım günden bu yana kullandığım stili sizinle paylaşacağım. Yazının devamında ekran görüntüleriyle birlikte bu işlemi göstereceğim. Gerçekten çok kolay ve zahmetsiz.
Gönderinin Devamını Okuyun…