2. İLK HTML SAYFANIZ:
Artık ilk sayfanızı yapmaya hazırsınız. Eminim web sayfası
yapmak için FrontPage, HotDog, Adobe GoLive ya da benzeri programların
kullanıldığını duymuşsunuzdur.. Ancak eğer mutlaka bu programların
kullanılması gerektiğini düşünüyorsanız, yanılıyorsunuz. Sizin ihtiyacınız
olan sadece Windows'un Notepad metin editörü. Haydi hemen açın
Notepad'i.
Notepad'in nerde olduğunu bulamadıysanız Baslat > Donatılar
menüsünden bulabilirsiniz. Resim
Şimdi az önce öğrendiğimiz şeyleri uygulamaya başlayalım.
Notepad'de önce html dosyasının ilk satırını yazalım. Sonra da
sayfanız hakkında bilgi veren <HEAD> bölümünü yazalım.
<HTML> <HEAD> <TITLE> Bu benim
ilk sayfam </TITLE> </HEAD>
Üstteki kısım hazırlayacağınız bütün web sayfalarının başına standart
olarak yazmanız gereken kısımdır. Burda iki yeni TAG görüyoruz.
1. <HEAD>......</HEAD> 2.
<TITLE>.....</TITLE>
HEAD konusunda öğrenmeniz gereken pek bir şey yok.. Bu standart olarak
her web sayfasında bulunan bir TAG. TITLE ise sizin işinize
yarayacak bir TAG. <TITLE> ile </TITLE> arasına
yazacağınız şeyler Browser'inizin en üstündeki mavi bölümde görünecek
olan kısım olacaktır.. Örneğin bu sayfanın TITLE (yani başlığı) "İlk Web
Sayfanız" dır. Şimdi de dosyanızın BODY (gövdesini)
oluşturacaksınız.
<BODY> İşte ilk Web Sayfam.. Aslında hakkaten
kolaymış değil mi? </BODY>
Yukarıda da Browser'da görünecek olan kısmı yazmış oldunuz. Şimdi
de kapatalım <HTML> TAGımızı.
</HTML>
Yukarıda anlattığımız şeylerin derli toplu kodu aşağıda.. Eğer hala
yazmadıysanız Notepad'e bunları yazmanın tam sırası:
<HTML> <HEAD> <TITLE> Bu benim
ilk sayfam </TITLE> </HEAD> <BODY> İşte
ilk Web Sayfam.. Aslında hakkaten kolaymış değil mi? </BODY>
</HTML>
Şimdi dosyanızı ilk.html olarak kaydedin. Tavsiyemiz "masaüstü"nde yeni
bir klasör açarak ilk.html'yi bu kalsörün içine kaydetmeniz.
(Masaüstünüzde sağ tıklayıp New > Folder'ı seçin. Resim) Bunun için Dosya>Kaydet
(ya da File>Save) sonra da kaydetme alanında ilk.html yazıp
kaydet'e tıklayın. Resim 1
Resim 2
Şimdi kaydettiğiniz yerden ilk.html'nin üstüne tıklayıp Dosyanızın
Browser'da görünmesini sağlayın.
Aslında baklarsanız öğrenmeniz gerekenlerin büyük kısmını şu anda
öğrenmiş durumdasınız. Nasıl kolay demekte haksız mıymışım?
Şimdi biraz daha ayrıntılara başlayabiliriz.
|