GÖRSEL TASARIM İÇİN ADOBE PHOTOSHOP CC

Web Tasarım Programları Görsel Tasarım

Photoshop’un en güncel sürümüdür. Günümüzde web site arayüzlerinin imajları genellikle bu programla oluşturulur. (Hala bazı bloglarda ve web tasarım kursu müfredatlarında Fireworks ve Freehand yazdığını gördükçe “ya sabır” çekiyorum.)  Photoshop ilkin fotoğrafçılar için resim düzenleme programı olarak düşünülmüşse de  kullanım alanı genişledikçe özellikleri de artmıştır.  Bugün Photoshop ile başarılı gif, video, vektörel illüstrasyon ve 3d çalışmaları yapabilmek de mümkündür.  Web tasarım arayüz imaj tasarımında da en etkili ve gerekli programdır. Web ortamına uygun 72 piksel/inç ve RGB renk formatı ile çalışıp, görsellerinizin Ctrl+Alt+Shift+S ile çıktısını alıp kullanabilirsiniz.

KODLAMA İÇİN NOTEPAD + +

Web Tasarım Programları Kodlama

Notepad + +  editörü, hepimizin bilgisayarında olan bildiğimiz notepad programının gelişmiş versiyonudur. Ücretsizdir. Doğru eklentileri kullanırsanız HTML, CSS, PHP ve Java Script kodlarını bununla gayet güzel biçimde oluşturabilirsiniz. Çoğu eklenti “plugin manager” bölümünde listeleniyor.  Örneğin hızlı kodlar oluşturmanızı sağlayan Emmet ya da Zen Coding‘i veya div taglarını seçerek işinizi kolaylaştıran Html Tag gibi eklentileri kolayca yükleyebilir ve kullanabilirsiniz.  Ayrıca Notepad++ editörü FTP  ile sitelere bağlanarak, kod dosyalarını düzenlememize de imkan verir.

HTML arayüz çalışmaları için yukarıdaki iki program işinizi görür. Çünkü HTML dosyalarını, bilgisayarınızda da olsa herhangi bir web tarayıcısında kolaylıkla görüntüleyebilirsiniz. Fakat bunları PHP’ye dönüştürdüğünüzde görüntüleyebilmeniz için bir yerel sunucuya (localhost) ihtiyacınız olur.

YEREL SUNUCU İÇİN APPSERV

Web Tasarım Programları Yerel Sunucu

AppServ ile (Windows işletim sistemi kullanıyorsanız) PHP dili için ihtiyaç duyduğunuz Apache, MySQL ve phpMyAdmin‘i paket halinde bilgisayarınıza kurabiliyorsunuz. Ücretsiz, pratik ve kullanışlı bir localhost programıdır. Kurulumu ve kullanımına ilişkin bolca Türkçe kaynak bulunmaktadır.

TAVSİYE EKLENTİ: FIREBUG

Web Tasarım Programları Eklenti

Firebug Mozilla Firefox tarayıcısı eklentisidir. HTML, CSS, DOM ve Javascript’i incelemek ve hataları ayıklamak amacı ile yaratılmıştır. Bu eklenti sayesinde yayındaki ya da lokaldeki bir site arayüzünde bölüm seçerek CSS değişikliği yapabilir, yaptığınız değişikliği çift monitöre ihtiyaç duymadan eşzamanlı olarak görebilir ve hoşunuza giderse kopyalayıp kod dizinine yapıştırabilirsiniz. Kod tamamlama özelliği de olan Firebug, editör gibi kullanılabilmektedir. Firebug’ın  ‘lite’ sürümü Chrom, IE, Safari, Opera gibi diğer tarayıcılarda da kısıtlı özelliklerle çalışıyor.

Serdar SEZER

WEB TASARIM PROGRAMLARI yazısı ilk önce Serdar Sezer üzerinde ortaya çıktı.