Merhaba. HTML ye ilkkes başlıyacak bir kişi iseniz size
öncelikle HTML etiketlerini vede ne anlama geldiklerini yazayım.
<HTML> : HTML belgesinin başladığını ifade eder.
<H1-6> : Başlık büyüklüklerini ayarlarsınız.
<B : Ince yazı yazar.
<I> : Italik yazı yazar.
<BR> : Satır başı yapar.
<HR> : Yatay çizgi yapar.
<BODY> : Tarayıcı penceresinde görülecek olanları işaretler.
<TITLE> : Websayfası başlığını ifade eder.
<P> : Paragraf başını ifade eder.
<HEAD> <TITLE> : ve diyer açıklayıcı bilgileri ifade eder.
HTML
Nedir ?
HTML (HyperText Markup Language / Hareketli-Metin İşaretleme
Dili)basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmayayarayan
bir çeşit dildir. Örneğin okuduğunuz bu sayfa HTML dili kullanılarak hazırlandı.
Siz de browser'ınızı (Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayı
ekranınızda görüntülüyorsunuz. Tanımda geçen "internet
dökümanı" ifadesinin yanısıra HTML ile oluşturduğunuz belgeleri harddiskinize
kaydedebilir ve internet bağlantınız olmasa bile bu belgeleri görüntüleyebilirsiniz.
HTML, programlama dilleri (pascal, basic,..) gibi bir programlama mantığı
taşımadığından öğrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri
ya da verileri biçimlendirmek, düzenlemek için kullandığımız komutlar dizisi
bile diyebiliriz HTML için.
HTML'de Temel Unsurlar
Bu sayfaya geldiğinize göre HTML öğrenme işinde ciddisiniz
demektir. HTML nispeten kolay bir dildir dedik. Bu dilde binary veya hexadecimal kodlar
yok. Herşey metin tabanlı ve bir HTML dökümanı oluşturmak için ihtiyacınız olan
şey bir editör. Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu işi Windows'un
notepad'i ile dahi halledebilirsiniz. Piyasada iki tip editör bulunuyor. Birisi metin
tabanlı, kod yazmayı gerektiren fakat bunun yanısıra rutin bazı işlemleri
kolaylaştıran editörler(HotDog, HomeSite..) diğeri WYSIWYG (What You See Is What You
Get / Ne görürsen onu alırsın) tarzı denen kısaca görsel, kodlamayla
uğraştırmayı gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects
Fusion,..). Benim yeni başlayanlara tavsiyem Windows'un notepad'i. Bu işlerin
nasıl yapıldığını öğrendikçe ilerde siz de görsel editörlere
geçebilirsiniz. Çünkü bir yerde istenmedik sonuçlar çıkabilir ve kodlara müdahele
etmeniz gerekebilir. Üstelik görsel editörler bazen istenmeyen kodlar ekliyorlar, bu da
döküman boyutunun büyümesi demek. Burada şunu da belirtmek gerekiyor;
browserlar arasındaki yorum farklarından dolayı sayfanız bir browser'da iyi
görünürken bir başka browser'da hiç istemediğiniz bir şekilde
görüntülenebilir. Hele yeni bazı teknikleri (css, dhtml gibi)sadece MS Internet
Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak desteklemiyor.
Yine de piyasayı neredeyse yarı yarıya paylaşan bu iki browser'ın birbirlerine
üstün olduğu yönleri var. Sonuçta, ne kadar fiyakalı bir sayfa da yapsanız
elde ettiğiniz başarı sayfanızı ziyaret eden kişinin kullandığı browser'a mahkum.
Hatta ziyaretçiniz browser'ına verdiği bir talimatla "yalnız şu fontu
kullan", "grafikleri görüntüleme" şeklinde bir ayar yapmışsa
emekleriniz boşa gitti demektir. Yine de bu kadar karamsar olmayalım.
Resimleri
zemin yapmak :
Yani art alan yapmak... Bu resim yada renkleri zemin yapmak basit
bir HTML komutuyla sağlanabilir. Normal beyaz zeminden kurtulup farklı bir zamin
istiyorsanız eğer zemininiz için jpeg resmini kullanmak için vermeniz gereken komut
şudur :
<BODY BACKGROUND="resim.jpg"> ve ya gif kullanıyorsanız jpg yerine gif
yazmalısınız.
<BODY BACKGROUND> komutunun tersi </BODY> dir. BODY BACGROUND un , HTML deki
<BODY> etiketi yerine geçer.
Bütün bunlar için yapmak zorunda olduklarımıza gelince : Windows NotePad i açın.
Link.htm beklesini açın.
</HEAD> etiketinin altına aşağıdaki yazıyı yazın. </BODY> etiketini bu
yeni komut ile değiştirmekiçin bu gerekli :
<BODY BACGROUND="dosyaadı.jpg" . Sonra File= > Save komutunu verin.
Internet Explorerı çalıştırın. Open komutu verin.
Link.htm dosyasını buradan açın. Background için istediğiniz büyüklükte bir resim
kullanabilirsiniz. Ancak şunu unutmayın ki sitenizin açılış hızı herzaman
için önemlidir vede bunu gözden çıkartmayın. Bunları düşünerek birşeyler
yapın.
Zemin rengini değiştirmek :
Zemin rengini direk zeminin rengini girerek
değiştirebilirsiniz.Tabiki bunun içnide bir komuta ihtiyaç duyacaksınız.
Renk değiştirmek için gerekli olan komut şudur : <BODY BGCOLOUR="Gold"
Şu renkler arasında seçim yapabilirsiniz.
White , Yellow , Green , Gray , Black , Aqua , Lime , Olive , Maroon , Teal , Red , Purple
, Fuschsia , Blue , Navy ,
Silver ... Özellikle bu renkleri yazmamın sebebi bir çok kullanıcının sahip olduğu
VGA standardı 16 rengi destekler.
HTML yazar araçlarını nasıl kullanırız ?
Kelime işlemci yani notepad v.b kullanarak sıfırdan HTML
belgeleri yazmak,Web asyfası yaratmanın tek yolu değildir.
En azından 20 sayfalı bir web sayfası hazırlamayı düşündüğünüzü var sayarak ,
yazıların etrafına etiketleri yerleştirmekte
kolaylık sağlayan HTML yazar araçlarını kullanmak daha pratik bir yöntem
olacaktır.HTML yazar araçları HTML etiketlerini siz
yazmadan HTML belgeleri yaratmanızı sağlar. Bu işi bazı yazılımlar yapar.
Sayfaları web sunucusuna
yerleştirmek
Yarattığınız HTML belgeleri sabit diskinizde durduğu sürece
kimse onlara erişemez ve erişemedikleri sürece de amacınız
yani birilerine birşeyler anlatma isteğiniz gerçekleşmez. Oların erişilebilir
olmaları lazım. Internetten HTML belgeleriniz
konusunda gelen istekleri karşılayabilmeniz için özel bir sunucu yazılımına
ihtiyaç duyarsınız ,
bilgisayarda çalışan bu yazılımlara Web Sunucusu denir. HTML belgelerinizi bir WEB
sunucusu olmadıkça Internet
üzerinde hiç kimse onları göremez. Cute FTP programı en iyi sunuculardandır. Bu
programı edinip sayfanıza erişebilirsiniz.
Eriştikten sonra dosya sisteminizi , HTML dosyalarınızı nete çok kolay bir şekilde
iletebilirsiniz.
|
