Html nedir?

HTML dokumanlarinin tamami ASCii karakterlerden olusan ve herhangi bir editorde yazilabilen metinlerden olusmustur. Windows üzerinde notepad, ultraedit ya da farkli bir editorle; UNiX uzerinde pico, vi veya sevdiginiz herhangi bir metin editoru kullanarak HTML dokumanlarinizi hazirlayabilirsiniz.

Bunun disinda, kullanicinin HTML dilini bilmedigi farzedilerek Windows ve DOS altinda calisan cesitli yazilimlar hazirlanmistir. Ayrica, HTML kodunun dogrulugunu kontrol eden yardimci programlara da internet uzerinden erisilebilir.

HTML, sayfalara yazacaginiz bilgilerin formatlarini (yazi rekleri, buyuklukleri, paragraf bicimleri vb gibi), sayfalar arasindaki gecis baglantilarini verebileceginiz bazi komutlar icerir.

Bunu kucuk bir ornekle aciklayalim :

COLOR="#FF0000">

Sayfama Hos Geldiniz

Web istemcileri ile gördügümüz sayfalar aslinda, bir takim web sunucularinda tutulan, HTML kodlarindan (ayrica diger bazi yardimci elemanlardan) ve vermek istedigimiz bilgilerden olusan düz yazi (ASCii) text dosyalaridir. Soldaki kisimda görülen < > isaretleri arasindaki komutlar HTML belirteçleri, ya da HTML komutlari olarak bilinir. HTML sayfalari .... arasina yazilan bilgiler/komutlarla (HTML kodu/kaynak programi) olusturulur.

Yukaridaki örnekte, örnek HTML belirteçleri/komutlaridir. HTML kodu içinde birakilan bosluklarin hiçbir önemi yoktur. Asil olan, HTML belirteçleri ile verilen biçimlendirme ortamlaridir. Asagida, genel bir web sayfasi formu görülmektedir :

Bu alana, normal olarak web sayfasinda goruntulenmeyen bilgiler yazilir. Bunlar; sayfa basligi, anahtar kelime tanimlamalari ve sayfa iceriginde kullanilan karakter bilgisi (dil, code page vb) vb. dir.

Dokuman genelinde oncelikle yuklenmesi istenen JavaScript, VBScript kodlari da bu alana yazilabilir.

Bu alana, dogrudan web sayfasinda gorulen her turlu duzyazi, formatlama bilgileri, diger komutlar vb. yazilir.

Netscape Navigator, Microsoft internet Explorer, Mosaic, Lynx ve Opera gibi web istemcileri ise bu HTML kodlarini yorumlayarak sonucta web sayfalarinin gorunen bicimlerini olustururlar. Dokuman formatlama ozellikleri dusunuldugunde, HTML'yi bir kelime islemci gibi dusunmek de olasi. Ancak bir farkla : HTML her bilgisayar ortaminda, her turlu web tarayicisi ile hep benzer sayfa bicimleri olusturur ve sunar. HTML'nin dokuman formatlama (bicimleme) disinda sundugu en onemli ozelliklerden biri de dokumanlar icinde ve dokumanlar arasi kurulabilecek baglantilardir yani linklerdir. Bu haliyle, dokumanlar arasi gezinmek ve bilgiler arasinda dolasmak mumkun olur.

Web istemciniz ile baglandiginiz sayfanin kaynak kodunu (yani HTML halini) istemcinizin "View" menusu altindaki Page Source (Microsoft iE icin sadece "Source") ile gorebilirsiniz. Yani, Web istemcilerinizde gordugunuz sevimli sayfalar aslinda tamamen ASCii karakterlerden olusan "metin dosyalaridir".Belgenin Basi

Temel bir HTML dokumani asagidaki gibi yazilabilir:
< title> Burasi konunun yazilacagi yer

< h1> Bu, 1 numarali baslik

HTML dunyasina hosgeldiniz.

Birinci paragrafimiz.

Bu da ikinci..


HTML yazarken, metnin Web tarayicinin anlayacagi sekilde gosterilebilmesi icin belirtecler kullanir. Yukaridaki ornekte:

< title> ve < /title> belirtecleri, dokumanin konusunu gosterir.

< h1> ve < /h1> belirtecleri, dokumanin basligini tanimlar. 

 < p> belirteci, paragraf tanimlar.

Tum HTML belirtecleri, kucuktur isareti (< ), belirtec ismi ve buyuktur isaretinden (>) olusur. Genellikle her belirtecin < h1> ve < /h1> orneklerindeki gibi bir cifti olur ve sondaki belirtecin ismi onune ayrac gelir. Yukaridaki ornekte < h1> , Web programina 1 numarali baslik formatinda yazmasini, ise bu formati kapatmasini soyler. < p> belirteci istisna bir durumdur ve < /p> olarak kapatilmaz.

Not1: HTML belirtecleri kucuk-buyuk harf ayrimi yapmaz. < title > , veya < tiTlE> belirtecleri ayni gorevi yaparlar.

Not2: Her belirtecin bir WWW "browser"inda tanimli olma zorunlulugu yoktur. Eger browser desteklemedigi bir komut ile karsilasirsa kullaniciyi uyarmadan belirteci gozardi eder.Belgenin Basi

Html'nin sagladigi bazi onemli ozellikler sunlardir :

Web sayfalarindaki yazilara degisik formatlar verilebilir (koyu renk yazi, italik yazi, yazi ortalama, renk verme, degisik boyutlarda yazma gibi), Tablo, Liste, Adres Alani, sabit genislikli yazi alani vb gibi ozel bicimler olusturulabilir, Web sayfalarinda "frame" adi verilen, ve birbirleri ile iliskilendirilebilen alt-kisimlar olusturulabilir.

Degisik tipteki menu yapilari ile kullanicinin etkilesimli bir sekilde secebilecegi veri giris sistemleri kullanilabilir, ses, grafik, animasyon gibi uygulamalarin web sayfalarindan calistirilabilmesi icin gerekli ortamlar saglanabilir,

Java, JavaScript, VB Script gibi programlama dilleri ile web iceriklerinin etkilesimli kullanimi icin gerekli ortamlari saglar, Sunucu tarafinda calisan CGi programlari ile web iceriklerinin etkilesimli kullanimini saglar (sifre uygulamalari, sayac uygulamalari vb gibi). HTML standartlari surekli guncellenmektedir.

Sayfa icerigi Nasil Saptanir? on Dizayn Yapmanin Getirebilecegi Avantajlar Nelerdir? Nelere Dikkat Edilmeli?

Web sayfasinda hangi bilgilerin yer alacagini saptamak ilk yapilmasi gerekenlerden. Sayfanizi hazirlamadaki amaciniz ne? Kendinizi tanitmak mi? Bir urunu mu tanitmak? Daha sonra, sayfanizi hazirlamadan once 1-2 hafta sureyle web'de gezinin yani internet diliyle sorf yapin. Sizinkine benzer icerikli sayfalarla mutlaka karsilasirsiniz. Buradan, iyi ya da kotu tasarimin ne oldugu konusunda kafanizda fikirler olusacaktir. ote yandan, normal bir internet kullanicisinin profesyonel bir grafik ya da web sayfasi tasarimsici olmasini da bekleyemeyiz.. Bu yuzden, ilk sayfaniz cok sade gorunumlu olabilir. Herzaman, web sayfasinin icerdigi bilgilerin onemli oldugunu ve sayfa duzeninin de bu bilgilere kolayca erisimi saglayacak sekilde olmasinin getirecegi kolayliklar ve avantajlari akilda bulundurun. Eger web sayfalarinizda birden cok konuyu isleyecekseniz, buna gore ilgili dosyalarin sabit diskte bulunmasi gereken dizin yapilarini saptamak ta yapilmasi gereken ilk islerden biri olmali. Her farkli sayfanin farkli bir dizinde saklanmasi sayfa organizasyonunu kolaylastirir.

Belirli bir konuda hazirlanmis iyi web sayfalari, oncelikle, buraya baglanan insanlarin mumkun oldugunca zahmetsiz ve kisa yoldan isteklerine ulasmalarini saglamalidir. Ayrica, konunun disina tasmadan, verilmek istenen anlatilmalidir. Hic kimse, ekranlar dolusu uzunlukta yazilardan olusan bir siteyi okumak istemez. Bu genellikle cok sikici olur.

Web sayfasinda ne kadar grafik/resim/ses vb olacagi, bu dosyalarin buyukluklerinin belirlenmesi de cok onemli. Hic kimse, baglandigi bir web sayfasinda 100lerce kilobyte tutan bir resim ya da animasyon dosyasinin yuklenmesini beklemek istemez. Web sayfalarinda resim ve animasyon kullanimi sayfanin cekiciligini arttirsa da, unutmayin ki bu sayfalara ulasacak kisilerin internet baglanti hizlari cok dusuk modem baglantisi (14.4kbps gibi) duzeyinde de olabilir.