Bu yazımızda web tasarım kodlama dilinin en basiti ve temeli sayılan HTML kodlama dilinin ne olduğunu ve nasıl kullanıldığını anlatacağız. HTML (İngilizcesi : Hypertext Markup Language), belgelerin birbirlerine ne şekilde bağlanacakları ve nasıl yerleşecekelrini belirleyen etiketlerden oluşan bir kodlama dilidir. HTML dosyaları bir sunucuda .html veya .html uzantısı ile yer alır. HTML dil kullanılarak yazılan kodlar aslında birer düz yazı dosyalarıdır. Yazdığımız kodları başka bir program aracılığı ile derlememize gerek yoktur. Yalnızca notepad de yazdığımız kodları .html veya .html uzantısı ile kaydetmemiz yeterlidir. Bir web sitesine girdiğimizde ilk olarak açılan sayfa index.html, index.htm, index.php, veya index.asp adında oluşturulan sayfalardan biridir. Bu söylediğimiz sayfalarındışında sunucu ayarları veya .htaccess dosyası değiştirilerek ilk olarak açılan sayfa değişebilir ancak genellikle ilk olarak açılan dosya ve sayfa bu söylediklerimizden biridir.
HTML web tasarım kodlamasının yapısı
Yazımızın başında da bahsettiğimiz gibi HTML yalnızca düz yazılardan oluşan bir dosyadır. HTML web tasarım kodlama dilini öğrenmesi oldukça basittir, fakat HTML dili ile üretilen web tasarımlar yaratıcılığa açık değildir. Yaratıcılığa açık olmamasının sebebi oluşturduğunuz sayfaların statik olmasıdır. HTML kodlamanın basit olmasının en büyük sebebi ise, hiçbir düzenleyiciye gerek kalmadan notepad gibi bir metin editorü ile kodlarınızı yazıp, yazdığınız kodları hemen bir tarayıcıda kontrol edebilmenizdir. HTML web tasarım kodlaması da diğer kodlama dilleri gibi belirli bir yapı ve kurallara göre yazılmalıdır. Bu kurallar;
- Kodlamaya <html> kodu ile başlamalı ve </html> kodu ile bitirmelisiniz. Bu etiketler ile sayfanın yapısınınve kodlama dilinin html olduğunu belirtmiş oluyorsunuz.
- Sayfanızı tasarlarken ana 2 kısımdan oluşturmalısınız. Bu kısımlar;
- <head></head> : Oluşturulan sayfanın en üst kısmıdır. Sayfa ile ilgili olan meta etiketlerinizi, css kullandıysanız css dosya adreslerinizi, javascript kullandıysanız onun kodlarını ve ana menünüzü burada belirtmeniz gerekmektedir.
- <body></body> : Bu kısım sayfanın içeriğinin yer aldığı gövde kısmıdır. Görselleriniz, içeriğiniz, fotoğraf galeriniz vb.. içeriğinizi bu kısımda belirtmelisiniz.
- Kullandığınız bütün HTML etiketler büyüktür ve küçüktür işaretleri ile açılıp kapatılmalıdır. Bir etiketi kapatırken mutlaka / işareti kullanmalısınız. ( <body></body> gibi )
HTML web tasarım kodlaması ile yapabilecekleriniz
Bu kodlama dili ile basit ve statik tasarımlar oluÅŸturabilirsiniz. Web tasarım kodlama dilinin temelini oluÅŸturan HTML ‘i web tasarım ile uÄŸraÅŸan herkes öğrenmeli ve iyi bir ÅŸekilde bilmelidir. HTML kodlaması ile php, asp, curl gibi diÄŸer kodlama dilleri karıştırılarak statik bir sitenin dışına çıkıp dinamik bir web tasarım yapabilirsiniz. Ayrıca javascript ve css kodlamasını iyi bir ÅŸekilde öğrenerek son teknoloji olan HTML5 dili ile Flash tasarımları aratmayan hareketli web tasarımlar oluÅŸturabilirsiniz.
Bir önceki yazımız olan Favicon kullanımının önemi başlıklı makalemizi de okumanızı öneririz.
Benzer Yazılar:
