Web Tasarıma Giriş kapsamında en temelden başlayacağımızı ve sizlere her şeyi tanıtıp ücretsiz çalışabileceğiniz kaynak paylaşımı ve örnek projeler paylaşacağımızı söylemiştik. Web Tasarıma HTML ile başlamazsak olmazdı sonuçta web tasarımına yeni başlayanlar biraz araştırma yaptıktan sonra hiç şüphesiz HTML öğrenerek işe başlıyorlar.
HTML Nedir?
Html, ingilizce olarak Hyper Text Markup Language (Hiper Metin İşaretleme Dili) baş harflerinden oluşur.
HTML, sanılanın aksine bir programlama dili değildir. HTML, bir işaretleme dilidir. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir. Programlama dili denilememesinin nedeni tam olarak budur.
HTML, Chrome, Yandex Browser, Firefox, Opera, Safari gibi web tarayıcılarının okuyup anladığı bir işaretleme dildir. Tarayıcılar HTML çıktıyı okurlar ve bizlere web sitesini çalıştırırlar.
İnternet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyaları .html ya da .htm uzantısı ile saklanır. HTML, W3C tarafından standartlaştırılmaktadır.
Tarayıcınızda bir web sayfası görüntülerken Sağ tık > Sayfa Kaynağını Görüntüle dediğinizde karşınıza gelen kodlar HTML kodlarıdır.
Kısaca, HTML bir web sayfasının içerik katmanıdır.
Örnek bir HTML Kodu
HTML İçin Kullanabileceğiniz Bazı Kaynaklar
1) w3Schools :
W3Schools, 1998 yılında kurulmuş web geliştirme dillerini öğretmeyi amaçlayan ücretsiz bir eğitim sitesidir. Ayrıca herhangi bir dilde herhangi bir kodun nasıl kullanılacağına dair örnekleri içerir ve bunları anlık önizleme özelliği ile nasıl çalıştığını herhangi bir sunucuya sahip olmadan görmemizi sağlar. Ücret karşılığında sertifika da alabiliyorsunuz.
2) Turkcell Geleceği Yazanlar :
Turkcell, yeni sosyal sorumluluk projesi “Geleceği Yazanlar” ile Türkiye’nin mobil yazılım seferberliğini başlattı. … Hedef, Türkiye’nin mobil yazılım geliştirme konusunda öncü ülke haline gelmesi. Geleceği Yazanlar, mobil yazılım ekosisteminde yer edinmek isteyen herkese açık.
Bu siteden, hem videolu hem yazılı ders alabilir, sonradan sınava girip ücretsiz bir şekilde de sertifika alabilirsiniz. HTML dışında öğreneceğiniz bir sürü şey bulabilirsiniz bu siteden.
3) Codepen :
HTML-CSS ile yazılmış onlarca örnek uygulamayı kod çıktısıyla beraber görebildiğiniz muazzam bir site.
4) Fatih Hayrioğlu’nun Not Defteri :
HTML-CSS konusunda bir şeyi google’da aratıp, Fatih hocanın bloguna denk gelmemek pek mümkün değildir.
Sizin de bildiğiniz yararlı kaynaklar varsa bu yazının altına yorum yapabilirsiniz. Sizden gelen yorumlara göre yazımızı güncelleyebiliriz.
☕ Yazılarımı beğeniyorsanız ve daha fazlası için destek olmak isterseniz buradan bana kahve ısmarlayabilirsiniz.
Teşekkürler.
