Web Tasarımcıların Kullandığı Program ve Bazı Araçlar

izokod — Fri, 24 Apr 2020 09:36:10 +0000

Web Tasarımcıların Kullandığı Program ve Araçlar adlı yazımızla tekrar merhaba dostlar. Bu yazıda, sizlere hem uzman hem de giriş seviyesi web tasarımcıların kullandığı, 3 tane windows programından bahsetmek istiyorum. Ben de çoğunlukla bunlardan yararlanmaktayım. Ayrıca, tamamen ücretsiz olmaları ve dünya çapında çok fazla kişi tarafından kullanılmaları sebebiyle, güncellikleri, destek konusunda internette yeterince makale bulabilmemizde önemli hususlar.

1. Filezilla
Web sayfalarının dosyalarını, hosting (barındırma) servisimizdeki sunuculara, servis sağlayıcımızın bize verdiği ftp kullanıcı adı ve şifremiz ile aktardığımız program. FTP protokolünü kullanmaktadır, arayüzü basittir, boyutu küçüktür, hızlı çalışır, en iyi alternatiftir.

filezilla web sitesi >>

web tasarımcıların kullandığı program filezilla nın ekran görüntüsü

" data-medium-file="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/filezilla-ekran-alintisi.png?fit=300%2C239&ssl=1" data-large-file="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/filezilla-ekran-alintisi.png?fit=648%2C517&ssl=1" src="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/filezilla-ekran-alintisi.png?resize=648%2C517" alt="filezilla programı ekran görüntüsü" class="wp-image-112" srcset="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/filezilla-ekran-alintisi.png?w=937&ssl=1 937w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/filezilla-ekran-alintisi.png?resize=300%2C239&ssl=1 300w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/filezilla-ekran-alintisi.png?resize=768%2C612&ssl=1 768w" sizes="(max-width: 648px) 100vw, 648px" data-recalc-dims="1" />

web tasarımcıların kullandığı program filezilla nın ekran görüntüsü

2. Notepad++
Windows‘ daki notepad benzeri bir düzenleme aracıdır. Elbette, çok daha gelişmiş bir arayüze sahiptir. Kullanımı çok basittir. HTML, CSS, PHP ve diğer tüm kodlama dillerini destekler ve içerisindeki farklı anlamlar ifade eden kod dizinlerini, farklı renklerde göstererek karmaşadan kurtarır.
Ancak, dahası ve en önemli sevdiğim özelliği söylemedim. Bu program sayesinde, kod yazarken çoğu kalıp kodları, her seferinde tek tek yazmak yerine, kodun ilk değerlerini girmeye başlayınca o kategoride ne kadar alt dizin varsa çıkarıyor ve işleri oldukça hızlandırıyor. Akıllı telefonlarımızdaki, kelime tahmini yada sözlük benzeri gibi düşünebilirsiniz.

notepad++ web sitesi >>

web tasarımcıların kullandığı program notepad++ ın ekran görüntüsü

" data-medium-file="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?fit=300%2C221&ssl=1" data-large-file="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?fit=648%2C477&ssl=1" src="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi-1024x753.png?resize=648%2C477" alt="notepad++ ekran görüntüsü" class="wp-image-113" srcset="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=1024%2C753&ssl=1 1024w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=300%2C221&ssl=1 300w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=768%2C565&ssl=1 768w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=1536%2C1130&ssl=1 1536w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=2048%2C1507&ssl=1 2048w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=1200%2C883&ssl=1 1200w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?resize=1980%2C1457&ssl=1 1980w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/notepad-ekran-alintisi.png?w=1296&ssl=1 1296w" sizes="(max-width: 648px) 100vw, 648px" data-recalc-dims="1" />

web tasarımcıların kullandığı program notepad++ ın ekran görüntüsü

3. Google Web Designer
Tabi Google söz konusu olunca, mutlaka başarılıdır demek gerekiyor. Bu programı biraz daha ileri aşamalar için düşünebiliriz ama ne kadar erken kullanmaya başlarsanız o kadar iyi diye düşünüyorum. Kendi içinde şablonları var birçok farklı seçenek mevcut. Bende, bunu yeni kullanmaya başladım. Faydalı olduğu aşikar.

google web designer web sitesi >>

web tasarımcıların kullandığı program google web designer proramının ekran görüntüsü

" data-medium-file="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/google-web-designer-Ekran-Alıntısı.png?fit=300%2C199&ssl=1" data-large-file="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/google-web-designer-Ekran-Alıntısı.png?fit=648%2C430&ssl=1" src="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/google-web-designer-Ekran-Alıntısı.png?resize=648%2C430" alt="google web gesigner programı ekran görüntüsü" class="wp-image-114" srcset="https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/google-web-designer-Ekran-Alıntısı.png?w=1025&ssl=1 1025w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/google-web-designer-Ekran-Alıntısı.png?resize=300%2C199&ssl=1 300w, https://i0.wp.com/www.izokod.com/wp-content/uploads/2020/04/google-web-designer-Ekran-Alıntısı.png?resize=768%2C510&ssl=1 768w" sizes="(max-width: 648px) 100vw, 648px" data-recalc-dims="1" />

web tasarımcıların kullandığı program google web designer proramının ekran görüntüsü

Bonus: Ayrıca, bilgisayarımızdaki detaylı sistem özelliklerini incelemek için kullandığımız, speccy programından bahsettiğim yazımı da okuyabilirsiniz.

Evet dostlar, şimdilik bu kadar. Görüşmek üzere..

Web Tasarımcıların Kullandığı Program ve Bazı Araçlar yazısı ilk önce izokod.com üzerinde ortaya çıktı.

php arşivleri - izokod.com

Web Tasarımcıların Kullandığı Program ve Bazı Araçlar