Webin en önemli özelliği bağlantılardır. Bu sayede bir sayfadan başka bir sayfaya, bir siteden diğerine bir tıklama ile ulaşılabilirsiniz. Bunu yapmak için biraz URL sisteminden kısaca bahsetmek gerekli olacaktır.URL kısaca internet üzerinde adresleme yöntemlerinden biridir. Birçok formatı olmasına rağmen bizi bu bölümde temel olarak ilgilendiren Http protokolüdür. Http bir websitesinin/sayfanın adreslenmesidir. Örnek bir kullanımı :
Şimdi bu gördüğümüz özellikleri örnekler üzerinde deneyelim.
<HTML>
<HEAD>
<TITLE> BODY tagı özellikleri</TITLE>
<META HTTP-EQUIV=”Content-Type”
CONTENT=”Text/Html; charset=iso-8859-9″>
</HEAD>
<BODY BGCOLOR=”Black”
TEXT=”White” LINK=”Lime”
ALINK=”Yellow” VLINK=”Fuchsia”>
Sayfamızın zemin rengini siyah yaptık.
Ayrıca yazı rengini ise beyaza çevirdik.
Text
Bu ozellik kullanılacak temel yazı rengini belirler. Kullanım şekli :
Bgcolor
Bu özellik sayfanın zemin rengini belirler. İstediğimiz bir rengi sayfamız için zemin rengi olarak atayabiliriz. Kullanımı :
Link
Bu değer ile sayfa içerisindeki bağlantıların ( linklerin ) rengini belirleyebiliriz. Ön tanımlı olarak mavi olan bu rengi istediğimiz gibi değiştirebiliriz. Kullanımı :
Alink
Bir bağlantıya tıklandığı andaki rengini belirler. Kullanımı :
Onaltı tane rengi kullanmak herzaman yeterli olmamaktadır. Bu nedenle RGB değerleri ile istediğimiz rengi tanımlayabiliriz.RGB açılım olarak RED-GREEN-BLUE yani KIRMIZI-YEŞİL-MAVİ anlamındadır. Bu üç rengin karışımı kullanılarak istenilen renk ortaya çıkarılır. Burada her renk değeri için 0 ile 255 arasında bir tamsayı girilmek zorundadır. Mesela iyi anlaşılabilmesi için mavi rengin kodunu verelim 000 000 255 kırmız ve yeşilin renk değerlerini 0 yaptık mavinin renk değerini ise 255 olarak atadık ve ortaya mavi renk çıktı.
Yine siyah için 000-000-000 yani tüm renk değerlerini sıfıra eşitledik, beyaz için ise 255-255-255 değerlerini kullanmamız gerekmektedir. Bu değerler ile oynanarak istenilen renk elde edilebilir.
Sayfa içeriğinin <BODY> ve </BODY> tagları içerisine yerleştirildiğini daha önce görmüştük. Bu bölümde <BODY> tagının bazı özelliklerini göreceğiz. Bu özellikleri kullanmak içinde htmlde renk kavramına değineceğiz.
Html belgelerinde renk kullanmak istendiğinde kullanılacak iki yol vardır. Bunlardan ilki renk isimlerinin kullanılması ve ikincisi ise onaltılık sistemde RGB renk kodlarının kullanılmasıdır.
Html de onaltı adet renk tanımlanmıştır. Bu renkleri kullanmak işin direkt olarak isimlerinin yazılması yeterlidir. Bu renk isimlerini aşağıdaki tabloda görebilirsiniz :
Bu gördüğümüz meta tagları bir örnek içerisine yerleştirelim :
<HTML>
<HEAD>
<TITLE> Meta tagların kullanımı </TITLE>
<META HTTP_EQUIV="Content-Type"
CONTENT="Text/Html; Charset="iso-8859-9">
<META NAME="Description"
CONTENT="Websayfalarında meta tagların kullanımını
anlatan örnek bir sayfa.">
<META NAME="Keywords"
CONTENT="Metataglar, html, websayfası, metatag kullanımı,
ornek ifade, sayfa tasarımı,">
<META NAME="Author" CONTENT="Selami Demir">
</HEAD>
<BODY>
Meta taglar web sayfasını tanımladığından önemlidirler.
Genel olarak aramamotorları gibi server programları için
kullanılırlar. Bu nedenle sayfa tanıtımında birinci
dereceden rol oynarlar. Ayrıca Türkçe karakter setinin
kullanılması gerektiğini meta tag ile browsere bildiririz.
</BODY>
</HTML>
Yukarıdaki örneğimizi deneyerek sonucu görün. Aslında sayfa içeriğine hiçbir etki yapmadık. Sade Türkçe karakter setin kullanılması gerktiğinin dışında. Burada elinizde öntanımlı ingiliz karekter setinin kullanıldığı bir browser varsa mesela Netcape gibi bu tagı kaldırarak sonucun nasıl olduğunu görebilirsiniz.Yukarıdaki örnek ifadelerin sonucunu görmek için tıklayınız.
Metataglar sayfa tanıtımında önemli yer tututarlar bu nedenlede mutlaka kullanılmaları gerekmektedir.Daha başka meta taglar olmakla beraber burada bu tagları görmeyeceğiz. Yine daha başka başlık tagları da vardır mesela <BASEFONT>,<LINK> gibi. Fakat şimdilik bu tagları görmeyeceğiz.
Hazırladığınız sayfa içeriği Türkçe ise ve kullanılan browser Türkçe karakterleri kullanmıyorsa yani eğer browser öntanımlı olarak ingilizceyi kullanıyorsa Tükçe karakterleri doğru olarak göstermiyecektir. Bunun sonucu olarakta sayfanızın içeriği doğru görüntülenmeyecektir.Bu nedenle sayfada kullanılan dilin Türkçe olduğunu ve Türkçe karakter setinin kullanıldığını belirtmek ve browserin Türkçe karakter setini kullanması gerektiğini bildirmek için şu meta tagı kullanacağız :
<META HTTP-EQUİV="Content-Type"
CONTENT="Text/html; charset=iso-8859-9"><META> tagları döküman için açıklayıcı bilgiler vermekte kullanılır. Bu bilgile genel olarak aramamotorları için kullanılırlar. <META> tagının birkaç özellik ile kullanımını aşağıda göreceğiz :
Sadece web sayfası tasarlamak istediğimiz zaman bize bir text editörü yeterli olacaktır. Tabiiki bir bilgisayar üzerinde. Windows ortamında çalışanlar için Not Defteri yeterli bir programdır. Diğer işletim sistemleri içinde bu sistemlerde kullanılan text editörleri yeterli olacaktır.
Aslında web sayfası tasarlamak için çok sayıda program geliştirilmiştir. Bunlar webmaster için yardımcı programlardır ve sayfa tasarımındaki zorlukları en aza indirmek için tasarlanmışlardır. Biz bu bölümde bu programlardan bahsetmeyeceğiz. Çünkü HTML li öğrenmek için öncelikle tagları yazarak tam bir şekilde öğrenmek ve kullanımlarını kavramak zorundayız. Yazmak öğrenmek için iyi bir yöntemdir.
Son Yorumlamalar