HTML Nedir ve Nasıl Programlanır?

1990lara kadar, internette herhangi bir bilgie ulaşmak teknik olarak çok zordu. Taki şimdi çok ünlü, gerçekte bir fizikçi olan Tim Berners Lee'nin  "hypertext" isimli internette yazılar-arası bir tanımlama getirmesine kadar...

HTML: Hyper Text Markup Language, hiper yazı işaretleme dili diye kabaca tanımlarsak internet sitelerindeki her türkü bilginin düzenlenmesi, biçimlendirilmesi ve önetilmesi için geliştirilmiş bir programlama dili. Aslında tam olarak bir dil değildir.

Web Sayfası Nedir?

1993lerde, dünyadaki 100 bilgisayarı HTML sayfalarını barındırmak için donatmışlardı. Sonra bu birbirlerine bağlı farklı bilgisayarlardan oluşan kümeye/sisteme World Wide Web (WWW) yani dünya çapında ağ dendi, ve insanların bu sayfaları görüntüleyebilmeleri için birkaç tane web tarayıcı programı geliştirdiler. Web popülerliği ile beraber birkaç programcı yazılarla beraber resimlerinde kolayca görüntülenebileceği tarayıcılar geliştirdiler. Bunlardan biri de Marc Andressen adlı bir programcıydı; o daha sonraları dünyanın en iyi web tarayıcısı olarak ünlenen Netscape Navigator ile çok ünlü ve zengin oldu.

Bugün, HTML sayfaları internet arayüzünün standarlarıdır. Bunlar artık kolayca çok çeşitli hareketli animasyonları, sesleri, videoları, interaktif online programları ve güzel görünümlü yazıları gösterebilmektedir. Artıl milyarlarca sayfa bunları barındıran web serverlardan an be an kullanılmak üzere taracılarımız tarafından alınıp gösterilmektedir.

Web günümüz dünyasında o kadar çok yayıldı ki TV yayınlarından, ağ üzerinden telefon görüşmelerine oradan bankacılık ve e-devlet işlemlerine kadar en temel ihtiyaçlarımız da en temel yeri işgal edegeldi. Bu yönüyle de kitlesel ve kütlesel olarak da çok büyük bir reklam-tanıtım ve pazarlama ağına dönüştü.

Artık internet bilgisayar dünyasında en temel birimlere bağlantolara girdi. HTML sayfaları sadece istedğimiz sitelerden bilgi, belge ve veri sağlamanın ötesinde iletişimin neredeyse odağına oturdu.

Web sayfaları Nasıl Çalışır

Bir web sayfasını görüntülemek normal bir a4 kağıdına veya bir kitabın sayfasına bakmak gibi bir şey. İlk bakışta bir web sayfasının görüntülenmesi: bilgisayara ilgili programı kullanarak istediğimiz sitenin adresini girer veyahut bilgisayarda bir dosya aradığımızda ilgili dosyayı tıkladığımızda istediğimiz site/sayfa/dosya anında görüntülenecektir! Tabi ki talep ettiğiniz site dünyanın başka bir yerindeki serverlarda barındılıyorsa bir an için bağlantı hızınıza bağlı olarak beklemeniz gerekmektedir.

Bir kitabın sayfalarını karıştırmıyosunuz. Bir sonraki sayfada ne geleceğini/gelmeyeceğini kestiremeyebilirsiniz. Sadece bir tıklama bir enter ile karşınıza ne geleceğinizi bekliyorsunuz.

Görüntülediğiniz bir kitap sayfası gibi herşeyin bir yaprakta gömülü olduğu bir alan olmadığından gezdiğiniz web sitesinin yazılarının kaynağı  Rusya'dan, resimlerinin kaynağı Almanya'dan, seslerinin kaydağı Hawaii'de, videoların kaynağı Avustralya'dan olabilir!

http:://www.e-siber.com sitesinin 2 farklı tarayıcıdan görünümü: Soldaki Internet Explorer ve sağdaki Mozilla Fifrefox

Web tarayıcı web sayfasının resimlerini ve yazılarını HTML kodlarına bakarak yorumlayıp bize sunan bir bilgisayar programdır.

Kaynak Kodu: Bu resim bir web sayfasının arkaplanında neler döndüğünü gösteren kaynak kodlarıdır. Böyle kodları görmek için yapmanız gereken tek şey şu an bakmakta olduğunuz sayfada herhangi bir boş yere sağ tıklayıp internet explorer da: "Kaynağı Görüntüle"; mozilla firefox'da "Sayfa Kaynağını Göster"e tıklayınız.

Yukarıdaki resme bakınca gördüğünüz tek şey bir kodlar yumağı ve kafanızı karıştıran bir öte beri yazıdan ibarettir. Tabi bilmeyenler/ilk defa bakanlar için! Halbuki bir web sitesinin bütün sistemi/düzeni/yerleşimi bunlar yani HTML kodları aracılığı ile yapılamaktadır. İlerleyen derslerimizde bu konulara etraflıca değinmeye çalışacağız... 

Web Sayfalarını Nasıl Düzenleriz

Bu işi en kolay halletmenin yolu bir yazı ve resim düznleyicisine sahip olmak. Bunun için Notepad yazı işleri için, Paint'i de resim işleri için kullanabilirsiniz. Her ikiside Windows İşletim Tabanlı bilgisayarlada bulunmaktadır.

Kısayol: Notepad C:WINDOWSNOTEPAD.EXE  Paint  C:WINDOWSPAINT.EXE

Diğer Kullanabilceğimiz Fonksiyonel Programlar:
Microsoft FrontPage	Windows Wordpad
Microsoft Word 6	Netscape Composer/Navigator Gold
WordPerfect, MS Works, or ClarisWorks	NetObjects Fusion
Macintosh SimpleText	PainShop Pro
HTML-Kit	Corel Draw
Macromedia Dreamweaver	Adobe Photoshop

Her programın kendine has bir çok özelliği bulunmaktadır. Her kullanıcı kendi alışkanlığına göre farklı programlar kullanabilmektedir.

Yeni öğrenenlerin, içinde hazır kodların-örneklerin bulunduğu ve arayüzü kullanışlı programları tercih etmeleri işlerini kolaylaştıracaktır. 

ETİKETLER · html · html dersleri · html kodları · html etiketleri · web

Arkadaşına Tavsiye Et

HTML

• HTML - HTML Etiketleri ve Elementleri
• Resim İçine Farklı Yerelere Farklı Link
• Sitenizin HTML Kaynak Kodunu Sayfada Gösterin
• HTML Nedir ve Nasıl Programlanır?
• HTML Programlama