Web Tasarımı İçin Programlar

CSS ve HTML konusunda çok iyi olmama rağmen, kodlama dillerinden çok fazla anlamam. CSS ve HTML için de piyasada çeşitli editör programlar var. Bunlar işi kolaylaştırıyor gibi görünse de aslında işi biraz yokuşa sürüyor.Yine de bazı programları kullanmadan web tasarımı yapmak veya kodlamak oldukça uzun bir süreç. İşte vazgeçilmez programlarımdan bazıları:

NOTEPAD2 YA DA NOTEPAD++

Ben en başından beri kodları elle yazarak öğrendiğim için bazı hazır editörlere (Dreamweaver, Frontpage gibi) pek ısınamadım. Windows ile yüklü gelen notepad adlı programcık aslında tüm kodlama işini görmeye yeter.  Notepad biraz ruhsuz durduğu için arkadaşlar aynı ruhu taşıyan ama daha gelişmiş ve kodları renkli olarak gösterebilen notepad benzeri bazı programlar üretmişler. Notepad2 oldukça hoş, kullanımı kolay bir kodlama editörü. Notepad++ daha gelişmiş özelliklere sahip. Benim tercihim Notepad++…

IETESTER

Web sitelerinin CSS kodlarını yazarken, bazen tarayıcılar arasında görüntü farkı oluşabiliyor. Özellikle IE6 ile çeşitli sorunlar yaşanabiliyor. Internet Explorer 6 oldukça eski bir browser olmasına rağmen, hala kullanıldığı için de tasarımları ona göre düzenlemek gerekebiliyor bazen. Tabi tasarımı ona göre düzenleyebilmek için de, önizleme yapabilme şansına sahip olmak gerekiyor. Eğer siz de benim gibi Windows Vista ya da Windows XP kullanıyorsanız, muhtemelen Internet Explorer 7 ya da 8 kullanıyorsunuzdur. Dolayısıyla daha eski Explorer sürümlerinde önizleme şansına sahip değilsiniz. İşte tam bu noktada IETESTER isimli şahane program çıkıyor karşımıza. Bu programla Internet Explorer’ın tüm sürümlerinde önizleme yapma şansına sahipsiniz. Program ücretsiz ve vazgeçilmezlerden.

TASARIM İÇİN FİREFOX EKLENTİLERİ

Firefox benim için vazgeçilmez bir tarayıcı. Çünkü ihtiyacım olan herşeyi eklentileri sayesinde karşılayabiliyorum. Özellikle web tasarımcılar için yazılmış oldukça kaliteli eklentileri mevcut. Bunların başlıcaları:

Web Developer
Bu eklenti ile girdiğiniz sitelerle ilgili bir çok bilgiye bakabilir ve gerektiğinde bu bilgileri kendinize göre düzenleyebilirsiniz.

Colorzilla
Bu eklenti sayesinde renk kodu bulmak sorun değil. Örneğin girdiğiniz bir sitede bir rengi çok beğendiniz ve o rengin kodunu merak ediyorsunuz. Colorzilla’ya haber verin derhal bulsun kodu sizin yerinize.

Firefug
Kodlarınızdaki tüm bugları bulmanızı sağlayan bu eklenti ayrıca yslow(sitenin performansınız ölçen) bir başka eklentiyle birlikte şahane bir uyum sağlar ve daha temiz ve hızlı çalışan kodlar üretmenize yardımcı olur.

PHOTOSHOP VEYA FİREWORKS

Web tasarımı için resim tasarlamak olmazsa olmazlardan değil tabi. Ama bazen tasarımda istenen görüntüyü elde etmek için resim kullanmak zorunda kalabiliyoruz. Bu yüzden de resim işleme, düzenleme programlarına ihtiyaç duyuyoruz. Benim vazgeçilmezim Photoshop. Daha önce Fireworks kullanıyordum ama Photoshop hem de kapsamlı hem de Photoshop içinde kullanabileceğiniz çeşitli fontlar, shapeler, filtreler veya fırçalar bulmak mümkün. Bunlar ücretli programlar. Ücretsiz versiyonu için açık kaynak Gimp isimli program da işimizi görür aslında.

FİLEZİLLA

Web sitesi tasarım ve kodlama işi bittikten sonra sıra dosyalarımızı sunucuya yükleme işlemine geliyor. Bunun için de bir FTP programı kullanmamız gerekiyor. Açık kaynak ve ücretsiz Filezilla bu iş için biçilmiş kaftan.

Benim temel olarak kullanadığım programlar bunlar.  Gerisi yaratıcılığa kalmış artık. Hayaldünyanız ne kadar genişse o kadar kaliteli tasarımlar oluşturabilirsiniz CSS, HTML ve PHOTOSHOP üçlemesiyle. Javascriptlerle de işi daha da profesyönelleştirebilirsiniz.