Misafir
Misafir
 |  Konu: HTML - WEB SITE YAPIMI PART 1  Paz Tem. 27, 2008 1:15 pm | |
| HTML dosyası uzantısı .HTM veya .HTML olan web tasarımı için kullanılan dosyadır. Derste, bu tip dosyalar hazırlanırken Başlat/Programlar/Donatılar/Not Defteri(=NotePad) programı kullanılacaktır.
2.1.1 Yeni Bir HTML Dosyası Hazırlamak
1. Internet Explorer penceresini açın,
2. Adres çubuğuna about :blank yazıp Enter tuşuna basın.
(Yeni boş bir dosya oluşturulmuştur.)
3.Bu sayfada farenin sağ tuşuna, boş bir zemini, tıklayın.
4.Çıkan menüden Wiew Source/Kaynağı Görüntüle komutunu verin.
(Bir Not Defteri dosyası açılacaktır.)
5.Bu programı Dosya menüsünden Farklı Kaydet i tıklayın.
6.Dosya adı kendi soyadınız ve uzantısı .HTM veya .HTML olacak biçimde dosyanızı, masa üstünde html adlı bir klasör açıp bu klasörün içine kopyalayın. (Hazır).
HTML Kodları
HTML kodları(=deyimleri,komutları) <> şeklinde ifade edilen işaretlerin arasına yazılan HTML deyimleridir. Hemen hemen her kodun başlangıcı <> ve bitişi şeklindedir. Bu ibareler arasında kalan işlemler ilgili komut tarafından icra edilir. Bazı deyimlerin bir veya daha fazla parametresi vardır. Bu parametrelerin hepsi seçimliktir. Yani kullanma zorunluluğu yoktur. Fakat kullanıldığı takdirde deyime zenginlik katar. Ayrıca bu parametrelerin kullanılması için belli bir sıralama yoktur. HTML kodları yazılımında büyük harf küçük harf ayrımı da yoktur, örneğin = gibi. Aşağıda verilen örneklerin bir çoğunda büyük harf kullanılmıştır.
2.1.2 Giriş
Bütün HTML dosyaları kodu ile başlar kodu ile biter. Yani Web sayfası ile ilgili tüm deyimler bu iki kodun arasında kalmalıdır.
Web sayfası ile ilgili temel özellikler,Sayfa Başlığı, Yazı karakterler kümesi, link özellikleri gibi, burada tanımlanır.Kısaca head kısmında sayfanın nasıl görüntüleneceği gibi bölümler yer alır.Yeri geldikçe bu deyimin kullanımı gösterilecektir.
satırında Internet Explorer (=IE) programına sayfaya başlık verilmek istendiği işaret edilmektedir. IE <TITLE> ve arasında yazılan metni pencere başlığı olarak kabul eder. Bu deyimler deyimleri arasına yeralır.
Web sayfasında yer alacak asıl bilgiler HTML formatındaki dosyanın deyimi belirlenen kısma yazılır. İşlem deyimi ile biter. Bu iki deyim arasında herhangi bir metin web sayfasında ekranda aynen görülür.
Dosyanın içinde bir açıklama yapmak için kullanılır. Açıklama ... ile belirlenen kısma yazılır.
Bir metin yazılırken bir alt satıra geçmek için kullanılır. Bu deyim kullanılmazsa Tüm işlemler aynı satırdaymış gibi işlem görür. Yani
deyimi Enter tuşunun görevini görür.
Bir veya daha fazla satırı sayfa içinde ortalamak için kullanılır.
Bu deyim Web sayfasında yazılacak olan metnin puntosunda değişiklik yapmak için kullanılır. ? İşareti yerine 1-5 arası bir rakam gelir. Örneğin, büyük puntolu yazı yazmak için kullanılır.Sayı değeri büyüdükçe punto küçülür. ile bitirilir.
deyimlerini kullanmak yerine bu deyim kullanılabilir.
Parametreler:
SIZE : Sayfada bulunan bir yazının punto ayarı burada yapılır. Örneğin sayı yerine +4 yazılırsa
FONT deyiminin arasına yazılmış olan metnin boyutu +4 birim daha büyük görülecektir, -2
yazılırsa metin -2 birim daha küçük görülecektir.
COLOR : Yazının rengi burada belirlenir. Red,Blue... gibi
FACE : Yazı tipi ayarlamalarını burada yapılır. Arial, Tahoma... gibi
Bu iki deyim arasına yazılan metni koyu (=Bolt) olarak sayfada gösterilmesini sağlar.
Bu iki deyim arasına yazılan metni altıçizili (=Underline) olarak sayfada gösterilmesini sağlar.
Bu iki deyim arasına yazılan metni italik (=Italic) olarak sayfada gösterilmesini sağlar.
Bu iki deyim arasına yazılan metin üstindis olarak işlem görür.
Bu iki deyim arasına yazılan metin altindis olarak işlem görür.
2.1.3 Paragraf Biçimlendirme
Web sayfasında yazılan kelimelerin arasında yalnız bir boşluk vardır. Ayrıca bir alt satıra geçerken
deyiminin kullanılması gerektiği daha önce bahsedilmişti. Web sayfasında yazdığınız metnin NodPad e yazdığınız formatta görünmesi için bu deyim kullanılır.
Eğer uzun bir metin birden fazla paragrafla belirlenmek istenirse paragrafın başına ve sonuna bu deyimler yazılır.
Parametreler:
ALIGN : Paragrafın tipini belirler.Örneğin olarak kullanılırsa paragraf
sağa dayalı yazılır. sola dayalı olarak ve
paragraf ortalanarak sayfada görüntülenir.
2.1.4 Sayfanın Artalanını Belirleme
Bu işlem deyiminin parametreleri kullanılarak yapılır. Daha önce deyimini kullanırken bu parametrelerden bahsedilmemişti.
i) Artalan Rengini Belirleme
Renk kısmına sayfanın istenilen artalan rengi yazılır. Bu renkler ingilizce renk isimleri olmalıdır.
Örneğin: Blue, Black, Green, Yellow, Red, Gray, Cyan... gibi.
Yukarıdaki kısımda kullanacağınız renk sayısı sınırlıdır. Dolayısıyla Aradığınız renk tonu yukarıdaki özellikte bulamayabilirsiniz. doğada bulunan üç ana renk kırmızı,yeşil,mavi dir. Tüm renkler bu renklerin karışımından elde edilebilir. #kkyymm ifadesini kullanarak bir k-y-m renklerinden bir karışım elde edebilirsiniz. Burada kk,yy,mm ifadeleri birer rakama karşılık gelmektedir. Örneğin #990000 tam olarak kırmızı renge karşılıktır. Renk tonu ayarları bu rakamlar aracılığı ile yapılır. Bazen bir renk tamamen kullanılacaksa, yani ilgili pozisyona 9 konacaksa, F(=Full) kullanılabilir. Örneğin;
#FF15FF = #991599, #0F5FFF = #095999 gibi.(yaklaşık olarak!)
ii) Artalana Resim Ekleme
Artalanı belli bir renkte boyamak yerine, artalana konumu bilinen bir resim dosyası eklenebilir. Bu dosyaların uzantıları .GIF,.JPG,.JPEG veya .BMP olmalıdır.
2.1.5 Sayfaya Yatay Çizgi Ekleme
Web sayfasına belli bir uzunlukta,renkte ve boyutta yatay bir çizgi çizmek için kullanılır.
Parametreler:
WIDTH : Sayfada bulunan yatay çizginin uzunluğunu piksel veya % olarak burada belirlenir.
Piksel ekrandaki nokta sayısı ile ilgilidir. % ise ekrandaki bir satırı kaplama oranıdır.
Örneğin 80% bir satırın %80 ni kaplayacak şekilde bir yatay çizgiyi işaret eder.
SIZE : Çizginin kalınlığı burada ayarlanır. 1-5 arası değerler kullanılır.
COLOR : Yatay çizginin rengi burada belirlenir.
NOSHADE : Yukarıdaki 3 durumda da çizginin bir gölgesi vardır. Bu parametre kullanılırsa yatay
çizginin gölgesi ortadan kalkar.
2.1.6 Sayfaya Resim Ekleme
 ALT=r1;açıklamar1; BORDER=r1;sınırr1;>
Web sayfası içinde resim dosyası yerleştirmek için bu deyim kullanılır.
Parametreler:
SCR : file:// dan sonra sayfaya eklenecek olan resim dosyasının konumu yazılır.
WIDTH : Sayfaya eklenmiş olan resmin eninin ebatları piksel veya % olarak burada belirlenir.
HEIGHT : Sayfaya eklenmiş olan resmin boyunun ebatları piksel veya % olarak burada belirlenir.
ALT : Sayfaya eklenmiş olan resmin fare ile üzerine gelindiğinde, açıklama amaçlı bir yazı
göstermek için kullanılır.
BORDER : Sayfaya eklenmiş olan resme kenarlık vermek için kullanılır. Sınır (0-6) arası.
2.1.7 Sayfaya Madde işaretleri(=İmleri) Ekleme
, ve
Web sayfası dahilinde liste hazırlarken bu deyimler listeleme özelliğini başlatmaktadır. Eğer listede bulunan maddelerin başına büyükçe bir noktanın konulması isteniyorsa deyimi kullanılmalıdır. Listedeki maddeleri numaralı sıralamak için değimi kullanılır. Madde olarak kullanılacak her satır - deyimi ile başlayıp
deyimi ile bitmelidir.
Bir listede bulunan maddelerin başına büyükçe bir nokta,küçük bir çember veya içi dolu bir kare işareti koymak için kullanılır.
Parametreler:
TYPE : Listedeki maddelerin başına konacak olan işaret tipi burada belirlenir. Notka için DISC, içi
boş bir nokta için CIRCLE ve kare işareti için SQUARE deyimleri kullanılır.Bir şey
belirtilmezse varsayılan değer noktadır.
Bir listedeki maddeleri numaralı olarak sıralamak için kullanılır.
Parametreler:
TYPE : Listedeki maddelerin sıralanma tipleri burada belirlenir. Örneğin
kullanılırsa maddeler a,b,c.. şeklinde sıralanır. TYPE belirtilmezse varsayılan değer 1,2,3...
START : Sıralamaya kaçıncı maddeden başlanacağı burada belirlenir. |
|
