HTml YararLı Kodlar

absolute · 31-01-2006, 13:28

1 - TEMEL KODLAR

Yazdıklarınızın düzgün görünmesi için her html sayfasına , aşağıdaki kodlarla başlamalı; <html> <head> <title>İSMAİL DEĞİRMENCİ </title> </head> <body>
ve aşağıdaki kodlarla bitirmelisiniz.
</body></html>
Her web sayfasının bir başlığı olmalıdır. Bu başlık web tarayıcısının başlık çubuğunda görüntülenecektir. Ayrıca Bir ziyaretçi sitenizin adresini kendi "Sık Kullanılanlar" menüsüne kaydetmek isterse site ismi olarak bu başlığı görecektir. Yukarıdaki <title> ...... </title> komutları arasına yazacağınız metin web sayfasının başlığı olarak görüntülenecektir.

Aşağıda bazı sık kullanılan kodları görüyorsunuz.

<b> </b> Aradaki metni koyu yapar .
<i> </i> Aradaki metni italik yapar .
<u> </u> Aradaki metnin altını çizer.
<br> Satırbaşına dön komutudur. xhtml standartlarinda <br />
Bu kodları birbirlerinin içinde de kullanabilirsiniz. Örneğin bir metni hem koyu, hem de italik yapmak için <b><i> ..... </i></b> komutları bu şekilde kullanabilirsiniz.

<p> Yeni parağraf .

<blink> </blink> Aradaki metin sinyal verir. (Netscape"te kesinlikle verir. Ama İE4"te bilemem.) her browser goruntuleyemedigi icin kullanilmamalidir.

<h1> HALKBANK</h1> Aradaki metin başlıktır. 1'den 6'ya kadar (h6 gibi) rakam kullanabilirsiniz. 1 en büyük harf, 6 en küçük harftir.
<font size="1">HALKBANK</font> Yazı karakterinin boyutunu belirler. 1 en küçük, 6 en büyüktür.

<center>HALKBANK</center> Aradaki metni sayfanın solundan ve sağından merkeze alır.

<blockquote> HALKBANK </blockquote> Bu komutlar arasındaki paragraf soldan ve sağdan merkeze alınır.

 Bir sayfaya açıklama koymak ya da belirli bir aralıkta kalan HTML kodlarını geçici olarak iptal etmek için ünlem işareti kullanılır. Aşağıda örnek görüyorsunuz.




<pre> </pre> Bu komut aradaki metnin şekline dokunmaz. Yani metni sıkıştırmaz. Ancak bu komutu örneğin 1 sayfa ya da 1 parağraf yazı için kullanamazsınız. Bir satır boyutundan daha kısa satırlar için kullanabilirsiniz. Aksi halde sayfanızda 1 Metre uzunluğunda satırlar oluşur.(Deneyin)

  Bu karakteri boşluk bırakmak istediğiniz yere koyabilirsiniz.(Non-Breaking Space) Ancak dikkat edilmesi gereken husus her   yalnızca bir harflik boşluk bırakır. Daha çok boşluk için yan yana çok sayıda   yazmalısınız.

<hr> Yatay çizgi çizer.

<font color="blue">HALKBANK</font> Aradaki metnin rengini belirler. Esasen HTML dilinde her rengin bir kodu vardır. Bu kodları kullanmak daha uygundur.
<body bgcolor='white'>veya <body bgcolor='#FFFFFF'> body tagı sayfanın arka planı anlamındadır. Örneğin arka planı beyaz yapmak istiyorsanız, yukarıdaki komutlardan birini yazmalısınız. Eğer arka plan için elinizde bir desen gifi varsa <body background=' arka.gif'> şeklinde komut yazmalısınız . <body background=' arka.gif' bgcolor='#ffffff'> şeklinde komut girerek hem renk, hem de gif belirtebilirsiniz.

<BODY BGCOLOR="#000000" text="#f0e68c" link="#00ffff" vlink="#ff00ff" > Benim bu sayfamın başına yazdığım bu komutta ise arka plan rengi #000000, text rengi #f0e68c , link rengi #00ffff ve vlink (ziyaret edilmiş link) rengi ise #ff00ff olarak belirtiliyor.Sayfa başına bu şekilde komutu girmelisiniz.Text rengini sayfa başında belirlemiş olmanız dilediğiniz kelime veya cümlelerin rengini değiştirmenize engel değildir.

2- SAYFANIN ÜST VE SOL BOŞLUĞU :

Sayfanın üst boşluğuna "Topmargin" ve sol boşluğuna "Leftmargin" denir. Sayfanızda bu tagları kullanmazsanız sol ve üst'te yarım santim boşluk kalır. Değeri piksel cinsinden yazacaksınız.Bu tagları "body" tagının yanında ve aşağıdaki gibi kullanmalısınız.
<body bgcolor="#ffffff" topmargin=0 leftmargin=0>

Yukarıdaki gibi "0" yazarsanız üst ve solda boşluk kalmaz.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

3-FRAME'Lİ SAYFA :

mumkun oldugunca frame kullanmamak gereklidir. layer kullanin onun yerine

Frame'ler 2 yada daha çok Html sayfasını ekranınızın penceresinde birleştirerek tek sayfa olarak görünmesini sağlar. Örneğin 2 bölümlü bir frame sayfası hazırlayacaksak, öncelikle bu bölümlerin her biri normal bir Html sayfası olarak hazırlanır. Dha sonra Frame komutları kullanılarak bu 2 sayfayı tek sayfa olarak gösterecek 3. sayfa hazırlanır. Bu 3.sayfaya aşağıda belirteceğimiz frame komutları ve diğer iki sayfanın isimleri girilir. Web sayfalarınızda yalnızca 3.sayfanıza link koyarsınız. Diğer 1 v 2 nolu sayfalara link konulmaz. Ancak ziyaretçi sözkonusu 3.sayfanızın kaynağına inip 1 v 2 nolu sayfalarınızın isimlerini öğrenirse, adresinizin sonuna bu sayfa isimlerini ekleyerek yalnızca bu sayfalarınızı da görebilir
<FRAMESET> ...</FRAMESET> = Frame komutu bu taglar arasına yazılır.

FRAMESET COL= Dikey pencere oluşturmak için kullanılır.

FRAMESET ROW = Yatay pencere oluşturmak için kullanılır.

<FRAMESET COL="135,250,*> = Bu komutta 3 adet sayfanın bir sayfada dikey olarak birleşeceği ve 1. sayfaya 135 Piksel ve 2.sayfaya 250 Piksel yer ayrılacağı, 3.sayfaya ayrılan yerin ise değişken (*) olduğu belirtiliyor. Piksel yerine % değerler de verilebilir.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

<FRAME SRC="....">= Noktalı alana sayfa ismi yada URL ismi yazılır.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

<NAME="...._..."> = Sayfanın referans ismi yazılır.

MARGINWIDTH = Sayfanın sol boşluğu.

MARGINHEIGHT = Sayfanın üst boşluğu.

TARGET="_TOP" yada TARGET="_BLANK" = Frameli sayfanızda bir link varsa <a href ile başlayan tag içine mutlaka bu komutlardan birini koymalısınız

2 sayfalı dikey ve yatay çerçeve kodları

<FRAMESET COLS="135,455">
<FRAME SRC="1.htm" NAME="1">
<FRAME SRC="2.htm" NAME="2">
</FRAMESET>

--------------------------------------------------------------------------------

<FRAMESET ROWS="90,*">
<FRAME SRC="1.htm" NAME="1">
<FRAME SRC="2.htm" NAME="2">
</FRAMESET>

4- LİSTE OLUŞTURMA:

HTML dokümanınızda aşağııdaki gibi numarasız bir liste elde etmek istiyorsanız aşağıdaki gibi kodlar kullanmalısınız:

<UL>
<LI>Birinci Satır
<LI>İkinci Satır
<LI>Üçüncü Satır
</UL>
• Birinci Satır
• İkinci Satır
• Üçüncü Satır
Numara sıralı veya harf sıralı liste oluşturmak için aşağıdaki komutlar girilir.

<OL Type=A>

absolute · 31-01-2006, 13:29

Bu komutu yazdığınızda, aşağıdaki bölümde göreceğiniz üzere resmin üzerine tıklandığında Halkbank'ın Web Sitesi açılacaktır.
<li>Birinci Satır
<li>İkinci Satır
<li>Üçüncü Satır
</OL>

Yukarıdaki gibi Type=A yazarsanız sıralamada büyük harf kullanılır.Type=a yazarsanız küçük harfler, Type=I yazarsanız büyük Roma karakterleri ve Type=L yazarsanız numaralar (rakamlar) kullanılır

5- TABLO OLUŞTURMA :

Tabloları yalnızca liste veya şablon hazırlarken değil, resimleri veya metinleri sayfanızda istediğiniz bölgeye yerleştirebilmek için de kullanabilirsiniz. Tablo taglarının kullanım şekli aşağıdaki gibidir.
<TABLE BORDER=X CELLPADDING=X CELLSPACING=X WIDTH=[% veya X] HEIGHT=[% veya X] BGCOLOR=X BACKGROUND="X">

<Table> .... </Table> = Tablo bu taglar arasında yer alır.
Tablo için enlemesine yer seçenekleri : <table align= left, right>

CAPTİON = Tablonun tablo çizgileri dışındaki başlığı.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703
Enlemesine (genişliğine) yer seçenekleri : <caption align = left, center, right>
Boylamasına (yüksekliğine) yer seçenekleri : <caption valign= top, bottom>

<TH> = Sütun başlığı tanımlaması.

<TR> = Satır tanımlaması.

<TD> = Sütun tanımlaması.

<TR, TH ve TD'de enlemesine yer seçenekleri align= left, center, right>
<TR, TH ve TD'de boylamasına yer seçenekleri valign= top, middle, bottom, baseline>

BORDER = Tablonun piksel cinsinden çerçeve kalınlığını belirtir. Eğer bu tag için değer belirtmezseniz, yada "0" değerini verirseniz Tablonuzun ince de olsa çizgileri olur. Ancak "BORDER" tagının ismini hiç belirtmezseniz tablonuz yine oluşur, fakat tablonuzda hiçbir çizgi göremezsiniz.

CELLPADDING = Tablonun kenar çizgisiyle tablo içindeki yazı arasındaki boşluk mesafesini belirtir.(Piksel cinsinden)

CELLSPACING = Tablonun hücreleri arasındaki mesafeyi belirtir.

ROWSPAN = Kaç satır üstüne.

COLSPAN = Kaç sütun üstüne.

WIDTH = Tablonun genişliğini belirtir. Piksel veya % cinsinden değer verilebilir. Tablonun tüm sayfayı kaplaması isteniyorsa 590 değeri verilir. Örneğin %20 değeri verilirse tablo genişliği sayfanın % 20'si kadar olur.

HEIGHT = Tablonun yüksekliğini belirtir. Piksel veya % cinsinden değer verilebilir.

TH BGCOLOR = Tablonun arkaplan rengini belirtir. Örneğin "#00ffff" gibi.

TH BACKGROUND = Tablonun arka planına bir gif yada jpeg resmi koymak istiyorsanız bu tagı kullanmalısınız.

TD BGCOLOR = Hücre rengi. ("#00ffff") gibi.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

TABLE BORDERCOLOR = Tablonun çerçeve rengi.

Table bordercolorlight = Tablo çerçevesinin açıkrenkli kısmının rengi.

Table bordercolordark = Tablo çerçevesinin koyu renkili kısmının rengi.

TD NOWRAP = Satırbaşı yok.

<Table frame=box> = Tablo şekli.

<Table frame=above> = Sol, alt ve sağ tarafı açık tablo. Yani bu kenarları yok.

<Table frame=below> = Sol, üst ve sağ tarafı açık tablo.

<Table frame=hsides> = Solu ve sağı açık tablo.

<Table frame=vsides> = Üst ve altı açık tablo.

<Table frame=lhs> = Üst ,alt ve sağı açık tablo.

<Table frame=rhs> = Üst, sol ve altı açık tablo.

<Table frame=void> = Her tarafı açık, yani çerçevesiz tablo.

Tabloya <TABLE> tag'ıyla başlanır.Her satır için <TR>, her sütun için ise <TD> tag'ı kullanılır. Her satırın sonuna </TR> ve her sütunun sonuna da </TD> tag'ları konulmalıdır. Eğer bir hücrenin yanındaki iki yada daha fazla hücreyi satır olarak yada sütun olarak içine almasını istiyorsanız, <TD [COLSPAN=X, ROWSPAN=X]> veya <TR [COLSPAN=X, ROWSPAN=X]> komutlarını kullanmalısınız.

İşte size Örnek Tablolar

Basit bir 4X2 tablo
<table border>
<tr>
<td>A</td> <td>B</td> <td>C</td><td>D</td>
</tr>
<tr>
<td>E</td> <td>F</td> <td>G</td><td>H</td>
</tr>
</table>

İşte size bir başka tablo
<table border=10 bordercolorlight="#00ffff" bordercolordark="#0000ff">
<tr><th>Halkbank</th><th>Yapı Kredi</th><th>İş Bankası</th>
<tr><td>Kredi</td><td>Kambiyo</td><td>Mevduat</td>
</table>
Rowspan Nasıl Kullanılır :

<table border=10 bordercolorlight="YELLOW" bordercolordark="RED">
<tr>
<td rowspan=4>Kredi<br>Mevduat<br>Repo<br>Hazine Bonosu</td>
</tr>
<tr>
<td>Halkbank</td> <td>Yapı Kredi</td> <td>İş Bankası</td>
</tr>
<tr>
<td>Akbank</td> <td>Garanti</td> <td>Pamukbank</td>
</tr>
<tr>
<td>Vakıfbank</td> <td>Emlakbank</td> <td>Ziraat</td>
</tr>
</table>

Colspan Kullanımı ve Diğer Unsurlar :

<table border=10 Height=400 Vidth=580 CELLPADDING="1" CELLSPACING="25"
bordercolorlight="YELLOW" bordercolordark="BLUE">
<tr>
<td COLSPAN=3>BANKALAR</td>
</tr>
<tr>
<td align=center bgcolor="Red">Halkbank</td> <td align=left>Yapı Kredi</td> <td align=right>İş Bankası</td>
</tr>
<tr>
<td valign=top>Akbank</td> <td valign=middle>Garanti Bankası</td> <td valign=bottom>Pamukbank</td>
</tr>
<tr>
<td>Vakıfbank</td> <td>Emlakbank</td> <td>Ziraat Bankası</td>
</tr>
</table>

- SAYFAYA LİNK EKLEME :

Sayfaya link eklemek için a href tagı kullanılır. Yani <a href="URL"> link ismi</a> şeklinde. Eklediğiniz Link'in bir başka sayfanıza ya da bir başka Web Sitesine ait olması fazla farketmez. Aşağıda değişik link örnekleri görüyorsunuz.
1 - ALTI ÇİZGİLİ LİNK (Benim bir başka sayfaya)

<a href="/id/ismaildegirmenci/Aboutme.html">About Me</a>

Yukarıdaki Link sayfanızda aşağıdaki şekilde görünür.

About Me

2 - ALTI ÇİZGİSİZ LİNK

<a href="/id/ismaildegirmenci/Aboutme.html" STYLE="text-decoration: none">About Me</a>

Böyle görünür.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

About Me

3 - ALTI ÇİZGİLİ VE MOUSE ÜZERİNE GİDİNCE RENGİ DEĞİŞEN LİNK

<a href="/id/ismaildegirmenci/Aboutme.html" onmouseover="this.style.color='blue'" onmouseout="this.style.color='yellow'">About Me</a>

Böyle görünür. Mouse'un okunu üzerine getirin.

About Me

Aynı şekilde başka bir Web Sitesi için Link aşağıdaki oluşturulur.

<a href="http://www.halkbank.com.tr" onmouseover="this.style.color='blue'" onmouseout="this.style.color='red'"> HALKBANK- Türkiye Halk Bankası A.Ş.</a>

Böyle görünür. Mouse'un okunu üzerine getirin.

HALKBANK- Türkiye Halk Bankası A.Ş.

4 - LİNKLİ RESİM

<A HREF="http://www.halkbank.com.tr"><IMG SRC="/id/ismaildegirmenci/images/bina.gif" WIDTH="148" HEIGHT="131" BORDER=0></A>

absolute · 31-01-2006, 13:30

- SAYFAYA RESİM EKLEME

Sayfaya resim eklemek için <img src="Resim.Gif"> tagı kullanılır. Başlıca resim formatları Gif, Jpeg, Bmp ve Tif'tir. Bmp Netscape'te görünmez. Gif ya da Jpeg kullanmalısınız. Jpeg sıkıştırılmış olduğu için Gif'e göre daha az yer kaplar ve daha kısa sürede açılır.
Gif kullanırken resmi "interlaced" haline getirirseniz, resim birden açılır, ardından da yükleme sürdükçe kademeli olarak kalitesi artar. Dolayısıyla bu tür Gif resimleri çabuk açılıyormuş hissi verir. Aşağıda örnek resim linkleri görüyorsunuz.

<A HREF="http://www.halkbank.com.tr"><IMG SRC="/id/ismaildegirmenci/images/bina.gif" WIDTH="148" HEIGHT="131" ALT="HALKBANK'IN YENİ GENEL MÜDÜRLÜK BİNASINI GÖRÜYORSUNUZ.!" BORDER=0></A>

üstteki açıklamada id gif olarak vermiş ben buna bir örnekte normal gif adresi ile vereyim aşağıdaki kodlar

<A HREF="http://www.********.com"><IMG SRC="http://img323.imageshack.us/img323/8006/headerlstop1kh.jpg" WIDTH="600" HEIGHT="131" ALT="******** FORUM SAYFASI.!" BORDER=0></A>
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

"ALT" Mouse'un okunu resmin üzerine getirdiğinizde "ALT" tagıyla birlikte belirttiğimiz açıklamayı göreceksiniz. Ayrıca resme tıkladığınızda Halkbank'ın Web Sitesi açılacaktır.

"WIDTH" tagı resmin genişliğini belirtir.

"HEIGHT" tagı ise resmin yüksekliğini belirtir.

"BORDER" resmin piksel cinsinden çerçeve kalınlığını belirtir. Çerçeve istemiyorsanız "0" değerini vermelisiniz.

Sayfa Başı

1 - SAYFA İÇİNDE SAYFA :

Floating Frame denen bu olayda, sayfa içerisinde başka bir HTML sayfasının istenilen boyutlarda bir pencere olarak açılması sağlanır. Bu işlem için sayfanıza aşağıdaki komutları girmeniz gerekir.

<IFRAME SRC="/id/ismaildegirmenci/Aboutme.html" width=250 height=250> </IFRAME>

Açılan pencere boyutunu piksel cinsinden belirliyorsunuz. (Örnekte 250x250 piksel)
SRC= ifadesinin karşısına HTML dosyasının adını yazabileceğiniz gibi bir başka Web sitesinin adresini de yazabilirsiniz. (Örneğin: http://www.yahoo.com )

Sayfa Başı

2 - AÇIKLAMALI LİNK :

Sayfanıza bir başka Web Sitesinin Link adresini ya da kendi sitenize ait bir başka sayfanızın adresini eklerken, TITLE="....." komutunu kullanırsanız, ziyaretçi mouse'un okunu link adresi üzerine getirip 1 saniye beklediğinde o adresle ilgili bilgi sahibi olabilir.
Aşağıda bir örnek kullanım ve sayfadaki görünümünü bulacaksınız.

<a href="http://www.halkbank.com.tr" TITLE="Halkbank Çalışana Üretene Kaynak Yaratır.">HALKBANK</a>

HALKBANK

Aynı özelliği resimlerinizde kullanırken TITLE tagı yerine ALT tagını de kullanabilirsiniz. Böylece ziyaretçi mouse'un okunu resmin üzerine getirdiğinde resim hakkında bilgi alabilir.

Sayfa Başı

3 - KELİMENİN ÜST VE ALT SİMGESİ :

<Sup>...</Sup> Bir kelimenin üstüne bir simge veya kelime eklenmek istendiğinde <Sup> komutu kullanılır. Örneğin TM yada 2 gibi. Olayı bir örnekle açıklayalım.
Arçelik<Sup>TM</Sup> veya Km<Sup>2</Sup> yandaki şekilde yazılırsa aşağıdaki gibi bir görüntü elde edilir.

ArçelikTM veya Km2

<Sub>...</Sub> Bir kelimenin altına bir simge veya kelime eklenmek istendiğinde <Sub> komutu kullanılır. Olayı yine bir örnekle açıklayalım.

Arçelik<Sub>Türk Malı</Sub> yandaki şekilde yazılırsa aşağıdaki gibi bir görüntü elde edilir.

ArçelikTürk Malı

Sayfa Başı

4 - RENK ŞABLONU :

Aşağıda özel olarak hazırladığım Renk Şablonu'nu görüyorsunuz. Bu şablonda rengin adını ve birkaç eksik haricinde kodunu görüyorsunuz. Sayfanızı hazırlarken rengin ismini değil kodunu kullanmanızı tavsiye ederim.Siyah=#000000 ve Beyaz=#ffffff tabloda bulunmamaktadır.

Alternatif Renk Şablonlarımı da mutlaka görmelisiniz.
arkadaşlar bazı kodlar okunmuyordu bende yeniden yazdım

6 - SES VE VİDEO DOSYALARI :

Web sayfalarınızda ses ve video görüntülerini de kullanabilirsiniz. Sayfanıza girildiğinde Wav veya Midi ses dosyalarından birini çalmak istiyorsanız İnternet Explorer'da aşağıdaki komutu kullanmalısınız.
<BGSOUND SRC='selam.wav' LOOP=3>

Bu komutta çalınacak ses dosyasının adı selam. LOOP=3 yazıldığı için aynı ses dosyası sayfanız yüklendiğinde otomatik olarak 3 kez çalacak. Sayısını siz belirleyin.

Eğer sayfanıza bir video görüntüsü yerleştirmek istiyorsanız İnternet Explorer'da aşağıdaki komutu kullanmalısınız.

<IMG DYNSRC='selam.avi' SRC='selam.gif' LOOP=INFINITE>

Yukarıdaki örnekte video yani avi dosyasının adı selam. Örnekteki selam.gif resmi video görüntüsü yüklenene kadar sayfanızda görünecektir. Bu komutla "Avi" ya da "Mov" dosyası kullanabilirsiniz.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703

Yukarıdaki komutları yalnızca İnternet Explorer desteklemektedir. Netscape yalnızca video görüntülerini desteklemektedir. Netscape'te kullanılan komut aşağıdaki gibidir.

<EMBED SRC='selam.avi'>

Sayfa Başı

6 - ARAMA MOTORLARINA KAYIT :

Web sitenizi hazırladınız. Ancak sitenizin varlığından ve adresinden arkadaş çevreniz haricinde kimsenin haberi yok. Web sitenizden dünyanın haberi olsun istiyorsanız, arama motorlarına kayıt yaptırmalısınız. Arama motorları sanıldığı gibi tam anlamıyla arama yapmazlar. Yalnızca kendilerine kaydı yaptırılmış Web sitelerini ve bunların sayfalarını indexlerler. Kayıt yaptırmadan bir arama motoruna web sitenizin adresini tam olarak yazıp arattırsanız bile bulamaz.

Dünyada en çok kullanılan arama motorları Yahoo, Altavista, İnfoseek, Excite, Lycos ve Hotbot'tır. İE4 kullanıyorsanız ekranın en üstündeki "Ara" düğmesine bastığınızda biraz önce saydığım arama motorlarının isimleri açılır. Buradan örneğin "Halkbank" kelimesini yazıp, Hotbot'a arattırırsanız Halkbank'ın ve benim web sitemin adresini bulabilirsiniz.

Aşağıda en çok kullanılan arama motorlarının Web sitenizi kaydettirebilmeniz için gerekli adreslerini görüyorsunuz.

altavista.digital.com./av/content/addurl.htm
lycos.com/addasite.html
infoseek.com/AddUrl?pg=DCaddurl.html
excite.com/info/add-url.html
hotbot.com/addurl.html
yahoo.com/info/suggest

Şimdi de konumuzla ilgili bazı önemli püf noktalarını belirtelim.

1 - Web sitenizin index, yani home sayfasına komutlarından sonra aşağıdaki komutları yazmalısınız. Bu komutlar sayfanızda görünmez. Ancak bu komutlar arama motorlarının ajan programları tarafından okunurlar.

<META Name="description" Content="Sitenizi tanıtan bilgileri buraya yazın">
<META Name="keywords" Content="Sitenizle ilgili anahtar kelimeleri buraya girin">

Yukarıda "sitenizi tanıtan bilgiler" bölümüne yazacağınız tanıtım yazısı 150 karakteri geçmemelidir. "Anahtar kelimeler" bölümüne ise belirlediğiniz sözcükleri virgülle ayırmak suretiyle ve 200 kelimeyi geçmeyecek şekilde yazmalısınız. Buraya yazdığınız sözcüklerden biri kayıt yaptırmış olduğunuz arama motorunda arattırıldığında sizin adresiniz de listede çıkacak. Fikir edinmek için benim sitenin anahtar sözcüklerine bakabilirsiniz.

2 - Dilerseniz yukarıdaki META Name komutlarını sitenizdeki her sayfanıza girip, her sayfanızı arama motorlarına ayrı ayrı kaydettirebilirsiniz. Ancak sayfa sayınız 50'nin üzerindeyse aynı ay içinde aynı arama motoruna aynı domain adresine ait 50'nin üzerinde sayfanın kaydettirilmemesi gerektiğini bilmelisiniz. Bu kurala uymazsanız ters tepebilir. Adresiniz arama motorunun kayıtlarından tümüyle silinebilir.

3 - Arama motoruna kayıt yaptırdığınızda, arama motorunun ajan programları sizin sitenizi gözden geçirir. Açıklama ve anahtar sözcüklerinizi veri tabanına ekler. Ayrıca bu programlar sitenizdeki tüm metinleri de sıkıştırarak kendi veri tabanlarına eklerler. Bu işlemler rağbet görmeyen arama motorlarında birkaç gün sürer. Yoğun olanlarda ise birkaç hafta sürebilir. Zaman zaman anahtar kelimelerinizi arattırıp deneme yapabilirsiniz.

4 - Şu anda Yahoo'ya "Halkbank" kelimesini arattırırsanız Halkbank'la ilgili 180'den fazla adresle karşılaşırsınız. Siz ille de Halkbank'ı arıyorsanız diğer adresler sizi ilgilendirmez. Israrla 180 adreslik listeyi başından itibaren tarayıp Halkbank'ı bulursunuz. Ama örneğin sitenizdeki bir konuyla ilgili adres aranmışsa ve sizin adresiniz listenin sonunda çıkmışsa ziyaretçinin listenin sonuna kadar gidip sizi görmesi biraz zor. Yani bu listenin başlarında görünmek çok önemli. İşte listede ilk sıralarda yer almanın da bir püf noktası var. Ancak biraz zahmetli.

absolute · 31-01-2006, 13:31

Bunun için her arama motoruna düzenli olarak her ay kayıt yaptırmalısınız. (Bu iş için program bile geliştirmişler. Bu program sitenizi otomatik olarak 250'den fazla arama motoruna kaydettiriyor.) Peki aynı ay içinde aynı arama motoruna 1'den fazla kayıt yaptırırsanız ne olur. İster inanın, ister inanmayın ama, adresiniz listenin son sıralarına atılıyor, hatta listelemeden çıkarılabiliyor.

Sayfa Başı

7 - KAYAN YAZILAR :

Kayan yazılar için <MARQUEE> tag'ı kullanılır. Ancak bu tag Netscape'te çalışmaz. Yalnızca içindeki yazılar normal yazı olarak görünür. Aşağıda örnek şablon görüyorsunuz.

<MARQUEE BEHAVIOR=tip BGCOLOR=renk DIRECTION=yön HEIGHT=n HSPACE=n LOOP=n SCROLLAMOUNT=n SCROLLDELAY=n VSPACE=n WIDTH=n>

BEHAVIOR=tip: Metnin ekranda nasıl hareket edeceğini belirten bu ek SCROLL, SLIDE, ALTERNATE değerlerinden birini alabilir. SCROLL değeri default'tur. Yazı bir kenarda belirir ve diğer kenarda kaybolur. SLIDE değeri verilirse yazı bir kenardan başlar diğer kenarda durur. ALTERNATE değeri ise yazının iki kenar arasında gidip gelmesini sağlar.

BGCOLOR=renk: Kayan yazının arkaplan rengi belirler.

DIRECTION=yön: Yazının kayma yönünü belirler. LEFT değeri verilirse yazı sola doğru, RIGHT değeri verilirse sağa doğru kayar.

HEIGHT=n: Kayan yazının sınırlara olan mesafesini belirler. Piksel veya yüzde cinsinden.

HSPACE=n: Kayan yazının sınırlara ne oranda yaklaşacağını belirler.

LOOP=n: Yazıya verilen hareketin kaç kez tekrarlanacağını belirler. N değerine " -1" veya "INFINITE" verilirse hareket sınırsız olarak tekrarlanır. SLIDE' kullanılırsa bu işlem bir kez gerçekleşir.

SCROLLAMOUNT, Kayan yazının bir seferde kaç piksel hareket edeceğini, SCROLLDELAY ise yazının her bir hareketi arasında kaç milisaniye bekleyeceğini belirler.

VSPACE Yazının üst ve alt sınırdan ne kadar uzakta kalacağını belirler.

WIDTH Yazının kayma alanı uzunluğunu belirler.

Aşağıda bir örnek Görüyorsunuz :
<MARQUEE DIRECTION=LEFT BGCOLOR="#d60027" WIDTH=500 HEIGHT=25 HSPACE=95 VSPACE=5 BEHAVIOR=SCROLL SCROLLAMOUNT=15 SCROLLDELAY=200>Herkese Selamlar...!!!! </MARQUEE>

her zaman <body> tagından önce
Kod:
<charset="windows-1456">

LiEqB · 31-01-2006, 13:47

http://kemalunsal.com/htm/index.html

31-01-2006, 13:28	#1
absolute Elit Üye Kayıt Tarihi: May 2005 Üye numarası: #16171 Yer: den Mesaj sayısı: 3,308 Karma etkisi: 305 Karma: 29401	HTml YararLı Kodlar 1 - TEMEL KODLAR Yazdıklarınızın düzgün görünmesi için her html sayfasına , aşağıdaki kodlarla başlamalı; <html> <head> <title>İSMAİL DEĞİRMENCİ </title> </head> <body> ve aşağıdaki kodlarla bitirmelisiniz. </body></html> Her web sayfasının bir başlığı olmalıdır. Bu başlık web tarayıcısının başlık çubuğunda görüntülenecektir. Ayrıca Bir ziyaretçi sitenizin adresini kendi "Sık Kullanılanlar" menüsüne kaydetmek isterse site ismi olarak bu başlığı görecektir. Yukarıdaki <title> ...... </title> komutları arasına yazacağınız metin web sayfasının başlığı olarak görüntülenecektir. Aşağıda bazı sık kullanılan kodları görüyorsunuz. <b> </b> Aradaki metni koyu yapar . <i> </i> Aradaki metni italik yapar . <u> </u> Aradaki metnin altını çizer. <br> Satırbaşına dön komutudur. xhtml standartlarinda <br /> Bu kodları birbirlerinin içinde de kullanabilirsiniz. Örneğin bir metni hem koyu, hem de italik yapmak için <b><i> ..... </i></b> komutları bu şekilde kullanabilirsiniz. <p> Yeni parağraf . <blink> </blink> Aradaki metin sinyal verir. (Netscape"te kesinlikle verir. Ama İE4"te bilemem.) her browser goruntuleyemedigi icin kullanilmamalidir. <h1> HALKBANK</h1> Aradaki metin başlıktır. 1'den 6'ya kadar (h6 gibi) rakam kullanabilirsiniz. 1 en büyük harf, 6 en küçük harftir. <font size="1">HALKBANK</font> Yazı karakterinin boyutunu belirler. 1 en küçük, 6 en büyüktür. <center>HALKBANK</center> Aradaki metni sayfanın solundan ve sağından merkeze alır. <blockquote> HALKBANK </blockquote> Bu komutlar arasındaki paragraf soldan ve sağdan merkeze alınır. <!--------> Bir sayfaya açıklama koymak ya da belirli bir aralıkta kalan HTML kodlarını geçici olarak iptal etmek için ünlem işareti kullanılır. Aşağıda örnek görüyorsunuz. <!-- Sol Taraf Başlıyor --> <!------- <u>Altı çizili yazı...</u> -----> <pre> </pre> Bu komut aradaki metnin şekline dokunmaz. Yani metni sıkıştırmaz. Ancak bu komutu örneğin 1 sayfa ya da 1 parağraf yazı için kullanamazsınız. Bir satır boyutundan daha kısa satırlar için kullanabilirsiniz. Aksi halde sayfanızda 1 Metre uzunluğunda satırlar oluşur.(Deneyin)   Bu karakteri boşluk bırakmak istediğiniz yere koyabilirsiniz.(Non-Breaking Space) Ancak dikkat edilmesi gereken husus her   yalnızca bir harflik boşluk bırakır. Daha çok boşluk için yan yana çok sayıda   yazmalısınız. <hr> Yatay çizgi çizer. <font color="blue">HALKBANK</font> Aradaki metnin rengini belirler. Esasen HTML dilinde her rengin bir kodu vardır. Bu kodları kullanmak daha uygundur. <body bgcolor='white'>veya <body bgcolor='#FFFFFF'> body tagı sayfanın arka planı anlamındadır. Örneğin arka planı beyaz yapmak istiyorsanız, yukarıdaki komutlardan birini yazmalısınız. Eğer arka plan için elinizde bir desen gifi varsa <body background=' arka.gif'> şeklinde komut yazmalısınız . <body background=' arka.gif' bgcolor='#ffffff'> şeklinde komut girerek hem renk, hem de gif belirtebilirsiniz. <BODY BGCOLOR="#000000" text="#f0e68c" link="#00ffff" vlink="#ff00ff" > Benim bu sayfamın başına yazdığım bu komutta ise arka plan rengi #000000, text rengi #f0e68c , link rengi #00ffff ve vlink (ziyaret edilmiş link) rengi ise #ff00ff olarak belirtiliyor.Sayfa başına bu şekilde komutu girmelisiniz.Text rengini sayfa başında belirlemiş olmanız dilediğiniz kelime veya cümlelerin rengini değiştirmenize engel değildir. 2- SAYFANIN ÜST VE SOL BOŞLUĞU : Sayfanın üst boşluğuna "Topmargin" ve sol boşluğuna "Leftmargin" denir. Sayfanızda bu tagları kullanmazsanız sol ve üst'te yarım santim boşluk kalır. Değeri piksel cinsinden yazacaksınız.Bu tagları "body" tagının yanında ve aşağıdaki gibi kullanmalısınız. <body bgcolor="#ffffff" topmargin=0 leftmargin=0> Yukarıdaki gibi "0" yazarsanız üst ve solda boşluk kalmaz. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 3-FRAME'Lİ SAYFA : mumkun oldugunca frame kullanmamak gereklidir. layer kullanin onun yerine Frame'ler 2 yada daha çok Html sayfasını ekranınızın penceresinde birleştirerek tek sayfa olarak görünmesini sağlar. Örneğin 2 bölümlü bir frame sayfası hazırlayacaksak, öncelikle bu bölümlerin her biri normal bir Html sayfası olarak hazırlanır. Dha sonra Frame komutları kullanılarak bu 2 sayfayı tek sayfa olarak gösterecek 3. sayfa hazırlanır. Bu 3.sayfaya aşağıda belirteceğimiz frame komutları ve diğer iki sayfanın isimleri girilir. Web sayfalarınızda yalnızca 3.sayfanıza link koyarsınız. Diğer 1 v 2 nolu sayfalara link konulmaz. Ancak ziyaretçi sözkonusu 3.sayfanızın kaynağına inip 1 v 2 nolu sayfalarınızın isimlerini öğrenirse, adresinizin sonuna bu sayfa isimlerini ekleyerek yalnızca bu sayfalarınızı da görebilir <FRAMESET> ...</FRAMESET> = Frame komutu bu taglar arasına yazılır. FRAMESET COL= Dikey pencere oluşturmak için kullanılır. FRAMESET ROW = Yatay pencere oluşturmak için kullanılır. <FRAMESET COL="135,250,> = Bu komutta 3 adet sayfanın bir sayfada dikey olarak birleşeceği ve 1. sayfaya 135 Piksel ve 2.sayfaya 250 Piksel yer ayrılacağı, 3.sayfaya ayrılan yerin ise değişken () olduğu belirtiliyor. Piksel yerine % değerler de verilebilir. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 <FRAME SRC="....">= Noktalı alana sayfa ismi yada URL ismi yazılır. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 <NAME="...._..."> = Sayfanın referans ismi yazılır. MARGINWIDTH = Sayfanın sol boşluğu. MARGINHEIGHT = Sayfanın üst boşluğu. TARGET="_TOP" yada TARGET="_BLANK" = Frameli sayfanızda bir link varsa <a href ile başlayan tag içine mutlaka bu komutlardan birini koymalısınız 2 sayfalı dikey ve yatay çerçeve kodları <FRAMESET COLS="135,455"> <FRAME SRC="1.htm" NAME="1"> <FRAME SRC="2.htm" NAME="2"> </FRAMESET> -------------------------------------------------------------------------------- <FRAMESET ROWS="90,*"> <FRAME SRC="1.htm" NAME="1"> <FRAME SRC="2.htm" NAME="2"> </FRAMESET> 4- LİSTE OLUŞTURMA: HTML dokümanınızda aşağııdaki gibi numarasız bir liste elde etmek istiyorsanız aşağıdaki gibi kodlar kullanmalısınız: <UL> <LI>Birinci Satır <LI>İkinci Satır <LI>Üçüncü Satır </UL> • Birinci Satır • İkinci Satır • Üçüncü Satır Numara sıralı veya harf sıralı liste oluşturmak için aşağıdaki komutlar girilir. <OL Type=A>

Konu Araçları	Bu Konuda Ara
Printer Çıktısını Göster Sayfayı Emaille Yolla	Bu Konuda Ara: Gelişmiş Arama

31-01-2006, 13:29	#2
absolute Elit Üye Kayıt Tarihi: May 2005 Üye numarası: #16171 Yer: den Mesaj sayısı: 3,308 Karma etkisi: 305 Karma: 29401	Bu komutu yazdığınızda, aşağıdaki bölümde göreceğiniz üzere resmin üzerine tıklandığında Halkbank'ın Web Sitesi açılacaktır. <li>Birinci Satır <li>İkinci Satır <li>Üçüncü Satır </OL> Yukarıdaki gibi Type=A yazarsanız sıralamada büyük harf kullanılır.Type=a yazarsanız küçük harfler, Type=I yazarsanız büyük Roma karakterleri ve Type=L yazarsanız numaralar (rakamlar) kullanılır 5- TABLO OLUŞTURMA : Tabloları yalnızca liste veya şablon hazırlarken değil, resimleri veya metinleri sayfanızda istediğiniz bölgeye yerleştirebilmek için de kullanabilirsiniz. Tablo taglarının kullanım şekli aşağıdaki gibidir. <TABLE BORDER=X CELLPADDING=X CELLSPACING=X WIDTH=[% veya X] HEIGHT=[% veya X] BGCOLOR=X BACKGROUND="X"> <Table> .... </Table> = Tablo bu taglar arasında yer alır. Tablo için enlemesine yer seçenekleri : <table align= left, right> CAPTİON = Tablonun tablo çizgileri dışındaki başlığı. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 Enlemesine (genişliğine) yer seçenekleri : <caption align = left, center, right> Boylamasına (yüksekliğine) yer seçenekleri : <caption valign= top, bottom> <TH> = Sütun başlığı tanımlaması. <TR> = Satır tanımlaması. <TD> = Sütun tanımlaması. <TR, TH ve TD'de enlemesine yer seçenekleri align= left, center, right> <TR, TH ve TD'de boylamasına yer seçenekleri valign= top, middle, bottom, baseline> BORDER = Tablonun piksel cinsinden çerçeve kalınlığını belirtir. Eğer bu tag için değer belirtmezseniz, yada "0" değerini verirseniz Tablonuzun ince de olsa çizgileri olur. Ancak "BORDER" tagının ismini hiç belirtmezseniz tablonuz yine oluşur, fakat tablonuzda hiçbir çizgi göremezsiniz. CELLPADDING = Tablonun kenar çizgisiyle tablo içindeki yazı arasındaki boşluk mesafesini belirtir.(Piksel cinsinden) CELLSPACING = Tablonun hücreleri arasındaki mesafeyi belirtir. ROWSPAN = Kaç satır üstüne. COLSPAN = Kaç sütun üstüne. WIDTH = Tablonun genişliğini belirtir. Piksel veya % cinsinden değer verilebilir. Tablonun tüm sayfayı kaplaması isteniyorsa 590 değeri verilir. Örneğin %20 değeri verilirse tablo genişliği sayfanın % 20'si kadar olur. HEIGHT = Tablonun yüksekliğini belirtir. Piksel veya % cinsinden değer verilebilir. TH BGCOLOR = Tablonun arkaplan rengini belirtir. Örneğin "#00ffff" gibi. TH BACKGROUND = Tablonun arka planına bir gif yada jpeg resmi koymak istiyorsanız bu tagı kullanmalısınız. TD BGCOLOR = Hücre rengi. ("#00ffff") gibi. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 TABLE BORDERCOLOR = Tablonun çerçeve rengi. Table bordercolorlight = Tablo çerçevesinin açıkrenkli kısmının rengi. Table bordercolordark = Tablo çerçevesinin koyu renkili kısmının rengi. TD NOWRAP = Satırbaşı yok. <Table frame=box> = Tablo şekli. <Table frame=above> = Sol, alt ve sağ tarafı açık tablo. Yani bu kenarları yok. <Table frame=below> = Sol, üst ve sağ tarafı açık tablo. <Table frame=hsides> = Solu ve sağı açık tablo. <Table frame=vsides> = Üst ve altı açık tablo. <Table frame=lhs> = Üst ,alt ve sağı açık tablo. <Table frame=rhs> = Üst, sol ve altı açık tablo. <Table frame=void> = Her tarafı açık, yani çerçevesiz tablo. Tabloya <TABLE> tag'ıyla başlanır.Her satır için <TR>, her sütun için ise <TD> tag'ı kullanılır. Her satırın sonuna </TR> ve her sütunun sonuna da </TD> tag'ları konulmalıdır. Eğer bir hücrenin yanındaki iki yada daha fazla hücreyi satır olarak yada sütun olarak içine almasını istiyorsanız, <TD [COLSPAN=X, ROWSPAN=X]> veya <TR [COLSPAN=X, ROWSPAN=X]> komutlarını kullanmalısınız. İşte size Örnek Tablolar Basit bir 4X2 tablo <table border> <tr> <td>A</td> <td>B</td> <td>C</td><td>D</td> </tr> <tr> <td>E</td> <td>F</td> <td>G</td><td>H</td> </tr> </table> İşte size bir başka tablo <table border=10 bordercolorlight="#00ffff" bordercolordark="#0000ff"> <tr><th>Halkbank</th><th>Yapı Kredi</th><th>İş Bankası</th> <tr><td>Kredi</td><td>Kambiyo</td><td>Mevduat</td> </table> Rowspan Nasıl Kullanılır : <table border=10 bordercolorlight="YELLOW" bordercolordark="RED"> <tr> <td rowspan=4>Kredi<br>Mevduat<br>Repo<br>Hazine Bonosu</td> </tr> <tr> <td>Halkbank</td> <td>Yapı Kredi</td> <td>İş Bankası</td> </tr> <tr> <td>Akbank</td> <td>Garanti</td> <td>Pamukbank</td> </tr> <tr> <td>Vakıfbank</td> <td>Emlakbank</td> <td>Ziraat</td> </tr> </table> Colspan Kullanımı ve Diğer Unsurlar : <table border=10 Height=400 Vidth=580 CELLPADDING="1" CELLSPACING="25" bordercolorlight="YELLOW" bordercolordark="BLUE"> <tr> <td COLSPAN=3>BANKALAR</td> </tr> <tr> <td align=center bgcolor="Red">Halkbank</td> <td align=left>Yapı Kredi</td> <td align=right>İş Bankası</td> </tr> <tr> <td valign=top>Akbank</td> <td valign=middle>Garanti Bankası</td> <td valign=bottom>Pamukbank</td> </tr> <tr> <td>Vakıfbank</td> <td>Emlakbank</td> <td>Ziraat Bankası</td> </tr> </table> - SAYFAYA LİNK EKLEME : Sayfaya link eklemek için a href tagı kullanılır. Yani <a href="URL"> link ismi</a> şeklinde. Eklediğiniz Link'in bir başka sayfanıza ya da bir başka Web Sitesine ait olması fazla farketmez. Aşağıda değişik link örnekleri görüyorsunuz. 1 - ALTI ÇİZGİLİ LİNK (Benim bir başka sayfaya) <a href="/id/ismaildegirmenci/Aboutme.html">About Me</a> Yukarıdaki Link sayfanızda aşağıdaki şekilde görünür. About Me 2 - ALTI ÇİZGİSİZ LİNK <a href="/id/ismaildegirmenci/Aboutme.html" STYLE="text-decoration: none">About Me</a> Böyle görünür. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 About Me 3 - ALTI ÇİZGİLİ VE MOUSE ÜZERİNE GİDİNCE RENGİ DEĞİŞEN LİNK <a href="/id/ismaildegirmenci/Aboutme.html" onmouseover="this.style.color='blue'" onmouseout="this.style.color='yellow'">About Me</a> Böyle görünür. Mouse'un okunu üzerine getirin. About Me Aynı şekilde başka bir Web Sitesi için Link aşağıdaki oluşturulur. <a href="http://www.halkbank.com.tr" onmouseover="this.style.color='blue'" onmouseout="this.style.color='red'"> HALKBANK- Türkiye Halk Bankası A.Ş.</a> Böyle görünür. Mouse'un okunu üzerine getirin. HALKBANK- Türkiye Halk Bankası A.Ş. 4 - LİNKLİ RESİM <A HREF="http://www.halkbank.com.tr"><IMG SRC="/id/ismaildegirmenci/images/bina.gif" WIDTH="148" HEIGHT="131" BORDER=0></A>

31-01-2006, 13:30	#3
absolute Elit Üye Kayıt Tarihi: May 2005 Üye numarası: #16171 Yer: den Mesaj sayısı: 3,308 Karma etkisi: 305 Karma: 29401	- SAYFAYA RESİM EKLEME Sayfaya resim eklemek için <img src="Resim.Gif"> tagı kullanılır. Başlıca resim formatları Gif, Jpeg, Bmp ve Tif'tir. Bmp Netscape'te görünmez. Gif ya da Jpeg kullanmalısınız. Jpeg sıkıştırılmış olduğu için Gif'e göre daha az yer kaplar ve daha kısa sürede açılır. Gif kullanırken resmi "interlaced" haline getirirseniz, resim birden açılır, ardından da yükleme sürdükçe kademeli olarak kalitesi artar. Dolayısıyla bu tür Gif resimleri çabuk açılıyormuş hissi verir. Aşağıda örnek resim linkleri görüyorsunuz. <A HREF="http://www.halkbank.com.tr"><IMG SRC="/id/ismaildegirmenci/images/bina.gif" WIDTH="148" HEIGHT="131" ALT="HALKBANK'IN YENİ GENEL MÜDÜRLÜK BİNASINI GÖRÜYORSUNUZ.!" BORDER=0></A> üstteki açıklamada id gif olarak vermiş ben buna bir örnekte normal gif adresi ile vereyim aşağıdaki kodlar <A HREF="http://www.******.com"><IMG SRC="http://img323.imageshack.us/img323/8006/headerlstop1kh.jpg" WIDTH="600" HEIGHT="131" ALT="****** FORUM SAYFASI.!" BORDER=0></A> Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 "ALT" Mouse'un okunu resmin üzerine getirdiğinizde "ALT" tagıyla birlikte belirttiğimiz açıklamayı göreceksiniz. Ayrıca resme tıkladığınızda Halkbank'ın Web Sitesi açılacaktır. "WIDTH" tagı resmin genişliğini belirtir. "HEIGHT" tagı ise resmin yüksekliğini belirtir. "BORDER" resmin piksel cinsinden çerçeve kalınlığını belirtir. Çerçeve istemiyorsanız "0" değerini vermelisiniz. Sayfa Başı 1 - SAYFA İÇİNDE SAYFA : Floating Frame denen bu olayda, sayfa içerisinde başka bir HTML sayfasının istenilen boyutlarda bir pencere olarak açılması sağlanır. Bu işlem için sayfanıza aşağıdaki komutları girmeniz gerekir. <IFRAME SRC="/id/ismaildegirmenci/Aboutme.html" width=250 height=250> </IFRAME> Açılan pencere boyutunu piksel cinsinden belirliyorsunuz. (Örnekte 250x250 piksel) SRC= ifadesinin karşısına HTML dosyasının adını yazabileceğiniz gibi bir başka Web sitesinin adresini de yazabilirsiniz. (Örneğin: http://www.yahoo.com ) Sayfa Başı 2 - AÇIKLAMALI LİNK : Sayfanıza bir başka Web Sitesinin Link adresini ya da kendi sitenize ait bir başka sayfanızın adresini eklerken, TITLE="....." komutunu kullanırsanız, ziyaretçi mouse'un okunu link adresi üzerine getirip 1 saniye beklediğinde o adresle ilgili bilgi sahibi olabilir. Aşağıda bir örnek kullanım ve sayfadaki görünümünü bulacaksınız. <a href="http://www.halkbank.com.tr" TITLE="Halkbank Çalışana Üretene Kaynak Yaratır.">HALKBANK</a> HALKBANK Aynı özelliği resimlerinizde kullanırken TITLE tagı yerine ALT tagını de kullanabilirsiniz. Böylece ziyaretçi mouse'un okunu resmin üzerine getirdiğinde resim hakkında bilgi alabilir. Sayfa Başı 3 - KELİMENİN ÜST VE ALT SİMGESİ : <Sup>...</Sup> Bir kelimenin üstüne bir simge veya kelime eklenmek istendiğinde <Sup> komutu kullanılır. Örneğin TM yada 2 gibi. Olayı bir örnekle açıklayalım. Arçelik<Sup>TM</Sup> veya Km<Sup>2</Sup> yandaki şekilde yazılırsa aşağıdaki gibi bir görüntü elde edilir. ArçelikTM veya Km2 <Sub>...</Sub> Bir kelimenin altına bir simge veya kelime eklenmek istendiğinde <Sub> komutu kullanılır. Olayı yine bir örnekle açıklayalım. Arçelik<Sub>Türk Malı</Sub> yandaki şekilde yazılırsa aşağıdaki gibi bir görüntü elde edilir. ArçelikTürk Malı Sayfa Başı 4 - RENK ŞABLONU : Aşağıda özel olarak hazırladığım Renk Şablonu'nu görüyorsunuz. Bu şablonda rengin adını ve birkaç eksik haricinde kodunu görüyorsunuz. Sayfanızı hazırlarken rengin ismini değil kodunu kullanmanızı tavsiye ederim.Siyah=#000000 ve Beyaz=#ffffff tabloda bulunmamaktadır. Alternatif Renk Şablonlarımı da mutlaka görmelisiniz. arkadaşlar bazı kodlar okunmuyordu bende yeniden yazdım 6 - SES VE VİDEO DOSYALARI : Web sayfalarınızda ses ve video görüntülerini de kullanabilirsiniz. Sayfanıza girildiğinde Wav veya Midi ses dosyalarından birini çalmak istiyorsanız İnternet Explorer'da aşağıdaki komutu kullanmalısınız. <BGSOUND SRC='selam.wav' LOOP=3> Bu komutta çalınacak ses dosyasının adı selam. LOOP=3 yazıldığı için aynı ses dosyası sayfanız yüklendiğinde otomatik olarak 3 kez çalacak. Sayısını siz belirleyin. Eğer sayfanıza bir video görüntüsü yerleştirmek istiyorsanız İnternet Explorer'da aşağıdaki komutu kullanmalısınız. <IMG DYNSRC='selam.avi' SRC='selam.gif' LOOP=INFINITE> Yukarıdaki örnekte video yani avi dosyasının adı selam. Örnekteki selam.gif resmi video görüntüsü yüklenene kadar sayfanızda görünecektir. Bu komutla "Avi" ya da "Mov" dosyası kullanabilirsiniz. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=40703 Yukarıdaki komutları yalnızca İnternet Explorer desteklemektedir. Netscape yalnızca video görüntülerini desteklemektedir. Netscape'te kullanılan komut aşağıdaki gibidir. <EMBED SRC='selam.avi'> Sayfa Başı 6 - ARAMA MOTORLARINA KAYIT : Web sitenizi hazırladınız. Ancak sitenizin varlığından ve adresinden arkadaş çevreniz haricinde kimsenin haberi yok. Web sitenizden dünyanın haberi olsun istiyorsanız, arama motorlarına kayıt yaptırmalısınız. Arama motorları sanıldığı gibi tam anlamıyla arama yapmazlar. Yalnızca kendilerine kaydı yaptırılmış Web sitelerini ve bunların sayfalarını indexlerler. Kayıt yaptırmadan bir arama motoruna web sitenizin adresini tam olarak yazıp arattırsanız bile bulamaz. Dünyada en çok kullanılan arama motorları Yahoo, Altavista, İnfoseek, Excite, Lycos ve Hotbot'tır. İE4 kullanıyorsanız ekranın en üstündeki "Ara" düğmesine bastığınızda biraz önce saydığım arama motorlarının isimleri açılır. Buradan örneğin "Halkbank" kelimesini yazıp, Hotbot'a arattırırsanız Halkbank'ın ve benim web sitemin adresini bulabilirsiniz. Aşağıda en çok kullanılan arama motorlarının Web sitenizi kaydettirebilmeniz için gerekli adreslerini görüyorsunuz. altavista.digital.com./av/content/addurl.htm lycos.com/addasite.html infoseek.com/AddUrl?pg=DCaddurl.html excite.com/info/add-url.html hotbot.com/addurl.html yahoo.com/info/suggest Şimdi de konumuzla ilgili bazı önemli püf noktalarını belirtelim. 1 - Web sitenizin index, yani home sayfasına komutlarından sonra aşağıdaki komutları yazmalısınız. Bu komutlar sayfanızda görünmez. Ancak bu komutlar arama motorlarının ajan programları tarafından okunurlar. <META Name="description" Content="Sitenizi tanıtan bilgileri buraya yazın"> <META Name="keywords" Content="Sitenizle ilgili anahtar kelimeleri buraya girin"> Yukarıda "sitenizi tanıtan bilgiler" bölümüne yazacağınız tanıtım yazısı 150 karakteri geçmemelidir. "Anahtar kelimeler" bölümüne ise belirlediğiniz sözcükleri virgülle ayırmak suretiyle ve 200 kelimeyi geçmeyecek şekilde yazmalısınız. Buraya yazdığınız sözcüklerden biri kayıt yaptırmış olduğunuz arama motorunda arattırıldığında sizin adresiniz de listede çıkacak. Fikir edinmek için benim sitenin anahtar sözcüklerine bakabilirsiniz. 2 - Dilerseniz yukarıdaki META Name komutlarını sitenizdeki her sayfanıza girip, her sayfanızı arama motorlarına ayrı ayrı kaydettirebilirsiniz. Ancak sayfa sayınız 50'nin üzerindeyse aynı ay içinde aynı arama motoruna aynı domain adresine ait 50'nin üzerinde sayfanın kaydettirilmemesi gerektiğini bilmelisiniz. Bu kurala uymazsanız ters tepebilir. Adresiniz arama motorunun kayıtlarından tümüyle silinebilir. 3 - Arama motoruna kayıt yaptırdığınızda, arama motorunun ajan programları sizin sitenizi gözden geçirir. Açıklama ve anahtar sözcüklerinizi veri tabanına ekler. Ayrıca bu programlar sitenizdeki tüm metinleri de sıkıştırarak kendi veri tabanlarına eklerler. Bu işlemler rağbet görmeyen arama motorlarında birkaç gün sürer. Yoğun olanlarda ise birkaç hafta sürebilir. Zaman zaman anahtar kelimelerinizi arattırıp deneme yapabilirsiniz. 4 - Şu anda Yahoo'ya "Halkbank" kelimesini arattırırsanız Halkbank'la ilgili 180'den fazla adresle karşılaşırsınız. Siz ille de Halkbank'ı arıyorsanız diğer adresler sizi ilgilendirmez. Israrla 180 adreslik listeyi başından itibaren tarayıp Halkbank'ı bulursunuz. Ama örneğin sitenizdeki bir konuyla ilgili adres aranmışsa ve sizin adresiniz listenin sonunda çıkmışsa ziyaretçinin listenin sonuna kadar gidip sizi görmesi biraz zor. Yani bu listenin başlarında görünmek çok önemli. İşte listede ilk sıralarda yer almanın da bir püf noktası var. Ancak biraz zahmetli.

31-01-2006, 13:31	#4
absolute Elit Üye Kayıt Tarihi: May 2005 Üye numarası: #16171 Yer: den Mesaj sayısı: 3,308 Karma etkisi: 305 Karma: 29401	Bunun için her arama motoruna düzenli olarak her ay kayıt yaptırmalısınız. (Bu iş için program bile geliştirmişler. Bu program sitenizi otomatik olarak 250'den fazla arama motoruna kaydettiriyor.) Peki aynı ay içinde aynı arama motoruna 1'den fazla kayıt yaptırırsanız ne olur. İster inanın, ister inanmayın ama, adresiniz listenin son sıralarına atılıyor, hatta listelemeden çıkarılabiliyor. Sayfa Başı 7 - KAYAN YAZILAR : Kayan yazılar için <MARQUEE> tag'ı kullanılır. Ancak bu tag Netscape'te çalışmaz. Yalnızca içindeki yazılar normal yazı olarak görünür. Aşağıda örnek şablon görüyorsunuz. <MARQUEE BEHAVIOR=tip BGCOLOR=renk DIRECTION=yön HEIGHT=n HSPACE=n LOOP=n SCROLLAMOUNT=n SCROLLDELAY=n VSPACE=n WIDTH=n> BEHAVIOR=tip: Metnin ekranda nasıl hareket edeceğini belirten bu ek SCROLL, SLIDE, ALTERNATE değerlerinden birini alabilir. SCROLL değeri default'tur. Yazı bir kenarda belirir ve diğer kenarda kaybolur. SLIDE değeri verilirse yazı bir kenardan başlar diğer kenarda durur. ALTERNATE değeri ise yazının iki kenar arasında gidip gelmesini sağlar. BGCOLOR=renk: Kayan yazının arkaplan rengi belirler. DIRECTION=yön: Yazının kayma yönünü belirler. LEFT değeri verilirse yazı sola doğru, RIGHT değeri verilirse sağa doğru kayar. HEIGHT=n: Kayan yazının sınırlara olan mesafesini belirler. Piksel veya yüzde cinsinden. HSPACE=n: Kayan yazının sınırlara ne oranda yaklaşacağını belirler. LOOP=n: Yazıya verilen hareketin kaç kez tekrarlanacağını belirler. N değerine " -1" veya "INFINITE" verilirse hareket sınırsız olarak tekrarlanır. SLIDE' kullanılırsa bu işlem bir kez gerçekleşir. SCROLLAMOUNT, Kayan yazının bir seferde kaç piksel hareket edeceğini, SCROLLDELAY ise yazının her bir hareketi arasında kaç milisaniye bekleyeceğini belirler. VSPACE Yazının üst ve alt sınırdan ne kadar uzakta kalacağını belirler. WIDTH Yazının kayma alanı uzunluğunu belirler. Aşağıda bir örnek Görüyorsunuz : <MARQUEE DIRECTION=LEFT BGCOLOR="#d60027" WIDTH=500 HEIGHT=25 HSPACE=95 VSPACE=5 BEHAVIOR=SCROLL SCROLLAMOUNT=15 SCROLLDELAY=200>Herkese Selamlar...!!!! </MARQUEE> her zaman <body> tagından önce Kod: <charset="windows-1456">

31-01-2006, 13:47	#5
LiEqB Banned Kayıt Tarihi: Jul 2005 Üye numarası: #26945 Yer: [216.32.89.142] Mesaj sayısı: 1,772 Karma etkisi: 0 Karma: 679	http://kemalunsal.com/htm/index.html

Şu Anda Konuyu Görüntüleyenler: 1 (0 üye ve 1 misafir)