:sharpen(0.5,0.5,true)/profile%2F1f233449-0f1d-41c1-a825-8ca3d62f9919.jpeg)
HTML, CSS ve JavaScript’i İnsan Vücudu Üzerinden Anlatıyorum
Bir web sayfasını anlatırken ben bunu genelde insan vücudu üzerinden düşünmeyi daha anlaşılır buluyorum.
:sharpen(0.5,0.5,true)/content%2F45c37798-c5e0-42da-a385-ba4222c53538.jpeg)
Canva
- Blog Yazısı
Önce şunu net söyleyebilirim:
HTML bir web sayfasının iskeletidir.
Nasıl ki insan vücudunda kemikler olmadan organların duracağı bir yapı yoksa, HTML olmadan da bir web sayfasının var olması mümkün değildir. Başlıklar, paragraflar, resimler, linkler… Hepsinin sayfa üzerindeki yeri ve anlamı HTML sayesinde belirlenir. Yani HTML, sayfanın “ne var ve nerede var?” sorusuna cevap verir.
CSS’e geçtiğimizde, burada artık iskeletin üstüne görünüm kazandırmaya başlarız.
Ben CSS’i insan vücudundaki deri, kaslar ve kıyafetler gibi düşünüyorum. HTML tek başına çalışır ama çıplak ve düzdür. CSS ile renkler, yazı tipleri, boşluklar, hizalamalar eklenir ve sayfa göze hoş gelmeye başlar. Aynı iskelet, farklı CSS’lerle tamamen farklı görünümlere bürünebilir.
JavaScript ise işin canlılık kazanan kısmıdır.
Burada benzetmeyi biraz daha ileri götürürsek JavaScript, vücuttaki sinir sistemi ve kas hareketleri gibidir. Kullanıcı bir butona tıkladığında bir şeylerin değişmesi, form gönderilmesi, animasyonların çalışması, verilerin dinamik olarak yüklenmesi… Bunların hepsi JavaScript sayesinde olur. Yani sayfayı “hareket ettiren” katman JavaScript’tir.
Kısaca kendi bakış açımdan özetlersem:
HTML → İskelet (temel yapı)
CSS → Görünüm (estetik ve düzen)
JavaScript → Hareket ve etkileşim (canlılık)
Evrim Ağacı'nın çalışmalarına Kreosus, Patreon veya YouTube üzerinden maddi destekte bulunarak hem Türkiye'de bilim anlatıcılığının gelişmesine katkı sağlayabilirsiniz, hem de site ve uygulamamızı reklamsız olarak deneyimleyebilirsiniz. Reklamsız deneyim, sitemizin/uygulamamızın çeşitli kısımlarda gösterilen Google reklamlarını ve destek çağrılarını görmediğiniz, %100 reklamsız ve çok daha temiz bir site deneyimi sunmaktadır.
KreosusKreosus'ta her 50₺'lik destek, 1 aylık reklamsız deneyime karşılık geliyor. Bu sayede, tek seferlik destekçilerimiz de, aylık destekçilerimiz de toplam destekleriyle doğru orantılı bir süre boyunca reklamsız deneyim elde edebiliyorlar.
Kreosus destekçilerimizin reklamsız deneyimi, destek olmaya başladıkları anda devreye girmektedir ve ek bir işleme gerek yoktur.
PatreonPatreon destekçilerimiz, destek miktarından bağımsız olarak, Evrim Ağacı'na destek oldukları süre boyunca reklamsız deneyime erişmeyi sürdürebiliyorlar.
Patreon destekçilerimizin Patreon ile ilişkili e-posta hesapları, Evrim Ağacı'ndaki üyelik e-postaları ile birebir aynı olmalıdır. Patreon destekçilerimizin reklamsız deneyiminin devreye girmesi 24 saat alabilmektedir.
YouTubeYouTube destekçilerimizin hepsi otomatik olarak reklamsız deneyime şimdilik erişemiyorlar ve şu anda, YouTube üzerinden her destek seviyesine reklamsız deneyim ayrıcalığını sunamamaktayız. YouTube Destek Sistemi üzerinde sunulan farklı seviyelerin açıklamalarını okuyarak, hangi ayrıcalıklara erişebileceğinizi öğrenebilirsiniz.
Eğer seçtiğiniz seviye reklamsız deneyim ayrıcalığı sunuyorsa, destek olduktan sonra YouTube tarafından gösterilecek olan bağlantıdaki formu doldurarak reklamsız deneyime erişebilirsiniz. YouTube destekçilerimizin reklamsız deneyiminin devreye girmesi, formu doldurduktan sonra 24-72 saat alabilmektedir.
Diğer PlatformlarBu 3 platform haricinde destek olan destekçilerimize ne yazık ki reklamsız deneyim ayrıcalığını sunamamaktayız. Destekleriniz sayesinde sistemlerimizi geliştirmeyi sürdürüyoruz ve umuyoruz bu ayrıcalıkları zamanla genişletebileceğiz.
Giriş yapmayı unutmayın!Reklamsız deneyim için, maddi desteğiniz ile ilişkilendirilmiş olan Evrim Ağacı hesabınıza üye girişi yapmanız gerekmektedir. Giriş yapmadığınız takdirde reklamları görmeye devam edeceksinizdir.
Bir web sayfası önce sağlam bir HTML iskeleti ile başlar. Üzerine doğru CSS ile şekil verilir ve en son JavaScript ile kullanıcıyla etkileşime giren canlı bir yapıya dönüştürülür.
-
1
-
0
-
0
-
0
-
0
-
0
-
0
-
0
-
0
-
0
-
0
-
0
Evrim Ağacı'na her ay sadece 1 kahve ısmarlayarak destek olmak ister misiniz?
Şu iki siteden birini kullanarak şimdi destek olabilirsiniz:
kreosus.com/evrimagaci | patreon.com/evrimagaci
Çıktı Bilgisi: Bu sayfa, Evrim Ağacı yazdırma aracı kullanılarak 08/02/2026 02:56:02 tarihinde oluşturulmuştur. Evrim Ağacı'ndaki içeriklerin tamamı, birden fazla editör tarafından, durmaksızın elden geçirilmekte, güncellenmekte ve geliştirilmektedir. Dolayısıyla bu çıktının alındığı tarihten sonra yapılan güncellemeleri görmek ve bu içeriğin en güncel halini okumak için lütfen şu adrese gidiniz: https://evrimagaci.org/s/22015
İçerik Kullanım İzinleri: Evrim Ağacı'ndaki yazılı içerikler orijinallerine hiçbir şekilde dokunulmadığı müddetçe izin alınmaksızın paylaşılabilir, kopyalanabilir, yapıştırılabilir, çoğaltılabilir, basılabilir, dağıtılabilir, yayılabilir, alıntılanabilir. Ancak bu içeriklerin hiçbiri izin alınmaksızın değiştirilemez ve değiştirilmiş halleri Evrim Ağacı'na aitmiş gibi sunulamaz. Benzer şekilde, içeriklerin hiçbiri, söz konusu içeriğin açıkça belirtilmiş yazarlarından ve Evrim Ağacı'ndan başkasına aitmiş gibi sunulamaz. Bu sayfa izin alınmaksızın düzenlenemez, Evrim Ağacı logosu, yazar/editör bilgileri ve içeriğin diğer kısımları izin alınmaksızın değiştirilemez veya kaldırılamaz.
İnsan Beyni Kaç Bit'tir
:sharpen(0.5,0.5,true)/old%2Fprofile_images%2F2a684c53537264520f2b4f2c137d4033.jpeg)
Toplumların Sayma Sistemleri Üzerine
:sharpen(0.5,0.5,true)/old%2Fprofile_images%2F8d4eb8d5f0a1dddc84277284b430b73b.jpeg)
Gerçekten Kaliteli Sunucu Oluşturmak İsteyenlere Tavsiyeler
:sharpen(0.5,0.5,true)/old%2Fprofile_images%2Fb676efbb43450e3a96ab72e5691db1f9.jpeg)
Neden Ölmek İstemeyiz? Arzularımız Olduğu Sürece Yaşama Dürtümüzde Devam Mı Edecektir?
:sharpen(0.5,0.5,true)/profile%2F3a368740-739f-4004-ae91-49e789890816.jpeg)
Tellerden Ölçü Teorisi
:sharpen(0.5,0.5,true)/profile%2F553e0266-f120-4a02-ab17-13c55364371b.jpeg)
Yazın insanlar daha mı çok sigara içiyorlar?
:sharpen(0.5,0.5,true)/old%2Fprofile_images%2F9d658d898523a03f85cfbd03be4cdc00.jpeg)
:sharpen(0.5,0.5,true)/evrimagaci.org%2Fpublic%2Fimages%2Flogo-50.png)