Web endüstrisinde veya deneyimli bir emektarda yeni olsanız da, farklı web sayfalarının HTML kaynağını görüntülemek, kariyeriniz boyunca birçok kez yapmanız muhtemeldir.
Web tasarımında yeni olanlar için, bir sitenin kaynak kodunu görüntülemek, belirli şeylerin nasıl yapıldığını görmenin en kolay yollarından biridir, böylece bu işten öğrenebilir ve kendi çalışmanızda belirli kod veya teknikleri kullanmaya başlayabilirsiniz. Günümüzde çalışan herhangi bir web tasarımcısı olarak, özellikle de endüstrinin ilk günlerinden beri devam edenler, ve bildiğimiz güvenli bir bahis, sadece gördükleri ve ilgi uyandırdıkları web sayfalarının kaynağını görüntüleyerek HTML'yi öğrendiklerini söylüyor. tarafından. Web tasarım kitaplarını okumak veya profesyonel konferanslara katılmanın yanı sıra, bir sitenin kaynak kodunu görüntülemek yeni başlayanların HTML'yi öğrenmesi için harika bir yoldur.
Sadece HTML'den Fazlası
Hatırlanması gereken bir nokta, kaynak dosyalarının çok karmaşık olabileceğidir (ve görüntülediğiniz web sitesinin ne kadar karmaşık olduğu, sitenin kodunun ne kadar karmaşık olacağı). Görüntülediğiniz sayfayı oluşturan HTML yapısına ek olarak, o sitenin görsel görünümünü dikte eden CSS (basamaklı stil sayfaları) da olacaktır. Ayrıca, bugün birçok web sitesi HTML ile birlikte verilen komut dosyalarını içerecektir.
Aslında, her biri sitenin farklı yönlerine güç veren birden fazla komut dosyası içermesi olasıdır. Açıkçası, bir sitenin kaynak kodu, özellikle bunu yapmakta yeniyseniz, ezici görünebilir. Bu siteyle ilgili neler olup bittiğini anlayamazsan, sinirlenmeyin. HTML kaynağını görüntülemek bu işlemdeki ilk adımdır. Küçük bir deneyimle, tüm bu parçaların tarayıcınızda gördüğünüz web sitesini oluşturmak için nasıl birbirine uyduğunu daha iyi anlamaya başlayacaksınız. Kodu daha yakından tanıdıkça, bundan daha fazlasını öğrenebileceksiniz ve bu sizin için çok zor görünmeyecektir.
Peki bir web sitesinin kaynak kodunu nasıl görüyorsunuz? Google Chrome tarayıcısını kullanarak bunu yapmak için adım adım talimatlar.
Adım adım talimatlar
-
Aç Google Chrome web tarayıcısı (Google Chrome yüklü değilse, bu ücretsiz bir uygulamadır).
-
Adresine gidin incelemek istediğiniz web sayfası.
-
Sağ tık sayfa ve görünen menüye bakın. Bu menüden tıklayın Sayfa kaynağını görüntüle.
-
Bu sayfanın kaynak kodu artık tarayıcıda yeni bir sekme olarak görünecek.
-
Alternatif olarak, klavye kısayollarını da kullanabilirsiniz. CTRL + U PC'de bir sitenin kaynak kodu görüntülenen bir pencereyi açmak için. Mac’te bu kısayol Komut + Seçenek + U.
Geliştirici Araçları
Basit ek olarak Sayfa kaynağını görüntüle Google Chrome'un sunduğu özellik, bir siteye daha da derinlemesine inmek için mükemmel Geliştirici Araçlarından da yararlanabilirsiniz. Bu araçlar, yalnızca HTML'yi değil, aynı zamanda bu HTML belgesindeki öğeleri görüntülemek için geçerli olan CSS'yi görmenize de olanak tanır.
Chrome'un geliştirici araçlarını kullanmak için:
-
Açık Google Chrome.
-
Şu yöne rotayı ayarla incelemek istediğiniz web sayfası.
-
Tıkla üç satır simgesi tarayıcı penceresinin sağ üst köşesinde.
-
Menüden, üzerine gelin Daha fazla araç ve sonra tıklayın Geliştirici araçları görünen menüde.
-
Bu, pencerenin solundaki HTML kaynak kodunu ve sağdaki ilgili CSS'yi gösteren bir pencere açar.
-
Alternatif olarak, sağ tıklarsanız bir web sayfasındaki bir öğe ve seç denetlemek Görünen menüden Chrome'un geliştirici araçları açılır ve seçtiğiniz tam öğe HTML'de sağda gösterilen ilgili CSS ile vurgulanır. Bir sitenin belirli bir parçasının nasıl oluşturulduğu hakkında daha fazla bilgi edinmek istiyorsanız, bu çok yararlıdır.
Kaynak Kodunu Görüntüleme Yasal mı?
Yıllar geçtikçe, birçok yeni web tasarımcısının, bir sitenin kaynak kodunu görüntüleyip kabul etmediği ve eğitim için kullanıp kullanamayacağı sorusu olup olmadığını sorguladık. 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.
Bu makalenin başında belirttiğimiz gibi, bir sitenin kaynağını görüntüleyerek bir şey öğrenemeyen, bugün çalışan bir web profesyonelini bulmak zor olurdu! Evet, bir sitenin kaynak kodunu görüntülemek yasaldır. Benzer bir şey oluşturmak için bu kodu bir kaynak olarak kullanmak da iyidir. Kodları olduğu gibi almak ve işinizle karşılaşmak, problemlerle karşılaşmaya başladığınız yerdir.
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.
