Bir web sayfasının nasıl yapıldığını görmek ister misiniz? Kaynak kodunu görüntülemeyi deneyin.
Bir web sayfasının HTML kaynağını görüntülemek, özellikle sektörde yeni başlamış yeni web profesyonelleri için HTML'yi öğrenmenin en kolay (ve en etkili) yollarından biridir. Bir web sitesinde bir şey görürseniz ve nasıl yapıldığını öğrenmek istiyorsanız, o sitenin kaynak kodunu görüntüleyin.
Bir web sitesinin düzenini beğendiyseniz, bu düzenin nasıl başarıldığını görmek için kaynağı görüntülemek, kendi çalışmanızı öğrenmenize ve geliştirmenize yardımcı olur. Yıllar boyunca, birçok web tasarımcıları ve geliştiricileri, gördükleri web sayfalarının kaynağını görüntüleyerek çok fazla HTML öğrenmişlerdir. Yeni başlayanlar için HTML'yi öğrenmek ve siteye yeni tekniklerin nasıl uygulandığını görmek için deneyimli web profesyonelleri için harika bir yol.
Kaynak dosyaların çok karmaşık olabileceğini unutmayın. Bir sayfanın HTML biçimlendirmesiyle birlikte, muhtemelen bu sitenin görünümünü ve işlevselliğini oluşturmak için kullanılan çok sayıda CSS ve komut dosyası olacaktır. Bu nedenle, neler olup bittiğini anlayamazsanız hayal kırıklığına uğramayın. HTML kaynağını görüntülemek sadece ilk adımdır. Bundan sonra, CSS ve betikleri incelemek ve HTML'nin belirli unsurlarını incelemek için Chris Pederick'in Web Developer uzantısı gibi araçları kullanabilirsiniz.
Safari tarayıcısını kullanıyorsanız, nasıl oluşturulduğunu görmek için sayfanın kaynak kodunu nasıl görüntüleyebilirsiniz.
HTML Kaynağını Safari'de Görüntüleme
- Safari'yi aç.
- İncelemek istediğiniz web sayfasına gidin.
- Üst menü çubuğundaki Geliştir menüsüne tıklayın. Not: Geliştir menüsü görünmüyorsa, Gelişmiş bölümünde Tercihler bölümüne gidin ve menü çubuğunda Geliştirmeyi Göster'i seçin.
- Sayfa Kaynağını Göster'i tıklayın. Bu, baktığınız sayfanın HTML kaynağına sahip bir metin penceresi açacaktır.
İpuçları
- Çoğu web sayfasında, sayfayı sağ tıklayıp (bir görüntüde değil) ve Sayfa Kaynağını Göster'i seçerek kaynağı görüntüleyebilirsiniz. Bu sadece Geliştir menüsü Tercihler'de etkinleştirildiğinde görüntülenir.
- Safari ayrıca HTML kaynağını görüntülemek için bir klavye kısayoluna sahiptir - komut ve seçenek tuşlarını basılı tutun ve U (Cmd-Opt-U.) Tuşlarına basın.
Kaynak Kodunu Görüntüleme Yasal mı?
Bir sitenin kodunu toptan olarak kopyalamak ve bir sitenin kendi sitenizde yayınlamak kesinlikle kabul edilemezken, bu kodu öğrenmek için bir sıçrama tahtası olarak kullanmak, aslında bu sektörde ne kadar ilerleme kaydedildiğini gösteriyor. Aslında, bir sitenin kaynağını görüntüleyerek bir şey öğrenemeyen, bugün çalışan bir web profesyonelini bulmak zor olurdu!
Sonunda, web profesyonelleri birbirlerinden öğrenirler ve sıklıkla gördükleri ve esinlendikleri eserler üzerinde gelişirler, bu yüzden bir sitenin kaynak kodunu görüntülemekten ve bir öğrenme aracı olarak kullanmaktan çekinmeyin.