Kaynak : http://www.akifakkaya.com/html-egitimi/html-editoru-notepad-kullanimi/

Benim önerim Notepad++ kullanmanız. Yeni başlayan biriyseniz bu program size göre. Yazdığınız herhangi bir kodu kaydettiğiniz formata göre düzenli bir şekilde otomatik olarak renklendiriyor. Bu sayede kodlamalar olduğundan daha basit bir hal alıyor.



Sağ tarafta gördüğünüz örnek kod Notepad++ ile yazılmıştır. İndirmek için buraya tıklatın.

Notpad++ ile web sayfası oluşturmak için aşağıdaki 4 adımları izleyin.

1. Notpad++ programını açın
Biliyorum saçma bir adım oldu ama yine de siz unutmadan bir programı kurup çalıştırın.

2. HTML bir kod yazın
Bu kodları yazmak için HTML Eğitimleri yazı serimizden herhangi birini seçin. Örnek olarak ben seçtim.





Bu şekilde yazdığımızda kodlarımızda bir renk değişimi göremeyiz. Bunun sebebi kodları henüz html olarak tanıtmamamız. Bunun için 3. adımı uygulayabilirsiniz.

3. Kodu kaydedin
Kodumuzun, bu program için söylüyorum, renklenmesi için bu kaydın yapılması gerekiyor. Ayrıca sayfanın önizemesini yapmamız için de bu kayıt aşaması gerekli. Ancak normal bir şekilde kayıt edersek bir değişen olmaz, bir kaç şeyi değiştirerek bu kayıt adımını tamamlamamız gerek.



[ctrl+s] yardımıyla kaydetme ekranını açıyoruz. Burada hemen kaydet butonuna basmıyoruz. Önce Dosya adı kısmına bir ad giriyoruz ve sonuna .html yazıyoruz. Ayrıca kayıt türü kımından da HTML file seçeneğini seçiyoruz ve kaydete tıklıyoruz. Kod ekranına geri geldiğimizde yazdığımız kodlar renklenmiş olacaktır.

4. Önizleme
Son aşamamızda yapacağımız bir şey kalmadı. Sadece kaydettiğimiz dosyayı varsayılan tarayıcımız ile açmamız gerekiyor.





Kaynak : http://www.akifakkaya.com/html-egitimi/html-editoru-notepad-kullanimi/