'Makale' Kategorisindeki Arşivi Görüntülüyorsunuz...
Photoshopla Kendi RSS İkonumuzu Yapalım

Rss beslemeler ve Rss beslemelere ait ikonlarımız neredeyse blog sitelerimizin vazgeçilmezlerindendir. İnternette hazır olarak bulunan birçok çeşit ve görünümde Rss ikonu bulunmaktadır. Ama kendi Rss ikonunuzu kendiniz yapmaya ne dersiniz?
Bu makalemizde Photoshop kullanarak çok basit bir iki adımda kendi Rss ikonumuzu yapacağız. Bunun ihtiyacımız olan tek şey Photoshop. Hadi başlayalım!
(NOT: Sitemizde elimizden geldiğince Photoshop makaleleri yayınlıyoruz ama bir Photoshop kategorimiz bile yokmuş, ben de bir tane oluşturuverdim. Photoshop isimli kategorimizin ilk yazısı bu oluyor böylelikle :)
Peki Nedir Bu SEO Denilen Şey?
Neredeyse arama motorları hayatımıza girdiği dönemden bu yana bir kavram bizi peşinden sürüklüyor; SEO! Her daim karşımıza çıkan, yapılıp yapılamadığı sorgulanan, yapmayanların bir yerde resmen kınandığı (!), hatta işi biraz daha ileri götürüp “uzmanlarının” bile türediği SEO denilen şey nedir acaba?
Klasik tabirle anlatmak gerekirse Search Engine Optimization denilen bu kavram Arama Motoru Optimizasyonu olarak dilimize çevrilebilir. Peki buraya kadar herşey güzel. Arama motoru optimizasyonu olduğunu biliyoruz ancak ne kadar gerekli, ne şartlarda kullanılır, kullanılabilir veya gerçekten nedir bu SEO? (Amacım SEO yapmak değil bilakis elimden geldiğince, bildiğimce anlatmak zira ben “seo uzmanı” değilim ki size Seo yapayım, of metin içinde ne kadar çok geçti bu seo… :)
Xhtml/Css Horizontal (Yatay) İkon Destekli Menü Tasarımı
Yeniden merhabalar. t’infection.com’da birkaç kez Xhtml/Css bileşimine sahip menüler yapmış ve sizlerle de nasıl yapılacağını paylaşmıştık. Bu makalemizde yine bir menü tasarımını birlikte oluşturacağız. Ancak bu sefer ki menümüz diğerlerinden biraz daha profesyonel olacak. Zira bu menümüzde Xhtml/Css’den daha iyi faydalanacak, menümüzü ikonlarla destekleyecek ve W3C standartlarına uygun bir kod yazımı elde edeceğiz.
Menümüzün yapısal tasarımını hazırlarken Html’de çokça kullandığımız Ul ve Li etiketlerinden faydalanacağız. Bu etiketlerin yazılımını düzgün bir şekilde yaptıktan sonra Stil dosyamızla bu etiketlerin değerlerini düzenleyeceğiz. Her zaman olduğu gibi Xhtml kodumuz gayet basit olacak, görünümümüzü de Css kodlarımızla şekillendireceğiz. Menümüzü oluşturmak için klasik olarak yine ihtiyacımız olan şey boş bir editör sayfası. Ben yine sizlere Notepad++ tavsiye edeceğim. Tabi klasik alışkanlarımızdan vazgeçemiyoruz, siz yine de kendi editörünüzü kullanmaya devam edin. :) Sözü fazla uzatmadan hemen menümüzü yapmaya başlayalım.
Wordpress Temamıza Özel 404 Sayfaları Yapmak
Efendim, yeniden selamlar. Uzun süredir Wordpress konusunda t’infection’da bir makale yazmamıştık. Bu uzun aranın ardından Wordpress’te üzerinde çokta durulmayan bir konuda sizlerle kısa bir makalemizi paylaşacağız.
Wordpress hepimizin bildiği üzere gelişmiş özellikleriyle birçok alanda üzerinde değişimler yapabildiğimiz bir yazılım. Bu müdahaleler o kadar gelişmiş ki Wordpress üzerinde kendi özel hata sayfalarımızı yani diğer bir deyişle 404 hata sayfalarımızı oluşturabiliriz.
Tema dizinimde 404 sayfası bulunmuyor, nasıl oluşturabilirim?
404 Hata Sayfası bildiğiniz gibi web siteniz üzerinde var olmayan bir sayfaya veya kayıp bir URL’ye ulaşmaya çalıştığımızda karşımıza çıkan sayfalardır. Wordpress üzerinde kullandığımız temaların büyük bölümünde 404.php isimli Php dosyası bulunmaktadır. Bu dosya yoksa bile aşağıda yer alan kod bölümünü boş bir .php dosyasına 404.php ismiyle kaydederek tema dizinine atıp kendiniz oluşturabilirsiniz.
Dreamweaver ile Veritabanı Bağlantısı Kurma

Merhabalar, daha önce de sitemizde Dreamweaver ile ilgili bir takım makaleler yazmıştık. Şimdi bunlardan bir başkasını da sizlerle paylaşıyoruz. Bu makalemizde Dreamweaver ile hali hazırda kullanmış olduğumuz bir local sunucu üzerinde barınan veritabanına nasıl ulaşabileceğimizi anlatacağız. Ancak makalemize başlamadan önce kullanmış olduğunuz local sunucu yazılımını açıp (Wampserver, Xampp, PhpTriad, EasyPhp gibi) Dreamweaver’da bir site tanımlamış olmanız gereklidir.
Şimdi uygulamamıza geçelim, öncelikle Dreamweaver üzerinde bir Php doküman açalım. Daha sonra Window menüsünden Database bölümüne tıklayalım. Dilerseniz Ctrl+Shift+F10 kısayol tuşuyla da bu bölümü görebilirsiniz. Yan menüde (şayet yan menünüz açıksa) Application başlığı altında bölümü görebilirsiniz.
Photoshop’ta Dolgulu Yazı Oluşturma

Merhabalar, başlığın oldukça itici olduğunun farkındayım. Ancak yazmak istediğim makale ve uygulamaya başka bir isim bulamadım inanın. (Web’de yaptığım araştırmada bu tarz uygulamalara Glossy Text deniyor ancak tam olarak sizlere Glossy Text’i anlatmayacağım, ismini bilen bir dostumuz yazarsa çok sevinirim :)
Yazımızın giriş kısmında örneğini gördüğünüz üzere bu tür metin efektleri Web 2.0′ın bir tasarım özelliği olan “gradient” kullanımıyla mümkün. Kullanacağımız metinlere Photoshop’ta vereceğiniz “Gradient Overlay” efekti ile bu tarz yazı stillerine sahip olabiliriz. Kaldı ki yeni nesil web sitelerinde bu tarz yazıları sıkça görmekteyiz. O halde sözü fazla uzatmadan uygulamamıza geçelim.
Dreamweaver ile Hızlı Menü (Jump Menu) Yapımı

Daha öncesinde sitemizde Dreamweaver ile ilgili birkaç makale yazmıştık. Bu makalemizde de Dreamweaver ile çok basit bir iki adımla nasıl Hızlı Menüler (Jump Menu) oluşturacağımızı anlatacağız. Hızlı menüler birçok web sitesinde gördüğümüz bir uygulamadır. Sitenizin tüm alt bölümlerine verilen hızlı bağlantılar sayesinde ziyaretçileriniz menülerin ve navigasyonların içinde kaybolmadan gitmek istedikleri sayfaya ulaşabilirler. (Özellikle kurumsal web sitelerinde çokça kullanılan bir uygulama olduğunu görebilirsiniz)
Makalemize başlamadan belirtmek isterim ki bu uygulamayı ben Dreamweaver 8 üzerinde geliştiriyorum. CS3 kullanan arkadaşlar da yine aynı şekilde menülerini oluşturabilirler.
Dreamweaver ile Site Tanımlama

Dreamweaver, piyasada bulunan benzerlerine göre birçok işlevi ve özelliği ile diğer web tasarım editörlerinden ayrılıyor. Belki de bu denli çok tercih edilmesinin ve profesyonellerce kullanılmasının sebebi budur. Geliştirilen özellikleri ve eklentileri ile Dreamweaver, MX serisinden bu yana birçok web tasarımcısının gözdesi.
Bu makalemizde sizlere kısaca Dreamweaver’ın bir başka özelliği olan “Site Defination” dan bahsedeceğim. Site Tanımlama olarak Türkçemize çevirebileceğimiz bu fonksiyon sayesinde Dreamweaver ile tasarım işlerimizi biraz daha kolaylaştıracağız ve hızlanacağız. Dilerseniz hemen konumuza geçelim.
Photoshop ile Basit Bir Navigasyon Uygulaması

Herkese selamlar, Photoshop Uygulamalarına elimizden geldiğince sitemizde yer vermeye çalışıyoruz. Bu makalemizde de bunlardan birine yer vereceğiz. Basit Photoshop uygulamalarıyla sitelerimiz için rahatlıkla birkaç adımda oluşturulabilecek butonlar ve navigasyonlar yapabiliriz. Aslına bakılırsa yukarıdaki navigasyonu 1-2 dakika içinde oluşturmak hiçte zor değil. Şimdi dilerseniz hemen nasıl adımlar izleyeceğimizi ve navigasyonumuzu nasıl şekillendireceğimizi anlatalım.
Photoshopla Gerçekçi Yağmur Efekti
Efendim yeniden merhabalar. Aşağıda birazdan okuyacağınız makaleyi ben yazmadım. Perfectgate.net sitesinden C-Nem yazmış. Sitede okuyunca hoşuma gitti. Yayınlamak için izin istedim ve sağolsun iznini aldım.
Bu yazımızda bir resme yağmur efekti uygulayacağız. Kaynak bir resmin üzerinde yapacağımız bir iki basit Photoshop efekti ile yağmur yağıyormuş izlenimi uyandıracağız. Dilerseniz hemen makalenin devamına geçelim.