Bir web geliştiricisi olarak başlamak için çok fazla yazılıma ihtiyacınız yok
Web tasarımı için gerekli olan temel araçlar inanılmaz derecede basittir. Bir bilgisayar ve internet bağlantısının yanı sıra, bir web sitesi oluşturmak için ihtiyaç duyduğunuz araçların çoğu, bir kısmı zaten bilgisayarınızda olabilir, yazılım programlarıdır. Dosyaları web sunucunuza yüklemek için bir metin veya HTML editörüne, bir grafik düzenleyicisine, web tarayıcılarına ve bir FTP istemcisine ihtiyacınız vardır.
Temel Metin veya HTML Düzenleyici Seçme
Windows 10'da Notepad , Mac'te TextEdit veya Linux'taki Vi veya Emacs gibi bir düz metin düzenleyicisinde HTML yazabilirsiniz. HTML kodunu girin, belgeyi bir web dosyası olarak kaydedin ve olması gerektiği gibi görünmesini sağlamak için bir tarayıcıda açın.
Düz metin düzenleyicide bulduğunuzdan daha fazla işlevsellik istiyorsanız, bunun yerine bir HTML düzenleyici kullanın. HTML düzenleyicileri kodu tanır ve dosyayı başlatmadan önce kodlama hatalarını belirleyebilir. Ayrıca unuttuğunuz kapanış etiketlerini ekleyebilir ve kırık linkleri vurgulayabilirler. CSS, PHP ve JavaScript gibi diğer kodlama dillerini tanır ve barındırırlar.
Piyasada birçok HTML editörü var ve bunlar temel seviyeden profesyonel seviyeli yazılımlara kadar değişiyor. Web sayfalarını yazmakta yeniyseniz, WYSIWYG - Gördüğünüz Ne Olduğunu - editörlerden biri sizin için en iyi şekilde çalışabilir. Bazı editörler yalnızca kodu gösterir, ancak bazılarında kodlama görünümleri ve görsel görünümler arasında geçiş yapabilirsiniz. İşte birçok HTML web editöründen bazıları:
- Komodo IDE ve kullanıcı dostu arayüzü hem başlangıç hem de gelişmiş web geliştiricileri için uygundur. Komodo IDE'nin otomatik tamamlama özelliği, yeni geliştiriciler için özellikle kullanışlıdır, çünkü bağlantılar gibi ortak öğeler için kod yazmayı bilir. Yazılım, HTML, CSS ve diğer birçok kodlama dili gibi farklı kodlama türlerinin renk kodlamasını destekler. Komodo IDE, Windows, Mac ve Linux üzerinde çalışan çapraz platform yazılımıdır.
- CoffeeCup HTML Editor , görsel bir arayüze göre kodlamayı öğrenmekle ilgilenen yeni geliştiriciler içindir. Bu sağlam editör, şablonunuzla birlikte gelir ve kodunuzu hatasız tutmak için doğrulama denetleyicilerine sahiptir. Kodun tamamlanmasını içerir ve HTML ile birlikte kullanabileceğiniz diğer kodlama dillerini destekler. Yazılım, koddaki hataları öne çıkardığında, neden ortaya çıktığını açıklayan ve geliştiriciye bunları nasıl düzeltebileceğini söylerken yeni başlayanlar bunu takdir edecektir. CoffeeCup HTML Editor, Windows üzerinde çalışır.
- Mobirise , kodla ilgilenmek istemeyen kişiler için bir HTML editörüdür. Bir tema seçmek, ardından sayfadaki öğeleri sürükleyip bırakmak. Düzenli bir metin editöründe olduğu gibi metin ekleyin ve resim, video veya simge ekleyin — hepsi de herhangi bir kod yazmadan; Mobirise bu kısmı sizin için yapıyor. Mobirise, Windows ve Mac için kullanılabilir ve ücretsizdir.
İnternet tarayıcıları
Sayfayı başlatmadan önce amaçlanan şekilde göründüğünden emin olmak için web sayfalarınızı tarayıcıda test edin. Chrome, Firefox, Safari (Mac) ve Internet Explorer (Windows) en popüler tarayıcılardır. HTML'nizi bilgisayarınızda olduğu kadar çok tarayıcıda kontrol edin ve Opera gibi daha az bilinen tarayıcıları da indirin.
Grafik Editörü
İhtiyacınız olan grafik editörü türü web sitenize bağlıdır. Adobe Photoshop, fotoğraflarla çalışmak için altın standart olsa da, o kadar fazla güce ihtiyacınız olmayabilir. Logo ve illüstrasyon çalışması için bir vektör grafik programını tercih edebilirsiniz. Temel web geliştirme kullanımına yönelik birkaç grafik editörü şunları içerir:
- GIMP , daha pahalı rakiplerinin özelliklerinin çoğunu sağlayan ücretsiz, açık kaynaklı bir fotoğraf düzenleme programıdır. Açık kaynaklı yazılım olarak, Windows, Mac ve Linux için kullanılabilir.
- Mac ve PC için Photoshop Elements , isminin hafif bir versiyonu olan ancak web için grafiklerle çalışmak için bolca güç sağlayan bir görüntü düzenleyicidir.
- PC'ler için Corel PaintShop Pro , Photoshop'ta bulabileceğiniz hemen hemen tüm kullanışlı araçlara ve kullanımı kolay bir arayüze sahiptir.
- Windows, Mac ve Linux için Inkscape ücretsiz bir vektör grafik editörüdür. Pahalı Adobe Illustrator'a yönelik bu alternatif, basit tasarım çalışmaları ve web grafikleri için yeterli güce sahiptir.
FTP İstemcisi
HTML dosyalarınızı aktarmak ve görüntüleri ve grafikleri web sunucunuza taşımak için bir FTP istemcisine ihtiyacınız vardır. FTP, Windows, Macintosh ve Linux'taki komut satırı aracılığıyla kullanılabilir olsa da, bir istemci kullanmak çok daha kolaydır. Dahil olmak üzere birçok kaliteli FTP istemcisi vardır:
- FileZilla , Windows, Mac ve Linux için mevcut ücretsiz bir FTP istemcisidir. Sürükle ve bırak dosya aktarımlarını destekler ve büyük dosyaları yüklemek için bir duraklatma ve devam etme özelliğine sahiptir.
- Cyberduck , harici editörler ve çekici kullanıcı arayüzü ile kusursuz entegrasyonu için bilinen ücretsiz açık kaynaklı, çapraz platform yazılımıdır.
- Ücretsiz FTP ve Doğrudan FTP aynı şirket tarafından yapılır. Ücretsiz FTP minimalist bir istemci, ancak tüm temel dosya aktarımı ihtiyaçlarını karşılar. Doğrudan FTP gelişmiş özellikler sunan bir premium sürümüdür. Her iki sürüm de Windows 7,8 ve Vista tarafından desteklenir, ancak sadece Direct FTP, Windows 10 için uygundur.
- İletim bir prim, sadece Mac FTP istemcisi. Olağandışı hızlı transferleri kolaylaştırır ve Amazon CloudFront'u destekler.
- Cute FTP , aynı anda 100 transfer yapmak için kullanabileceğiniz güçlü bir premium FTP istemcisidir. Etrafında en güvenli FTP istemcilerinden biri olarak kabul edilir.