Hyper Text Markup Language internet sitelerinin görüntülenmesi için kullanılan bir dildir. Diğer dillerin aksine bu dil ile program yazılamaz. Metin içeriklerin görüntülenmesini baz alan bu dil, en son HTML 5 sürümü ile kullanılıyor. Bu dil yapısı aynı zamanda yeni özellikleri ile daha işlevsel hale geldiğinden dolayı metin dışında da çeşitli ögelerin daha işlevsel hale gelmesine neden oluyor.
HTML sayfalarının kullanıcı tarafından görüntülenmesi için öncelikle tarayıcı tarafından derlenmesi gerekiyor. Firefox, internet explorer gibi farklı tarayıcılar bu HTML dillerini derleyerek kullanıcıların görebileceği hale getirirler. HTML eski versiyonlarına nazaran daha fazla platforma destek sunuyor. Günümüzde bu işlevselliği daha fazla ortamda tercih edilmesini sağlıyor. HTML ne demek sorusuna bu şekilde cevap verilir.
HTML Avantajları ve Dezavantajları
Günümüzde genellikse site tasarımı yapanlar, web tasarım html bilgisi ile güzel sayfa örnekleri ortaya koyuyorlar. Bunun yanında html kullanıcıya ve geliştiriciye çeşitli avantajlar ve dezavantajlar sunuyor. Html avantajlarına baktığımızda:
- Öğrenmesi kolay bir dil olarak öne çıkıyor.
- Neredeyse tüm tarayıcılar html desteği sunuyor.
- Kaynak kullanımı diğer dillere göre oldukça sınırlı.
- İstek cevap verme süreleri etkileyici şekilde kısa
Html bu avantajlarının yanı sıra çeşitli sınırlamalara ve dezavantajlara da sahip bulunuyor.
- Tasarımı ve düzenlenmesi zor
- Diğer dillere göre kullanıcı etkileşim seviyesi daha sınırlı
- Çok sayfalı yapılarda ve internet sitelerinde yeterince verimli değil.
- Dinamik yapısı ideal değil, hızlı değişimlere yeterli cevap veremiyor.
Web Tasarımında Html Kullanmak
Yukarıda html nedir kısaca cevap verdikten sonra biraz da tasarım kısmına bakalım. Günümüzde web tasarımcıları CSS ve html 5 kullanarak etkileyici site örnekleri ortaya koyuyorlar. Yeni gelen html sürümü ile hata yapıları en aza indirilmiş durumda. Bunun yanı sıra html 5 ile eski html sürümlerinde görülen durağanlık da ortadan kaldırılmış durumda. Bunun yanı sıra html 5 desteği sayesinde çeşitli dosya formatlarına getirilen destekler sayesinde sistemin işlevselliği artmış bulunuyor.
Html 5 kodlamak isteyen kullanıcılar basit bir not defteri ile web tasarım html çalışmalarına başlayabilirler. Bunun yanında html 5 uygulamaları ile daha güzel sayfa düzenlemeleri yapmak isteyen kullanıcıların Adobe Dreamworks tarzı programları kullanması önerilebilir.
Html Kodlarken Dikkat Edilmesi Gerekenler
Siz de html kodlamaya merak saldıysanız, basit dersler aracılığı ile kodlamaya başlayabilirsiniz. Bunun yanında html kodlama yaparken bazı ayrıntılara dikkat etmeniz gerekebilir. Html kodlama etiketler içerisine yapılır. Yani bir etiketi açar, kodu yazar ve etiketi kapatırsınız. Html kodlamanın temel mantığı bu şekilde olur. Açılan he etiket kapatılmalıdır.
Html kodlaması yaparken Türkçe karakter kullanmamaya özen gösterin. Html ile ilgili genel bir kalıp bulunuyor. Tüm kodlamalarile başlayan alanın içine yazılıyor. Sayfanın başlık kısmı iseetiketleri arasına yazılıyor ve title ile ifade ediliyor. Genellikle kodlama süresince küçük harf kullanımı tercih ediliyor.
Html ile Site Yapımı
Html kodu nedir sorusuna cevap verdikten sonra bir internet sitesinin nasıl html ile kodlanacağı hakkında biraz fikir yürütebiliriz. Html ile tek tek sayfaları kodlayabileceğiniz gibi birçok sayfadan oluşan bir web sitesi de hazırlayabilirsiniz. Temel tasarım mantığı olarak ilk aşamada ana sayfayı hazırlamanız gerekiyor. Ana sayfa genellikle default.html gibi bir isimle adlandırılıyor ve alan adı çağrıldığında da kullanıcının karşısına çıkan ilk sayfa oluyor.
Ana sayfa düzenlendikten sonra ana sayfa üzerinden diğer sayfalara bağlantı vermek oldukça basit bir işlem olarak öne çıkıyor. Eğer isterseniz ana sayfayı geçmeden önce bir intro yaparak daha güzel bir görsel tasarım oluşturabilirsiniz. Html kodlama yapmak için aynı zamanda hazır şablonlar olan template şablonları da kullanabilirsiniz.