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 şunlardır: yazılım programları, bazıları zaten bilgisayarınızda olabilir. Web sunucunuza dosya yüklemek için bir metin veya HTML düzenleyicisine, bir grafik düzenleyicisine, web tarayıcılarına ve bir FTP istemcisine ihtiyacınız vardır.
Temel Metin veya HTML Düzenleyicisi Seçme
HTML gibi bir düz metin düzenleyicide yazabilirsiniz. not defteri Windows 10'da, MetinDüzenle ve Mac'te Sublime Text veya Linux'ta Vi veya Emacs. Sayfa için HTML kodlamasını oluşturursunuz, belgeyi bir web dosyası olarak kaydedersiniz ve olması gerektiği gibi göründüğünden emin olmak için bir tarayıcıda açarsınız.
Düz metin düzenleyicinin sunduğundan daha fazla işlevsellik istiyorsanız, bunun yerine bir HTML düzenleyici kullanın. HTML düzenleyicileri kodu tanır ve siz dosyayı başlatmadan önce kodlama hatalarını belirleyebilir. Ayrıca unuttuğunuz kapanış etiketleri ekleyebilir ve kırıkları vurgulayabilirler.
bağlantılar. CSS, PHP ve JavaScript gibi diğer kodlama dillerini tanır ve barındırır.Piyasadaki birçok HTML editörü, temel seviyeden profesyonel seviyeye kadar çeşitlilik gösterir. Web sayfaları yazmakta yeniyseniz, aşağıdakilerden biri WYSIWYG (Ne Görürseniz Onu Alırsınız) editörler sizin için en iyi sonucu verebilir. Bazı düzenleyiciler yalnızca kodu gösterir, ancak bazıları kodlama görünümleri ile görsel görünümler arasında geçiş yapmanıza izin verir. İşte mevcut birçok HTML web düzenleyicisinden birkaçı:
- Komodo IDE ve kullanıcı dostu arayüzü hem başlangıç seviyesindeki hem de ileri düzey web geliştiricileri için uygundur. Komodo IDE'nin otomatik tamamlama özelliği, bağlantılar gibi ortak öğeler için kod yazarken özellikle kullanışlıdır. Yazılım, HTML, CSS ve diğerleri gibi farklı kodlama dillerinin renk kodlamasını destekler. Komodo IDE, Windows, Mac ve Linux.
- Kahve Kupası HTML Editörü özellikle görsel bir arayüzden ziyade kodlamayı öğrenmekle ilgilenen yeni geliştiriciler için kullanışlıdır. Bu sağlam düzenleyici, şablonlarla birlikte gelir ve kodunuzu hatasız tutmaya yardımcı olacak doğrulama denetleyicilerine sahiptir. Kod tamamlamayı içerir ve diğerlerini destekler. kodlama dilleri HTML ile birlikte kullanabilirsiniz. Yazılım hataları vurgular, neden ortaya çıktıklarını açıklar ve bunları nasıl düzelteceğinizi anlatır. CoffeeCup HTML Editor, Windows üzerinde çalışır.
- Mobilize kodla uğraşmak istemeyen kişiler için bir HTML editörüdür. Her şey bir tane seçmekle ilgili tema ve ardından sayfadaki öğeleri sürükleyip bırakarak. Normal bir metin düzenleyicide yaptığınız gibi metin ekleyin ve herhangi bir kod yazmadan resimler, videolar veya simgeler ekleyin; Mobirise bu kısmı sizin için yapıyor. Mobirise, Windows ve Mac için mevcuttur ve ücretsizdir.
İnternet tarayıcıları
Web siteleri tarayıcıdan tarayıcıya farklı görünebilir, bu nedenle web sayfalarınızın istendiği gibi göründüğünden ve çalıştığından emin olmak için test etmek çok önemlidir. Chrome, Firefox, Safari (Mac), Opera, ve Edge (Windows) en popüler tarayıcılardır.
Sayfalarınızı mobil tarayıcılarda da görünüm ve işlev açısından test etmeniz gerekir. Çoğu masaüstü tarayıcı, web sitelerini çeşitli boyutlardaki pencerelerde görüntüleme olanağı sunar. Örneğin, Google Chrome'da şu adreste çok sayıda test aracı mevcuttur: Görünüm > geliştirici > Geliştirici Araçları. Herhangi bir sayfayı farklı boyuttaki pencerelerde ve mobil işletim sistemlerinde görmek için geliştirici penceresinin sol üst köşesindeki akıllı telefon simgesini seçin.
Grafik Editörü
İhtiyacınız olan grafik düzenleyicinin türü web sitenize bağlıdır. Adobe Photoshop altın standarttır, ancak bu kadar güce ihtiyacınız olmayabilir, ayrıca logo ve illüstrasyon çalışmaları için bir vektör grafik programına ihtiyacınız olabilir. Temel web geliştirme için bakılacak birkaç grafik düzenleyici şunları içerir:
- GIMP daha pahalı rakiplerinin birçok özelliğini sağlayan ücretsiz, açık kaynaklı bir fotoğraf düzenleme programıdır. Gibi açık kaynaklı yazılım, Windows, Mac ve Linux için kullanılabilir.
- Photoshop Öğeleri Mac ve PC için, adaşının hafif bir versiyonudur, ancak birçok özelliği vardır.
- Corel PaintShop Pro PC'ler için, Photoshop'ta bulduğunuz hemen hemen tüm araçlara, kullanımı kolay bir arayüzde sahiptir.
- Inkscape Windows, Mac ve Linux için ücretsiz bir vektör grafik düzenleyicisidir. Daha pahalı olan Adobe Illustrator'a bu alternatif, basit tasarım çalışmaları ve web grafikleri için fazlasıyla yeterli yeteneğe sahiptir.
FTP İstemcisi
HTML dosyalarınızı ve destekleyici resim ve grafiklerinizi web sunucunuza aktarmak için bir FTP (dosya aktarım protokolü) istemcisine ihtiyacınız vardır. FTP, Windows, Macintosh ve Linux'ta komut satırı aracılığıyla kullanılabilir, ancak özel bir FTP istemcisinin kullanımı çok daha kolaydır. Üst FTP istemcileri Dahil etmek:
- FileZilla (ücretsiz) Windows, Mac ve Linux için kullanılabilir. Sürükle ve bırak dosya aktarımlarını destekler ve büyük dosyaları yüklemek için duraklatma ve devam ettirme özelliğine sahiptir.
- Siber ördek harici editörlerle sorunsuz entegrasyonu ve çekici kullanıcı arayüzü ile bilinen ücretsiz, açık kaynaklı, platformlar arası bir yazılımdır.
- Ücretsiz FTP ve Doğrudan FTP aynı firma tarafından yapılmaktadır. Ücretsiz FTP, temel dosya aktarım ihtiyaçlarını karşılayan minimalist bir istemcidir. Direct FTP, gelişmiş özellikler sunan premium bir sürümdür. Her iki sürüm de Windows 7, 8 ve Vista tarafından desteklenir, ancak Windows 10 için yalnızca Doğrudan FTP uygundur.
- iletmek Premium, yalnızca Mac'e özel bir FTP istemcisidir. Alışılmadık derecede hızlı aktarımları kolaylaştırır ve Amazon CloudFront'u destekler.
- sevimli FTP aynı anda 100'e kadar aktarım yapmak için kullanabileceğiniz güçlü bir premium FTP istemcisidir. Mevcut en güvenli FTP istemcilerinden biri olarak kabul edilir.