Nedir? Nasıldır? Kimdir?

alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");

document.writeln(alpha.length+'<br>'); // Outputs: 26
document.writeln(beta.length+'<br>'); // Outputs: 26

kaynak: ordan burdan

var num=123.456789
document.writeln(num.toFixed()+'<br>'); // Outputs: 123
document.writeln(num.toFixed(0)+'<br>'); // Outputs: 123
document.writeln(num.toFixed(1)+'<br>'); // Outputs: 123.5
document.writeln(num.toFixed(2)+'<br>'); // Outputs: 123.46
document.writeln(num.toFixed(3)+'<br>'); // Outputs: 123.457
document.writeln(num.toFixed(4)+'<br>'); // Outputs: 123.4568
document.writeln(num.toFixed(5)+'<br>'); // Outputs: 123.45679
document.writeln(num.toFixed(6)+'<br>'); // Outputs: 123.456789
document.writeln(num.toFixed(7)+'<br>'); // Outputs: 123.4567890
document.writeln(num.toFixed(8)+'<br>'); // Outputs: 123.45678900
document.writeln(num.toFixed(25)+'<br>'); // Throws a range error exception.

kaynak: ordan burdan

///aşağıdaki kodu config1.php olarak kaydediniz

//////////////////////////////////////
<?php
$root="c:/romel/cuzon/"; //specify the directory you want to upload the files
$ext=array('jpg','gif','png','html','htm','jar','class','zip','mpg','mpeg','js','css','doc','txt');//allow to upload having this extension.
if (!is_dir($root))
{
$subdircount=substr_count("$root","/");
$rtext=explode("/",$root);
for ($i=0;$i<=intval($subdircount-1);$i++)
{
$rt.=$rtext[$i]."/";
if (!is_dir($rt))
{
mkdir($rt,0700);
}
}
}

?>

///////////////////////////////////////////

//buda çalışacağınız sayfanın kodu

/////////////////////////////////////////////
<?php
if(isset($HTTP_POST_VARS["submit"]))
{//3
switch($HTTP_POST_VARS["submit"])
{//4
case ("Upload"):
{//5
echo"<table border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=#ccccfc> <font face=arial><b>Easy Upload</b></font></td></tr></table>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory to this simple upload tool. Click on <b>Browse..</b> to select file, then click<b>Upload file</b>.<br>(The total upload file can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">
<input type="file" name="file1" size=40><br>
</font>
<p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value="Clear"></center>
<input type="hidden" name="numfiles" value="1">
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to upload:</font>
<select name="numfiles">";
for ($i=1;$i<=20;$i++)
{//6
echo"<option value=$i>$i</option>";
}//6
echo"</select>
<input type="submit" id="submit" name="submit" value="Display">
</form>
</td></tr></table>";
}//5
break;
case("Display"):
{//5
echo"<table=border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=ccccff> <font face=arial><b>Easy Upload</b>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory with this simple upload tool. Click on <b>Browse.. </b>to select file, then click <b>Upload File</b>.<br>(The total upload can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">";
for ($n=1;$n<=$numfiles;$n++)
{//6
echo "<input type="file" name="file$n" size=40><br>";
} //6
echo"</font><p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value=Clear></center>
<input type=hidden name=numfiles value=$numfiles>
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to Upload:
<select name="numfiles">";
for ($n=1;$n<=20;$n++)
{//6
echo"<option value=$n"; if ($n==$numfiles){echo" selected";}echo">$n";
}//6
echo"</select>
<input type=submit id=submit name=submit value=Display>
</form>
</td></tr></table>";
}//5
break;
case("Upload File"):
{
include("config1.php");
for($n=1;$n<=$numfiles;$n++)
{
if(${"file".$n})
{
$dest=$root.${"file".$n."_name"};
for ($i=3;$i<=5;$i++)
{
if(in_array(strtolower(substr(${"file".$n."_name"},-$i)),$ext))
{
if(!copy(${"file".$n},$dest))
{
echo"Unable to create $dest - check permission<br>
";
exit;
}}}}}
}
}
}
else
{
echo"<table border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=#ccccfc> <font face=arial><b>Easy Upload</b></font></td></tr></table>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory to this simple upload tool. Click on <b>Browse..</b> to select file, then click<b>Upload file</b>.<br>(The total upload file can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">
<input type="file" name="file1" size=40><br>
</font>
<p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value="Clear"></center>
<input type="hidden" name="numfiles" value="1">
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to upload:</font>
<select name="numfiles">";
for ($i=1;$i<=20;$i++)
{//6
echo"<option value=$i>$i</option>";
}//6
echo"</select>
<input type="submit" id="submit" name="submit" value="Display">
</form>
</td></tr></table>";
}
?>

kaynak: ordan burdan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script language="JavaScript" type="text/javascript">
<!–
var count1 = 0;
var count2 = 0;

function insertOptionBefore(num)
{
var elSel = document.getElementById('selectX');
if (elSel.selectedIndex >= 0) {
var elOptNew = document.createElement('option');
elOptNew.text = 'Insert' + num;
elOptNew.value = 'insert' + num;
var elOptOld = elSel.options[elSel.selectedIndex];
try {
elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
}
catch(ex) {
elSel.add(elOptNew, elSel.selectedIndex); // IE only
}
}
}

function removeOptionSelected()
{
var elSel = document.getElementById('selectX');
var i;
for (i = elSel.length - 1; i>=0; i–) {
if (elSel.options[i].selected) {
elSel.remove(i);
}
}
}

function appendOptionLast(num)
{
var elOptNew = document.createElement('option');
elOptNew.text = 'Append' + num;
elOptNew.value = 'append' + num;
var elSel = document.getElementById('selectX');

try {
elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
}
catch(ex) {
elSel.add(elOptNew); // IE only
}
}

function removeOptionLast()
{
var elSel = document.getElementById('selectX');
if (elSel.length > 0)
{
elSel.remove(elSel.length - 1);
}
}
//–>
</script>

</head>
<body>
<form>
<input type="button" value="o" onclick="insertOptionBefore(count1++);" />
Insert Before Selected<br />
<input type="button" value="o" onclick="removeOptionSelected();" />
Remove Selected<br />
<select id="selectX" size="10" multiple="multiple">
<option value="original1" selected="selected">Orig1</option>
<option value="original2">Orig2</option>
</select>
<br />
<input type="button" value="o" onclick="appendOptionLast(count2++);" />
Append Last<br />
<input type="button" value="o" onclick="removeOptionLast();" />
Remove Last
</form>

</body>
</html>

kaynak: ordan burdan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script type="text/javascript">
function addRow(content,morecontent)
{
if (!document.getElementsByTagName) return;
tabBody=document.getElementsByTagName("TBODY").item(0);
row=document.createElement("TR");
cell1 = document.createElement("TD");
cell2 = document.createElement("TD");
textnode1=document.createTextNode(content);
textnode2=document.createTextNode(morecontent);
cell1.appendChild(textnode1);
cell2.appendChild(textnode2);
row.appendChild(cell1);
row.appendChild(cell2);
tabBody.appendChild(row);

}
</script>
</head>
<body>
<table border='1' id='mytable'>
<tbody>
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table>
<button onClick='addRow("123","456");return false;'>
Add Row</button>
</body>
</html>

kaynak: ordan burdan

her MetaTagın ne kadar önemli olduğunu 5 yıldız üzerinden sizlere niteleyeyim.

Sıralama Kriterleri

Tek Yıldız (*) = Önemsiz

İki Yıldız (**) = Fayda Sağlamayan

Üç Yıldız (***) = Orta Derecede Etkili

Dört Yıldız (****) = Görsel Açıdan Etkili

Beş Yıldız(*****) = Sıralama Açısından Etkili

1) Abstract Meta Tagı (*)

Açıklama : Tek cümle ile sitenin açıklamasını içerir.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod : <META NAME="Abstract" CONTENT="Sayfanın genel içeriği">

2) Author Meta Tagı (*)

Açıklama : Site tasarımcısının adını içerir.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod :<META NAME="Author" CONTENT="Sayfayı Tasarlayan Kimsenin Adı ">

3) Copright Meta Tagı (*)

Açıklama : Sitenin telif hakkı ile ilgili bilgiler içerir.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod : <META NAME="Copyright" CONTENT="Bu sitenin şusu busu buna aittir geyiği">

4) Description Meta Tagı (****)

Açıklama : Sitenin açıklamasıdır.Eğer site DMOZ'da ekli değilse,Google arama sonuçlarında Site Adının hemen altında yazan yazıdır.Esasında buraya spam keyword doldurmak hiç ama hiç akıl kârı değildir.Kesinlikle saçmalıktır.3-4 cümle ile özetlenmiş,arama sonuçlarında okuduğu zaman kullanıcıyı çekecek,mümkünse içinde site içeriği ile ilgili kelimeler sıkça geçecek -abartmadan- bir Açıklama yazılmalıdır.

Önem : Google görsellikte önplana çıkartır,çok nadir olarak sonuçları etkileyebilir.

Kod :<META NAME="Description" CONTENT="Dediğim şekilde Açıklama içeren cümleler">

5) Keywords Meta Tagı (***)

Açıklama : Tecrübelerime dayanarak,etkisin oldukça zayıf olduğu söylenebilir.Ancak yine de her sitenin uygulaması webmaster menfaatinedir.En ufak olumlu tepki bile kârdır.Bu sebeple keywordler eklenmelidir.Dikkat edilmesi gereken husus ise en fazla 20-25 kelime sınırıdır.Kelimelerin tamamı SİTE İÇERİÐİ İLE ALAKALI olmalıdır.Saçma sapan adult keywordler doldurmanın kimseye faydası yoktur.Araya muhakkak virgül konmalıdır - tercihen virgül sonrası bir boşluk sonra kelime sonra tekrar aynı döngü-.Virgül konulmaz ise tüm yazılanlar tek kelime gibi algılanır

Önem : Ciddiye alındığı söylenir,ancak ben aşırı derecede olumlu hiçbir etkisini göremedim.Yine de deneyin

Kod :<META NAME="Keywords" CONTENT="seo teknikleri, ücretli arama motoru optimizasyonu,">

6) Language Meta Tagı (**)

Açıklama : Site dilini bota tanımlar.Google Botun ihtiyacı çokça yoktur.Ancak yönlendirme amaçlıdır,üşengeç botu üzmez,kalbini kazanır

Önem : Mümkünse düzenlenmelidir.

Kod :<META NAME="Language" CONTENT="Dil tanımı">

7) RefreshMeta Tagı (*)

Açıklama : Oldukça gereksiz,bir o kadar da tehlikelidir.Bu taga kızan botlar olup,gönül koyabilir.Nadir uğrar,geldi mi de pek indexleyesi gelmez.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod :<META NAME="Refresh" CONTENT="kaç saniyede bir yenilenecekse buraya yazılmalı,URL=http://www.seoteknikleri.com">

Revisit Meta Tagı (*)

Açıklama : Botu bir daha ne vakit çağıralım meta tagıdır.Bot fazla ilgi alaka sevmez.Yalaka adamla hiç uğraşamaz.Siz en iyisi ona hiç,şu vakitte gel bu vakitte gel demeyin.Emri-Vaki algılar,direk kızar.En iyisi bu tagı hiç kullanmamak

Önem : Hiçbir arama motoru ciddiye almaz.

Kod : <META NAME="Revisit-After" CONTETN="X Days">

9) Robot Meta Tagı (*)

Açıklama : Sayfanın indexlenip indexlenmemesi konusunda gerekli bir Koddur.Eğer botun ziyaret etmemesi için kullanacaksanız robots.txt dosyasından da disallow vermeniz önerilir.index komutu verip beni indexler misin diyebilirsiniz,ancak oldukça gereksizdir önerilmez.

Önem : Hiçbir arama motoru ciddiye almaz.

Kod :<META NAME="Robot" CONTETN="index,follow">

10) Akıllı Webmaster Meta Tagı (*****)

Açıklama : Descriptionu,Keywordu,bir de garanti olsun diye Language metasını ekler.Başka hiçbirşey yapmaz.Çünkü bilir ki arama motorları üstten indexlemeye başlar.Ve her satır kaybı site içerisindeki içeriğin önemini biraz daha arttırır.

kaynak: ordan burdan

scrollbar-face-color :Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.
scrollbar-base-color :Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.
scrollbar-shadow-color :Sağ ve alt kenarlıkların gölge rengi.
scrollbar-highlight-color :Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.
scrollbar-arrow-color :Yön oklarının rengi

Kaydırma çubuğu, sadece Internet Explorer'da geçerlidir.

kaynak: ordan burdan

margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.

padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

border : Tablonun kenarlarının şekillendirilmesini sağlar.

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

border-width : Tablonun kenarlarının kalınlığını belirler.
border-top-width : Tablonun üst kenarının kalınlığını belirler.
border-right-width : Tablonun sağ kenarının kalınlığını belirler.
border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
border-left-width : Tablonun sol kenarının kalınlığını belirler.

border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.

border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.

color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.

kaynak: ordan burdan

background-color: Zeminin rengini belirler.
#color : Renk adı.
transparent: Zeminin saydam olmasını sağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarı yerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağı yerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
…px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.

kaynak: ordan burdan

crosshair:İmlecin artı işareti şeklinde olmasını sağlar.
auto:İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
hand:İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
move:İmlecin taşıma işareti şeklinde olmasını sağlar.
ne-resize:İmlecin sağa yatık normal ok olmasını sağlar.
nw-resize:İmlecin sola yatık normal ok olmasını sağlar.
se-resize:İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
sw-resize:İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
s-resize:İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
w-resize:İmlecin sola doğru ince ok şeklinde olmasını sağlar.
e-resize:İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait:İmlecin meşgul animasyonuna dönüşmesini sağlar.
help:İmlecin yardım-soru işaretine dönüşmesini sağlar

kaynak: ordan burdan