Tasarım yaparken hangi programları kullanıyorsun diye sorular alıyorum bazen. Fazladan bir program veya hizmet kullanmadığımı, klasik tasarım programları kullandığımı söylüyorum. Herkese tek tek bunları anlatmaktansa günce üzerinde yazmayı daha uygun buldum. Hatta iyi bir mim konusu olabileceğini düşünerek yazımın sonunda bazı arkadaşlarıma pasta atacağım. Belki böylesi daha iyi olur. İnşallah pas attığımız arkadaşlar güzel yorumlarıyla geri dönerler.

Şimdi, gelelim listemize. Herşeyden önce tasarımda kullandığım vazgeçilmez program Photoshop. Grafik tasarım işlerimi hatta işlerimin çoğuna başlangıcımı Photoshop ile yapıyorum. Yakın bir zamana kadar Photoshop’un 7.0 versiyonunu kullanıyordum. Şu sıralar Photoshop CS yani 8.0 kullanıyorum.

Tasarım editörü olarak Dreamweaver 8 kullanıyorum. Her ne kadar Dw sadece bazı noktalarda bana yardımcı olsa da hızlı yetiştirmem gereken işlerde hep kazanç sağlıyor. Bununla birlikte basit veritabanı ve Php işlemlerimi de sağolsun Dreamweaver hallediyor. Şayet ileri düzey bir veritabanına ihtiyacım varsa mutlaka veritabanı şemasını çıkarabilmek için EMS Mysql Manager kullanıyorum.

Animasyon ve basit navigasyon işlerimde Flash 8 kullanıyorum. İtiraf edeyim Flash bilgim o kadar iyi değil. Sadece kendime yetecek kadar biliyorum. (En azından bir top çizip havaya atıp yere indirebiliyorum :) Olsun ileride mutlaka kendimi bu alanda biraz daha fazla geliştireceğim.

Metin editör olarakta her zaman söylediğim gibi Notepad++ kullanıyorum. Bu harika editör 3 yıldır hayatımda ve bir daha kopamadım. Her format sonrası mutlaka ilk kurduğum programlardan birisi oluyor. Özellikle Css ve Xhtml kodlama yapan birisi olarak benim için büyük kolaylık sağlıyor. Unutmadan bir de Free Css Toolbox programı var. Css kod yazanlar için bire bir. Ancak ben kopyacılık olmasın hem de hazıra konmayayım diye bu programı pek tercih etmiyorum. Şayet işin acil teslim edilmesi gerekiyorsa belki kullanırım.

Tüm bunlarla birlikte Php/Mysql sunucu olarak Wampserver‘ı, FTP işlemlerim için FileZilla‘yı, Tarayıcı olarak (tabi ki) Firefox‘u kullanıyorum. Firefox’ta tasarımlarıma yardımcı olan en büyük yardımcımsa Aardvark eklentisi.

Tabi kod yazarken veya Photoshop’ta çalışırken mutlaka Winamp açıktır ve bir Trance parça eşliğinde önce tasarıma sonra uçmaya geçilir :) Bu da işin güzel tarafı ne diyeyim.

Evet tasarım yaparken başlıca kullandığım programlar bunlar. Şimdi gel gelelim paslarımıza;

Yakuter, Dmry, SiberKültür ve Oceangray… Hadi bakalım top sizde :)

(SON SÖZ: Kimi zaman gerçek bir tasarım ortaya koyabilmek için bir iki program yeterlidir. Ancak ilhamınız yoksa isterse onlarca yardımcı programınız olsun bunların hiçbiri bir işe yaramaz!

Güzel günlerde görüşmek dileğiyle…)

Web tasarımı ve teknolojileri ile ilgilenen kişilerin takip etmesi gereken 127 sitenin Rss besleme adresleri tek bir alanda toplanmış. Dilerseniz sıkıştırılmış dosya formatında da indirebiliyorsunuz.

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.

Gönderinin Devamını Okuyun…

Bir web sitesi sahibi olurken birçok zorlukla karşılaşırız. Nasıl bir tasarım şekillendireceğiz, nasıl bir programlama altyapısı kullanacağız ve de belki en önemli sorun iyi bir hostu nasıl bulacağız?

Web hosting pazarının yurtdışında ülkemize oranla çok daha gelişmiş olduğu bilinen bir gerçek. Birçok yabancı hosting firması ülkemizdeki host firmalarının neredeyse dörtte biri fiyatına hizmet vermekteler. Tabi bu fiyatı verirken hosting firmasının güvenilir oluşu ve Amerika, Avrupa gibi bölgelerde internet hızının yüksekliği de gözönüne alınmalı. Birçok hosting firması kullanıcılarına (müşterilerine) sınırsız alan ve bant genişliği (bandwith) imkanı sunuyor. Bir kullanıcı sınırsız alanın ne kadarını kullanabilir bu bir tartışma konusu ancak yine Amerika ve Avrupa’da internet kültürünün ve dolayısya hızının gelişmişliğini hatırlatmak istiyorum. Söz gelimi Dreamhost sınırsız alan ve bantwidth hizmetini 22 dolara veriyor (kupon kullanmanız gerekiyor eger alışveriş sırasında coupon code yazan yere  Savemaxnow yazarsanız 97$ indirim saglıyor). Bunun gibi sadece Dreamhost’un değil birçok firmanın indirim ve kuponları var ve müşteriler dilerse bunları kullanabiliyorlar.

Türkiye’de yabancı hostingler artık daha fazla ilgi görmeye başladı. Tabi yabancı hostingler konusunda bir karşılaştırma, görüş okuma, düşünce alma sürecinden geçmeden host almak tehlikeli bir iş. Zira güvendiğiniz web hosting firmasına web sitenizin tüm dosyalarını teslim ediyorsunuz ve yayın yapıyorsunuz. Aksi bir durumda host seçiminizin yanlış olduğunu anladığınızda bazen iş işten geçmiş olabiliyor. (Başıma gelmedi değil hani)
Gönderinin Devamını Okuyun…

Yeniden merhabalar. İnternette rutin gezintilerimi yaparken bir sitede kısa bir makale gördüm. Wordpress’te yazılan tüm yazıların sayısını ve alınan tüm yorumların sayısını gösteriyordu.

Hemen kodu alıp test ettim yerel bilgisayarda gayet güzel çalıştı. t’infection.com’a da sağ alanda Rss besleme bağlantısının altına koydum. Aslında bu uzun yöntem. Bu işi yapan birçok eklenti var. Ancak eklenti kurma yükleme gibi dertlerle uğraşmadan bunu yapabilmek sanırım işin kısa yolu. Dilerseniz aşağıya kullandığımız kodu ve kaynağımızı yazalım.
Gönderinin Devamını Okuyun…

Yeniden merhabalar. Ne zamandır sitenin görünümünü değiştirmeyi istiyordum. Okul, iş, güç derken bir türlü adamakıllı ilgilenme fırsatı bulamamıştım. Bu haftasonu boş kalmanın vermiş olduğu dayanılmaz cazibe ile oturup v4 çizgisini bozmadan bir tasarım hazırladım.

Gördüğünüz üzere sağ alanda artık bir tab menümüz var. Tab menü olarak burada yer alan scriptten yararlandım. Bununla birlikte sitenin genişliğini 900px’den 920px’e çıkardım. Sidebar alanının biraz daha geniş olmasını istediğim için bu değişikliği yaptım. Header alanında ise biraz Photoshopla oynayarak yukarıda gördüğünüz header resmini elde ettim. Yalnız siteye ait sayfalar ve rastgele içerik vazgeçemediğim kısımlar olduğu için headerda Css ile bir alan daha oluşturup bunları oraya yerleştirdim. Geri kalan alanlarda pek bir değişiklik olmadı. Bir nevi makyaj yaptık denilebilir :)
Gönderinin Devamını Okuyun…

Efendim Rss okuyucuma düşen bir gönderide şahit oldum. Hasan Yalçın usta sitesinde duyurmuş ve giriş kısmında şu cümlelere yer vermiş;

Yetenekli tasarımcılar için paslanmış mouse’ları parlatma vakti! Süper menüler tasarlıyoruz üstelik birinci olan Botégo sponsorluğunda harika bir de ödülün sahibi olacak. Detaylar ise bir tık ötede!

Efendim, olay şudur ki bilgisayarımızın güzide programı Adobe Photoshop’u açıp bir menü tasarlıyorsunuz. Bu tasarladığınız menüyü belirlenen adrese gönderiyorsunuz ve daha sonrasında belirlenen jüri tarafından değerlendiriliyor. Detaylara burda girmeyeceğim. Hasan Yalçın’ın buradaki yazısından ayrıntılara ulaşabilirsiniz.

Botego sponsorluğunda yapılan bu yarışmada birinci gelen kişiye 160gb bir harici disk ödül olarak veriliyor. İlk 3′e giren kişilerin de çalışmaları sitede yayınlanacakmış. Daha öncesinde yapılan benzer yarışmalarda ne gibi aksilikler yaşandığını biliyoruz. Ancak Hasan Yalçın ve Botego’ya güvenimiz tam.

Hadi bakalım çalıştırın Photoshop’u… :) Detaylar…

Aslında başlığa bakıpta çok yeni bir tasarım yaptığımı sanmayın. v4 çizgisinden kopmadan bazı minimal değişimlere giriştim tema üzerinde. Önceki tasarıma nazaran resimsel öğeleri daha az kullanmaya (hatta hiç kullanmamaya) gayret ettim. 900px genişliğe siteyi oturttum ve ana içerik alanı ve sidebar alanını biraz daha geniş tuttum. Etiket bulutu ve önceki sürümdeki footer alanı beni fazlasıyla rahatsız etmeye başlamıştı. Bunları da en iyi şekilde bir Tab menü ile birleştirebilirim diye düşündüm. Footer alanını mümkün olduğunca kısa tuttum ve sayfanın daha az yer kaplamasını sağladım.
Gönderinin Devamını Okuyun…

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.
Gönderinin Devamını Okuyun…

Web tasarımı söz konusu olduğunda mutlaka Form’lardan bahsedilir ve kullanılır. Çünkü web formları (her türlü formdan bahsediyorum) ziyaretçiden bilgi alma, bilgi aktarma, sonuç döndürme, bilgi girişini sağlama gibi görevler üstlenirler. En basit haliyle bir “İletişim Formu” bile sitenizdeki ziyaretçinin size ulaşmasını ve düşündüğü konuda yazmasını sağlar.

Bu yazımızda sizlere bir iki küçük Css taktiği ile Web Formlarımızı nasıl daha güzel hale getireceğimizi anlatacağız. Tabi önce işin mutfak kısmından başlıyoruz ve Xhtml ile formumuzu yazıyoruz…
Gönderinin Devamını Okuyun…

Tamı tamına 2 yıl önce bugün sitemi büyük bir heyecanla açmış ve önümüzdeki günler için tatlı hayaller kurmaya başlamıştım. Şimdi bakıyorum da koskoca bir 2 yılı iyisiyle kötüsüyle tamamlamış oldum. Bu zaman zarfında kendi bildiğimiz kadarıyla tasarım ve web konusunda insanlara birşeyler aktarmaya çalıştık. Bunda kimi zaman başarılı olduk kimi zaman da kötü tepkiler aldık. Herşeye rağmen takipçilerimiz bu siteyi çok sevdiler ve Türk Blog Alemi’nde farklı bir yere oturttular.

t-infection.com’un 2. yaşını sizlere duyurmaktan büyük bir mutluluk duyarım. Tüm ziyaretçilerimize ve takipçilerimize en derin teşekkürlerimi sunuyor ve sözü fazla uzatmadan daha sonraki makalelerimizde görüşmek üzere sizlere veda ediyorum.

Volkan Karakuş nam-ı diğer Webthese

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.
Gönderinin Devamını Okuyun…

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.
Gönderinin Devamını Okuyun…