WEB YAYINCILIĞI ARAÇLARI

Bu yazılım, basit düzeyde ve temel HTML etiketleri ile oluşturulabilecek Web tasarımı uygulamalarında rahatlıkla kullanılabilir. Doğaldır ki, Notepad ile ileri düzey ve profesyonel anlamda nitelikli Web sayfaları tasarlanması çok olanaklı değildir.

Notepad++, kısıtlı genel kamu lisansına sahip (GPL – General Public License), açık kaynak kodlu, ücretsiz bir kod editörüdür. Yazılım, C++ dili ile geliştirildiğinden isminin sonunda aynı karakterler kullanılarak Notepad++ adını almıştır.

Notepad++’ın tasarımcılara sağladığı önemli bir olanak, yazılan her şeyin bir satır numarası ile temsil edilmesi ve etiketlerin başlangıç ve bitiş bloklarının görsel olarak tasarımcıya gösterilmesidir.

CoffeeCup, basit HTML etiketleri ile Web siteleri yaratmanın çok daha ötesinde, gelişmiş düzeyde dinamik HTML içerik geliştirmeye, stil sayfaları oluşturmaya, Javascript kodları yazmaya ve daha birçok Web tasarım işlemini ortaya koymaya yardımcı araç ve şablonlar içeren görsel tasarım editörüdür.

CoffeCup hızlı başlangıç penceresinde temel sayfa ayarlarının gerçekleştirilmesine ilişkin HTML etiketlerinin görsel olarak gruplandığı 3 ayrı bölüm yer almaktadır. Bunlar;

HTML-Kit menü çubuğu altında dosyalama, düzenleme, görünüm, araçlar, işlevler gibi birçok işleme hizmet için alt menüler bulunmaktadır.

Sayfaya Web bağlantısı (link) ekleme:
i. HTML editörü ile çalışırken hazırlanmakta olan Web sayfasına bağlantı (link) eklenmesi işleminde öncelikle imleç sayfa üzerinde istenen yere konumlandırılır.
ii. Bağlantı eklemek için kısayol menüsünde yer alan “Objects” menüsü içerisinde bulunan (anchor) butonu seçilir ve tasarım sayfasına yazılan html kodlarının yanına bağlantı yapmak istediğimiz sitenin web adresi yazılıp, daha sonra adrese erişim için gerekli açıklama yazısı yapılmaktadır.

Ana ekran üzerinde yer alan [File] menüsünü ve sırasıyla bu menü altında yer alan [Upload a Server], [FTP Account ] ve ardından [Add or Edit Servers…] komutları seçilir.

HTML-Kit ile hazırladığımız web sayfalarını yayımcı
sunucuya aktarmak için menü çubuğu içerisinde yer alan “Workspace” alt menüsü içerisinde bulunan “Upload” alanını tıklayarak dosya aktarım işlemini gerçekleştirebiliriz.

En iyi ve ücretsiz 10 Web Tasarım Aracı şunlardır:

Kullanımı kolay, ücretsizdir.

Yazılım, C++ dili ile geliştirildiğinden isminin sonunda aynı karakterler kullanılarak Notepad++ adını almıştır.

Pencerede kullanıcıların karşısına şu sekmeler gelecektir:

1. Yüklemeye hazır eklentiler (Available)
2. Plugin güncellemeleri (Update)
3. Halen Notepad++’da yüklü olan eklentiler (Installed)

CoffeeCup hızlı başlangıç penceresinde Page Style (sayfa stili) bölümünü kullanan bir tasarımcının belirleyebileceği genel parametreler
şöyledir:
a. Page Text – Metin rengi
b. Links – Bağlantıların rengi
c. Visited Links – Ziyaret edilen bağlantıların rengi
d. Active Links – Aktif bağlantı rengi
e. Hover Links – Sayfada gezinme sırasında fare bağlantı üzerine geldiğinde bağlantının alacağı renk

CofeeCup menü çubuğu altında kurulum ile birlikte varsayılan 11 adet menü yer almaktadır. Bu menülerin her birinin işlevleri kısaca şu şekilde özetlenebilir:
a. [File]
b. [Edit]
c. [View]
d. [My Websites]
e. [Document]
f. [Insert]
g. [Format]
h. [Tools]
i. [Window]
j. [Help]

HTML-Kit ilk defa çalıştırdığımızda yandaki pencereyi görebiliriz. Buradan yeni bir dosya oluşturmak için “Create a new file” diyerek yeni boş bir web sayfası oluşturabiliriz.

Ekrana “Server Configuration” başlığında bir pencere gelecektir. Bu pencere yardımı ile Yeni bir FTP sunucusu ekleme, daha önceden eklenmiş bir Web sunucusunun ayarlarını değiştirme ve daha önceden eklenmiş bir Web sunucusunu silme işlemleri yapılabilir.

HTML-Kit ile hazırladığımız web sayfalarını yayımcı sunucuya aktarmak için menü çubuğu içerisinde yer alan “Workspace” alt menüsü içerisinde bulunan “Upload” alanını tıklayarak dosya aktarım işlemini gerçekleştirebiliriz.

Menü çubuğundaki istediğimiz alt menü alanının açılmasını istersek “Alt” tuşu ile birlikte ulaşmak istediğimiz menüde yer alan altı çizili karaktere basmamız gerekmektedir. Örneğin “View” alanının açılmasını istersek Alt ve V tuşlarına birlikte basmamız yeterli olacaktır.

[Batch Action]: HTML Tidy kullanarak HTML, XHTML ve XML dili ile yazılan kodları kontrol eder.