Çevrimiçi Web Sayfalarını Düzenleme

Bir Web sayfasında hızlıca bir değişiklik yapmanız gerektiğinde ve bilgisayarınızda bir HTML editörünüz yoksa, kodunuzu tarayıcınızda düzenleyebilirsiniz. Bazı web siteleri, İnternet bağlantısı olan herhangi bir konumdan Web sayfaları geliştirmenize, test etmenize ve düzenlemenize olanak sağlayan güçlü araçlara sahiptir. Hatta bu çevrimiçi editörlere yazdığınız kodda JavaScript ve Basamaklı Stil Sayfalarını ekleyebilirsiniz.

1.

JsFiddle web sitesine gidin ve sitenin kullanıcı arayüzünü gözden geçirin. Sayfanın sağ tarafında dört büyük metin kutusu bulacaksınız. Bu kutulardan üçü, belirli bir HTML kodu türü girmenize izin verir. HTML kodunuzu HTML kutusuna, JavaScript kutusunda JavaScript'i ve Cascading Style Sheet kodunu CSS kutusuna yapıştırın. Bunu yaptıktan sonra "Çalıştır" ı tıklayın ve JsFiddle web sayfanızı dördüncü kutuda görüntüler. Sayfanızı "Kaydet" i tıklayarak kaydedebilirsiniz. Site, başkalarıyla paylaşabileceğiniz benzersiz bir URL oluşturur. JsFiddle'ı ziyaret ettiklerinde, yaptığınız aynı dört kutuyu görecekler. Farklı yerlerdeki geliştiriciler genellikle web sitelerinde işbirliği içinde çalışmak için JsFiddle'ı kullanır

2.

Quackit HTML Editor web sitesini ziyaret edin. Quackit, bir masaüstü uygulamasında bulacağınız tam özellikli bir HTML editörü simliar'a sahiptir. Editörün üstündeki araçların satırları, düzenleyiciye girdiğiniz HTML metnini biçimlendirmenize, köprü çizgilerini yönetmenize, resim eklemenize ve HTML ile ilgili diğer görevleri gerçekleştirmenize olanak sağlar. Editör, Önizleme modunda her şeyi görüntüler, ancak HTML görünümüne geçmek için editörün "Kaynak" düğmesini tıklayabilirsiniz. Bu görünümde, masaüstü düzenleyicinizi kullandığınız gibi doğrudan HTML kaynak kodunuzla çalışabilirsiniz. Düzenlemeyi bitirdiğinizde, Kaynak görünümünde gördüğünüz kodu vurgulayın ve kopyalayın ve sabit sürücünüzdeki bir metin belgesine yapıştırın.

3.

W3Schools.com Tryit Editor Web sayfasına gidin ve sayfanın sol tarafındaki düzenleme metin kutusunu bulun. W3Schools, HTML, CSS ve JavaScript kodunu gerçek zamanlı olarak işleyen Tryit adlı bir HTML düzenleyicisine sahip çevrimiçi bir eğitim sitesidir. HTML'yi düzenleme metin kutusuna yapıştırın veya sıfırdan HTML yazın. Sayfanın üst kısmındaki "Düzenle ve Beni Tıkla" düğmesini tıkladığınızda, düzenleyici Web sayfanızı düzenleme kutusunun yanındaki önizleme kutusunda görüntüler. Düzenleme kutusuna kod eklerken, normal bir HTML düzenleyiciye giriyorsanız tam olarak yazdığınız gibi yazın. HTML, JavaScript ve CSS kodunuzu JsFiddle'da olduğu gibi ayırmanız gerekmez. W3Schools bir eğitim sitesi olduğundan, sayfanın sağ köşesindeki “W3Schools.com” bağlantısını tıklayabilir ve Web programlamayı öğrenmenize ve programlama ipuçlarını keşfetmenize yardımcı olabilecek çeşitli konuları görüntüleyebilirsiniz.

İpuçları

• Çevrimiçi editörler, internette keşfettiğiniz küçük HTML parçacıklarını test etmek veya kendinizi geliştirmek için harika bir yoldur. Örneğin, slayt gösterisi oluşturan kullanışlı bir kod pasajı bulursanız, bu kodu kopyalayabilir, çevrimiçi bir düzenleyiciye yapıştırarak anında nasıl çalıştığını öğrenebilirsiniz.
• İnternet bağlantınızın kopması veya tarayıcınızın çökmesi durumunda, üzerinde çalıştığınız kodu düzenli aralıklarla kopyalamak iyi bir fikirdir. Bir editörün içini tıklatarak, “Ctrl-A” ve ardından “Ctrl-C” tuşlarına basarak kodu kopyalayın.