Web
Sayfası Yapısı
Ders Hedefi:
Her web sayfası, aynı basit temel yapıya sahiptir. Browserın sayfayı doğru
görüntüleyebilmesi için yeni bir web sayfası tasarlarken bu temel yapıya
uymalısınız. Atölye bölümümüzdeki alıştırmaları iyice kavramak için Windows
metin editörü denilen not defteri ile çalışın.
Atölye:
Aşağıdaki işlemleri adım adım uygulayın.
1.
Windows
metin editörünü, Başlat düğmesine ve daha sonra da Programlar/Donatılar/Not
Defteri komutunu kullanarak çalıştırın.
2. Her sayfanın başlangıç ve bitiş işaretleri olan Tag'leri (Komut) yazın.
<HTML>
</HTML>
3. Web sayfasının başlık alanı için belirlenen kodu, iki komut arasına
yazın.
<HEAD>
</HEAD>
4. Web sayfasının gövde kısmı için kullanılan kodu </HTML> komutundan
önce girmelisiniz.Gövde kısmı, daha sonra web sayfası üzerinde görüntülenmesi
gereken bilgileri saklar.
<BODY>
</BODY>
5. Dosya menüsünden Farklı Kaydet'i çalıştırın. Belgelerim klasörünün
içerisinde bir kurs klasörü oluşturun. Bunun için Yeni Klasör Oluştur düğmesine
tıklayın ve isim olarak "Kurs" yazın.
6. İsimliği değişikliğini [Enter] tuşuna basarak onaylayın ve yeni
klasörü açmak için Aç düğmesine tıklayın.
7. Bu web sayfası dosyasına "t02_yapi.htm" adını veriniz ve Kaydet
düğmesine tıklayın.
Ek Bilgi:
HTML komutlarının her biri Tag olarak adlandırılır. Tag, daima sivri parantezler
içinde yazılır. Harflerin küçük veya büyük yazılması HTML'de hiçbir önem taşımaz.
Bu nedenle siz de istediğiniz yazım şeklini kullanabilirsiniz.
<html>......</html>
<HTML>......</HTML>
<Html>......</HTML>
Çoğu HTML
komutları bir başlangıç, bir de bitiş kısmından oluşur. Bitiş kısmı bir eğik
çizgi ile belirtilir. Sayfa içeriği, <HTML> ve </HTML> komutları arasında
tutulur. Web sayfasının temel yapısı, başlık (HEAD) ve gövde (BODY) kısımlarının
oluşturduğu alan üzerine oturtulur. Başlık alanındaki veriler web sayfası
üzerinde tek başlarına görüntülenmezler.
Bu alan sayfa başlığı girmek, browser ve arama motorları için gerekli bilgileri
saklamak ve bu sayfayı gösteren bağlantıların pencerenin hangi kısmında
görüntüleneceği gibi temel ayarlar için kullanılır.
Dikkat!
Web sayfalarını Not Defteri'nde kaydederken HTML veya HTM dosya uzantısını
girmelisiniz. Aksi takdirde dosya uzantısı olarak TXT kullanılacaktır. Web
sayfalarının isimlerini lütfen küçük harflerle yazın ve dosya isimlerinde boşluk
veya özel karakterler kullanmayın.
Özetle:
HTML komutları, Tags olarak ifade edilir ve arasında verilerin saklandığı bir
başlangıç ve bitiş komutundan oluşur. Bitiş komutunun, başlangıç komutundan
farkı önünde bir eğik çizgi bulundurmasıdır.
Bir web sayfası,
<HEAD> </HEAD>
komutları arasında tanımlanan bir başlık alanından ve <BODY>
</BODY>
komutları arasında tanımlanan gövde alanından oluşur.