Wolder King

Html Eğitimi Ders 6-Listeleme

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" width="165" /></a></div>
Merhaba,<br />
Bir önceki derste tablo işlemini görmüştük. Ve şimdi listeleme yapacağız. Çok kolay olucak. Herhangi bir uzatma anlatımı olmayacak. Kolay gelsin.<br />
<h4>
Maddeleme:</h4>
<ul> /*ul madde listeleme etiketidir*/<br />
<li>Html</li>/*li her listede bir bölüm oluşturmak için kullanılır*/<br />
<li>Css</li><br />
<li>Javascript</li><br />
</ul><br />
<div>
<br />
Bunu uyguladığımızda:</div>
<div>
<br /></div>
<ul>
<li>Html</li>
<li>Css</li>
<li>Javascript</li>
</ul>
<div>
Normal bir madde listelemesi yaptık. Bu listeyi artırabilirsiniz.</div>
<h4>
Numaralandırma:</h4>
<div>
<ol>  /*ol numara ile listeleme etiketidir*/<br />
<li>Çay</li><br />
<li>Kahve</li><br />
<li>Kola</li><br />
</ol></div>
<div>
<br /></div>
<div>
Bunu uyguladığımızda:<br />
<div>
   </div>
</div>
<ol>
<li>Çay</li>
<li>Kahve</li>
<li>Kola</li>
</ol>
<div>
Bu sefer kendi kendine sayan bir madde listelemesi gördük. </div>
<h4>
Katagorilendirme:</h4>
<div>
Bu biraz kötü görüntü oluştursada kullanışlıdır.</div>
<div>
<br /></div>
<dl>  /*dl kategori ile listeleme etiketidir*/<br />
<dt>Html</dt> /* ilk kategori*/<br />
<dd>Kolay</dd>/*alt kategori*/<br />
<dd>Önemli</dd>/*alt kategori*/<br />
<div>
</dl></div>
<div>
<br /></div>
<div>
Bunu uyguladığımızda:</div>
<div>
<br /></div>
<dl>
<dt>Html</dt>
<dd>Kolay</dd>
<dd>Önemli</dd>
<dt><br /></dt>
<dt>Gördüğünüz gibi katagorileri kolaylıkla yönetebiliyoruz. Ayrıca değişik bir hava veriyor.</dt>
<dt><br /></dt>
<dt>Bu derslik bu kadar ve diğer sitedeki dersler gibi uzun sıkıcı değil kısa özdür. İnsan zeki olduğundan zaten hemen anlar değil mi? Bir sonraki derste form oluşturma gibi konuları işliyeceğiz. Kolay gelsin.</dt>
</dl>

Html Eğitimi Ders 6-Listeleme

Html Eğitimi Ders 6-Listeleme

Merhaba, Bir önceki derste tablo işlemini görmüştük. Ve şimdi listeleme yapacağız. Çok kolay olucak. Herhangi bir uzatma anlatımı olmayac...

08:19

Javascript Eğitimi Ders 5-Operatörler

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Zor kısımları atlattık ve şimdi javascripti kullanamaya başlayacağız. Bu oparatörlerin hepsini öğrenmenize gerek yok ama not alın. Kolay gelsin.<br />
Not: Bu tam bir eğitim değildir ve liste olarak gösterilmiştir. Ve yine diyorum okuyun anlayın geçin. Kafayı karıştırmayın. Örneklerde kullandıkça anlarsınız.<br />
<h3>
Operatör Nedir?</h3>
<div>
Operatör deyim ve ifadelere getiriler karakterlerdir. Ve işlem yapmak için kullanılır. (Bunu sadece toplama, çıkarma gibi anlamayın) Operatörler 3'e ayrılır:</div>
<div>
<ul>
<li>unary: 1 operand (Operatör içinde kullanılmış anahtar) ile yapılırlar. 1 şeyi denetler</li>
<li>binary: 2 operand ile yapılır . 2 şeyi karşılaştırır, işlem yapar vb.</li>
<li>ternary: 3 operand ile yapılır. 3 şeyi denetler vb. </li>
</ul>
</div>
<h3>
Operatörler</h3>
<h4>
Aritmetik:</h4>
<div>
<ul>
<li>+: Binary'dir ve toplama işlemi yapar.</li>
<li>-: Binary'dir ve çıkarma işlemi yapar.</li>
<li>*: Binary'dir ve çarpma işlemi yapar.</li>
<li>/: Binary'dir ve bölme işlemi yapar.</li>
<li>%: Binary'dir ve bölme işleminde kalanı belirler.</li>
<li>++: Unary'dir ve değişkenin değerini artırır. (++x veya x++ "x=4 ise 5 değeri alınır")</li>
<li>--: Unary'dir. Yukarıdaki işlemin azaltma işidir.</li>
<li>-: Unary'dir ve bir sayıyı negatif yapmak için kullanılır.</li>
</ul>
<h4>
Karşılaştırma: <span style="font-weight: normal;">Önceden öğrendiğimiz Boolean "true" veya "false" değerleri alma karşılaştırma ile gerçekleşir.</span></h4>
</div>
<div>
<ul>
<li>==: Eşitlik anlamına gelir. (3==3 veya "3"==3 olarak kullanılabilir)</li>
<li>===: Katı eşitlik anlamına gelir. (Kafanızı karıştırmayın 3===3 olarak kullanılabilir)</li>
<li>!=: Eşitsizlik anlamına gelir. (3!=3 olarak kullanılabilir)</li>
<li>!==: Katı eşitsizlik anlamındadır. (Kafanızı karıştırmayın 3!==3 veya "3"!==3 olarak kullanılabilir)</li>
<li>>: Büyüktür anlamındadır.</li>
<li><: Küçüktür anlamındadır.</li>
<li>>=: Büyük ya da eşittir anlamındadır.</li>
<li><=: Küçük ya da eşittir anlamındadır.</li>
</ul>
<h4>
Mantıksal:</h4>
</div>
<div>
<ul>
<li>&&: Ve anlamı taşır. Boolean türünde binary'dir. 2'side true ise true, diğer durumlarda false değeri alır.</li>
<li>||: Veya anlamı taşır. Boolean türünde binary'dir. 2'side false ise false, diğer durumlarda true değeri alır.</li>
<li>!: Değil anlamı taşır. Boolean'da unary'dir. Operand'ı tersine dödürür. (!(true) => false !(false) => true)</li>
</ul>
<h4>
Bitsel:</h4>
</div>
<div>
<ul>
<li>&: Bitsel olarak Ve anlamı taşır.</li>
<li>|: Bitsel olarak Veya anlamı taşır.</li>
<li>^: Bitsel olarak Özel Veya anlamı taşır.</li>
<li>~: Bitsel olarak Değil anlamı taşır.</li>
</ul>
<h4>
Atama:</h4>
</div>
<div>
<ul>
<li>=: Atama operatörüdür.</li>
<li>+=: Toplama atamasıdır. Örneğin a += b => a = a+b</li>
<li>-=: Çıkartma atamasıdır. Örneğin a -= b => a= a-b </li>
<li>*=: Çarpma atamasıdır. Örneğin a *= b => a= a*b </li>
<li>/=: Bölme atamasıdır. Örneğin a /= b => a= a/b </li>
<li>%=: Kalan atamasıdır. Örneğin a %= b => a= a%b </li>
</ul>
<h4>
Özel:</h4>
</div>
<div>
Koşullu Operatör:</div>
<div>
<br /></div>
<div>
1. ( şart ) ? deyim1 : deyim 2</div>
<div>
Burada söz diziminde eğer şart true değerini veriyorsa deyim1, şart false değerini veriyorsa deyim2 çalışacaktır.</div>
<div>
<br /></div>
<div>
2. degisken = ( şart ) ? deger1 : deger2</div>
<div>
Burada ise eğer şart true değerini veriyorsa degisken deyim1 değerini, şart false değerini veriyorsa deyim2 değerini alcaktır.</div>
<div>
<br /></div>
<div>
Virgül Operatörü:</div>
<div>
Kafanızı karıştırmak istemem ama bazı değişken ifadeleri ayırmaya yarar. Örneğin:</div>
<div>
<br /></div>
<div>
var b = 2;</div>
<div>
for (var a = 0; a < 5; a++, b--)</div>
<div>
<br /></div>
<div>
Burada , deyimleri ayırmak için kullanılmış. İfade ile kafanız karışmasın. Sadece anlatılmak istenen yere bakın.</div>
<div>
<br /></div>
<div>
Delete Operatörü:</div>
<div>
Bir nesene veya özelliğini, dizideki bir elemanı silmeye yarar. Örneğin:</div>
<div>
<br /></div>
<div>
delete nesne;</div>
<div>
delete nesne.özellik;</div>
<div>
delete dizi[index];</div>
<div>
<br /></div>
<div>
in Operatörü:</div>
<div>
Bir nesnenin bir şeye veya özelliğe sahip olup olmadığını öğrenmek için kullanılır. Boolean olarak içindeyse true, değilse false değeri alır. Örneğin 5 sayısının bir dizide olup olmadığını anlayalım:</div>
<div>
<br /></div>
<div>
5 in dize; //Eğer dizede 5 varsa true değerini, yoksa false değerini alır</div>
<div>
<br /></div>
<div>
Dersimiz bitmiştir. Şimdi şöyle bir oh çekin. Bundan sonra programlama işine başlayacağız. Çok zevkli olacak. Kolay gelsin.</div>
<div>
Not: Burada anlatılmayan operatörler ileriki derslerde bu operatörlerle birlikte ayrıntılı bir şekilde anlatılacaktır.</div>

Javascript Eğitimi Ders 5-Operatörler

Merhaba, Zor kısımları atlattık ve şimdi javascripti kullanamaya başlayacağız. Bu oparatörlerin hepsini öğrenmenize gerek yok ama not alı...

08:04

Javascript Eğitimi Ders 4-Veri Türleri

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Bir önceki derste değişken kapsamını öğrendik ve şimdi sıkıcı konulardan biri olan veri türlerini öğrenelim. Veri türlerinden sonra artık Javascript kullanmayı öğreneceksiniz. Yani operatörleri kullanacağız. Bu arada şuan Javascript istekleri çok yoğun olduğundan sürekli Javascript blogları paylaşıyorum.<br />
<h3>
<span style="font-weight: normal;">Veri Türü Nedir?</span></h3>
<div>
Veri türleri değişkenlerin türlerini belirtir. Bu türler bazı işlemlerin yapılması bakımından önemlidir. Örneğin:</div>
<div>
<br /></div>
<div>
var sayi = 2;</div>
<div>
<br /></div>
<div>
Bu örnekte değişkenin veri türü number yani sayıdır. Başka bir örnek:</div>
<div>
<br /></div>
<div>
var yazi = "wolder";</div>
<div>
<br /></div>
<div>
Bu örnekte ise değişkenin veri türü string yani yazıdır. Şimdi hepsini öğrenelim. Ama önce demeliyimki kafanızı karıştırmayın. Yani okuyup isimleri öğrenip geçin. Diğer şeyleri düşünmeyin. İleride örneklerle bunu anlayacaksınız. Ve daha ayrıntılı bir şeyilde uzaktaki bir konuda öğreneceksiniz.</div>
<h3>
<span style="font-weight: normal;">Veri Türleri</span></h3>
<div>
<ul>
<li>Number: Sayı türüdür.</li>
<li>Boolean: Değişkenin "true" yani doğru veya "false" yani yanlış değerini almasıdır. Bu işlemler "if" yani eğer komutlarında doğru mu yanlış mı bilgisini verir. (Kafanızı Karıştırmayın Okuyup Geçin)</li>
<li>String: Yazı türüdür. (' ') veya (" ") arasına yazılmalıdır. Eğer (' ') veya (" ") arasına sayı yazılırsa NaN (Not a Number) değeri alır. Çünkü (' ') veya (" ") arasına sadece yazı yazılabilir. (Kafanızı Karıştırmayın Okuyup Geçin)</li>
<li>Undefıned: Tanımlanmamış anlamındadır. Eğer bir değişkeni tanımlamadan bir deyim veya ifadede (Örneğin document.write) kullanırsak NaN kullanmazsak Undefined değerini alır. Yani NaN yazısını ekrana yazdırabiliriz ama Undefined'i yazdıramayız. Hafızada kalır. (Kafanızı Karıştırmayın Okuyup Geçin)</li>
<li>Null: Ne olduğu belli olmayan değişken, veri türüdür. Türünü tarayıcı belirler. Yani çarpma işlemi yapacaksak bir sayı ile yazıyı çarpamayacağımızdan tür number, toplama işlemi yapacaksak string olur. Peki yazıyı toplayabilir miyiz? Hayır ama birleştirme işlemi yapar. Yani a+b=ab'dir. Bir değişkene "null" değeri atamak için değişken içeriğini "null" yapmalıyız. (Kafanızı Karıştırmayın Okuyup Geçin)</li>
<li>Object: Bir değişkene özellik ve metotlara sahip bir nesne atandığında değişkenin türü bu olur. Ayrıntılı bilgi yakında verilecektir. (Kafanızı Karıştırmayın Okuyup Geçin)</li>
</ul>
<h3>
<span style="font-weight: normal;">Kaçışlar</span></h3>
</div>
<div>
<ul>
<li>\b Backspace (Geri Al)</li>
<li>\n Enter (Yeni Satır)</li>
<li>\r Paragraf Sonu</li>
<li>\t Tab (Yatay Sekme)</li>
<li>\v Vertical Tab (Dikey Sekme)</li>
<li>\' Tek Tırnak</li>
<li>\" Çift Tırnak</li>
<li>\\ Ters Eğik Çizgi</li>
</ul>
<h3>
<span style="font-weight: normal;">Tür Dönüşümleri</span></h3>
</div>
<div>
Değişkenlerin değere göre otamatikmen türünün değişmesidir. Genellikle deyim veya ifadelerde gerçekleşir. Örneğin:</div>
<div>
<br /></div>
<div>
var a = "wolder";</div>
<div>
var b = 5;</div>
<div>
var c = a+b;</div>
<div>
<br /></div>
<div>
Burada bir kelime ile sayı toplanmaya çalışılmış. Bundan dolayı "b" değişkeninin değeri string olur ve c ise "wolder5" olur. Başka bir örnek:</div>
<div>
<br /></div>
<div>
<div>
var a = "2";</div>
<div>
var b = 5;</div>
<div>
var c = a*b;</div>
</div>
<div>
<br /></div>
<div>
Burada "a" değişkeninin sayısı " ve " arasında olduğundan string değeri almış. Ve çarpma işlemi sadece numberlar arasında olduğundan "a" değişkeni tür değişimi ile number olup dolayısıyla "c" 10 olur. Başka bir örnek daha:</div>
<div>
<br /></div>
<div>
<div>
var a = "2a";</div>
<div>
var b = 3;</div>
<div>
var c = a*b;</div>
</div>
<div>
<br /></div>
<div>
Burada bir sıkıntı söz konusu. "a" değişkeni string ve number olamaz. Bundan dolayı "c" NaN değeri alır. Eğer işlem + işlemi olsaydı ozaman sonuç "b" değişkeninin string olması ve "c"nin de 2a3 olmasıyla biterdi.</div>
<div>
<br /></div>
<div>
Evet. Büyük bir yolu tamamladık ve önemli olup bir okadar da zor olan bu konuyu bitirdik. Kafanızı karıştırmamışsınızdır inşallah. Karıştıysan sorunu yorumda belirtin. Bir sonraki derste Operatörlerin hepsini göreceğiz. Kolay Gelsin</div>

Javascript Eğitimi Ders 4-Veri Türleri

Merhaba, Bir önceki derste değişken kapsamını öğrendik ve şimdi sıkıcı konulardan biri olan veri türlerini öğrenelim. Veri türlerinden so...

06:52

Javascript Eğitimi Ders 3-Değişken Kapsamı

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Değişkenleri öğrendiğimize göre şimdi değişkenin ulaşılabildiği yerleri öğrenelim. Bu konu çok önemli ve dikkat edlimesi gereken bir konudur.<br />
<h3>
Değişken Kapsamı</h3>
<div>
Değişken kapsamı değişkenlere ulaşılabilen yerlerdir. "{" ve "}" arasındda kalan yerlere blok denir ve bloklar bir kapsam tanımlamaktadırlar. Değişken kapsamı genel (Global) ve yerel (local) olmak üzere 2'ye ayrılır. </div>
<h4>
Global Değişken</h4>
<div>
Fonksiyonda kullanmamak şartıyla direk script etiketleri arasına konulan ve tanımlanan değişkenler genel (Global) değişkenlerdir. Önceden bildiğimiz gibi tarayıcı onu okumadan aktif hale gelmez. Yani onu tanımaz.</div>
<h4>
Global Değişken'e Örnek:</h4>
<div>
<html></div>
<div>
<head></div>
<div>
<script></div>
<div>
var global = 5;</div>
<div>
function fun() {</div>
<div>
//global değişkeni etkin</div>
<div>
}</div>
<div>
//global değişkeni etkin</div>
<div>
</script></div>
<div>
<body></div>
<div>
<script></div>
<div>
//global değişkeni etkin</div>
<div>
function fun2() {</div>
<div>
//global değişkeni etkin</div>
<div>
}</div>
<div>
</script></div>
<div>
</body></div>
<div>
</html></div>
<div>
<br /></div>
<h4>
Local Değişken</h4>
<div>
Belirli bir yerde, fonksiyonda kullanılırsan fonksiyonda etkin olur. Örnek verirsek iyi anlarız. Global ile local'ı birleştirelim.</div>
<h4>
Local Değişken'e Örnek:</h4>
<div>
<div>
<html></div>
<div>
<head></div>
<div>
<script></div>
<div>
function fun() {</div>
<div>
var local = 5;</div>
<div>
global = 5;</div>
<div>
//Burada local "var ile tanımlanmış.</div>
<div>
//Fakat global tek olarak tanımlanmış.</div>
<div>
}</div>
<div>
//İkiside etkin değil</div>
<div>
fun2 ();</div>
<div>
//Fonksiyon etkinleştirildi</div>
<div>
//Şimdi global tam global oldu.</div>
<div>
}</div>
<div>
//global değişkeni etkin</div>
<div>
</script></div>
<div>
<body></div>
<div>
<script></div>
<div>
//global değişkeni etkin</div>
<div>
function fun2() {</div>
<div>
//global değişkeni etkin</div>
<div>
}</div>
<div>
</script></div>
<div>
</body></div>
<div>
</html></div>
</div>
<div>
<br /></div>
<div>
Fonksiyonda "var" anahtarı ile kullanılan değişken local değişkendir. "var"sız kullanılan (tanımlanan) değişkenler yarı global olup sadece fonksiyon etkinleştirilince tam global olurlar. Yani burada da global isimli değişken fonksiyon etkin olunca tam global oldu.</div>
<h4>
Genel Örnek:</h4>
<div>
<div>
<html></div>
<div>
<head></div>
<div>
<script></div>
<div>
var a = 5;</div>
<div>
function fun() {</div>
<div>
var a = 10;</div>
<div>
var a = 15;</div>
<div>
document.write("local a değişkeni:" + a);</div>
<div>
}</div>
<div>
fun ();</div>
<div>
document.write("global a  değişkeni" + a);</div>
<div>
</script></div>
<div>
<body></div>
<div>
</body></div>
<div>
</html></div>
</div>
<div>
<br /></div>
<div>
Burada document nesnesinin write özelliğini kullandık ve yazı yazmaya yaradığını öğrendik. Peki burada ne var. Burada 1 kere global sonra 2 kere fonksiyon içinde local olarak tanımlanan aynı isimli değişkenleri görüyorsunuz. Bu durumda en son yazılan değişken geçerli olur. Sonra "local a değişkeni: 15" yazısını yazdık. Bu değişken şuan local. Sonra fonksiyonu etkin edip "global a değişkeni: 15" dedik. Yani şimdi değişken kullanılırken global oldu. Burada anlatmak istediğim bir değişkeni aynı anda hem global hem de local olarak kullanabiliriz.</div>
<div>
<br /></div>
<div>
Bu derslik bukadar ve zor bir okadar da önemli olan bu konu her programcı için işi zorlaştırıyor. Bir sonraki derste yine önemli ve zor bir okadar da kafa karıştırıcı olan konuyu anlatmaya çaışacağız. Kolay Gelsin.</div>

Javascript Eğitimi Ders 3-Değişken Kapsamı

Merhaba, Değişkenleri öğrendiğimize göre şimdi değişkenin ulaşılabildiği yerleri öğrenelim. Bu konu çok önemli ve dikkat edlimesi gereken...

06:08

Javascript Eğitimi Ders 2-Javascript'e Giriş

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Şimdi değişkenler hakkında bilgi edinip kullanıcağız. Kısa bir ders olcak. Kolay Gelsin.<br />
<h3>
Değişkenler</h3>
<div>
Değişkensiz hiçbir şey yapamayız. Değikenler üretilen verileri, değerleri saklamaya yarayan alanlardır. Söz dizimi şöyledir:</div>
<div>
<br /></div>
<div>
<Veri Türü> <Değişken Adı> = <İlk Değer Ataması></div>
<h3>
Değişken Oluşturma Kuralları</h3>
<div>
<ul>
<li>Adı "_" veya harfle başlamalıdır. Sayı ile başlayamaz.</li>
<li>Adından türkçe karakter ve boşluk bulunmamalıdır.</li>
<li>Büyük harflere duyarlıdır. Yani "ben" ve "Ben" farklıdır.</li>
<li>Değişken tanımlama şöyledir:</li>
</ul>
<div>
             var <değişken adı> = <ilk değer ataması></div>
</div>
<div>
<ul>
<li>Değişkenlerde ad olarak rezerve isimleri kullanılmaz.</li>
<li>Değişkenlerde metinler atanırken "ve" işaretleri arasına konulmalıdır.</li>
</ul>
<h3>
Değişken Tanımlama ve Değer Atama</h3>
</div>
<div>
Tanımlama:</div>
<div>
<br /></div>
<div>
var a = 5;</div>
<div>
<br /></div>
<div>
Değer Atama:</div>
<div>
var j; //Şuan Değeri Yok</div>
<div>
j = "Wolder"; //Değer Atadık ve Değeri Var</div>
<div>
<br /></div>

Javascript Eğitimi Ders 2-Javascript'e Giriş

Merhaba, Şimdi değişkenler hakkında bilgi edinip kullanıcağız. Kısa bir ders olcak. Kolay Gelsin. Değişkenler Değişkensiz hiçbir şey ...

11:32

Javascript Eğitimi Ders 1-Başlangıç

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFvs61EruESO4BEgaeqY9v6HM2aMHpaiSvqSA0qUX6lWFeky5h0jt_783i5TYR1ck_SSN2ESVl531RaKz7fv4bm7o75m52j8lUJpacgzTv-opjjBk3qFg6IpcdZqM8yrK95GrLblC-Hg/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MFvs61EruESO4BEgaeqY9v6HM2aMHpaiSvqSA0qUX6lWFeky5h0jt_783i5TYR1ck_SSN2ESVl531RaKz7fv4bm7o75m52j8lUJpacgzTv-opjjBk3qFg6IpcdZqM8yrK95GrLblC-Hg/s1600/JavaScript-logo.png" width="200" /></a></div>
Merhaba,<br />
Bugünden itibaren siteyi daha dinamik, kullanışlı yapan javascripti öğrenmeye başlayacağız. Çok uzun ve ayrıntılı anlatımlarım ile iyi anlayacağınızı düşünüyorum. Bu derse başlamadan önce "Html" ve temel "Css" bilmelisiniz. Biraz saçma ama arada "Css" kullanacağım. Ayrıca "Php" biliyorsanız size "Javascript" çok kolay gelecektir. Şimdiden kolay gelsin.<br />
<br />
<h3>
Nereye Eklenir</h3>
<div>
Html'de ve Html5'te "<head>" etiketleri arasına veya "<body>" etiketleri arasına eklenir. Eklendiği yer ise önemlidir. Bir örnekle açıklayalım:</div>
<div>
<br /></div>
<div>
"Evet bu işlem için "function" etiketini kullanacağız.</div>
<div>
.</div>
<div>
.</div>
<div>
.</div>
<div>
Şimdi "function" etiketinin ne olduğunu öğrenelim:</div>
<div>
.</div>
<div>
.</div>
<div>
.</div>
<div>
<br /></div>
<div>
Sizce size böyle bir eğitim sağlasam olur mu? Tabiki hayır. İşte tarama işlemide yukarıdan başladığından eğer en üste etiket ile javascript belirtirsek tarayıcı daha o etiketi tanımadığından (okumadığından) script kodu yok sayılacaktır.</div>
<div>
<br /></div>
<div>
<html></div>
<div>
<head></div>
<div>
//1. Javascript Kodları</div>
<div>
</head></div>
<div>
<body></div>
<div>
//2. Javascript Kodları</div>
<div>
//Kodlar</div>
<div>
//3. Javascript Kodları</div>
<div>
</body></div>
<div>
</html></div>
<h3>
Nasıl Eklenir</h3>
<div>
"<script>" ve "</script>" etiketleri arasına "type" değeri "text/javascript" verilerek kullanılır. Yani:</div>
<div>
<br /></div>
<div>
<script type="text/javascript"></div>
<div>
//Kodlar</div>
<div>
</script></div>
<div>
<br /></div>
<h3>
Harici Javascript</h3>
<div>
"<script>" ve "</script>" etiketleri arasına "src" değerine "URL" verilerek yapılır. Dikkar edilmesi gerek hususlar:</div>
<div>
<ul>
<li>Kaynak dosya ".js" uzantılı olmalıdır.</li>
<li>Kaynak dosya "<script>" ve "</script>" etiketleri içermemeli.</li>
<li>"src" özelliği kullanılırsa "<script>" ve "</script>" etiketleri arasına kod yazılmamalı.</li>
<li>Harici Javascript'i "<head>" veya "<body>"de kullanabilirsiniz.</li>
</ul>
<h3>
Javascript'e Açıklama</h3>
</div>
<div>
Tek satırlı açıklama için:</div>
<div>
<br /></div>
<div>
//Açıklama</div>
<div>
<br /></div>
<div>
Çok satırlı açıklam için:</div>
<div>
<br /></div>
<div>
/*Açıklama*/</div>
<div>
<br /></div>
<h3>
Javascript Yazarken</h3>
<div>
<ul>
<li>Her bir komut satırının sonuna ";" konulmalıdır.</li>
<li>Büyük küçük harf ayrımı vardır.</li>
<li>Nesnelerin özellik ve metotlarına ulaşmak için "." kullanmalıyız.</li>
</ul>
<div>
Bu derslik Javascript'in temellerini öğrendik. Bunları ezberlemeden Javascript öğrenemezsiniz. Bundan dolayı iyi çalışın. Bir sonraki derste Javascript'e giriş yapıcağız. </div>
</div>

Javascript Eğitimi Ders 1-Başlangıç

Merhaba, Bugünden itibaren siteyi daha dinamik, kullanışlı yapan javascripti öğrenmeye başlayacağız. Çok uzun ve ayrıntılı anlatımlarım i...

11:23

Blog Yazarak Para Kazanabilir Miyiz?

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.gentikoule.gr/wp-content/uploads/2011/08/stun-pen-650x432.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="132" src="http://www.gentikoule.gr/wp-content/uploads/2011/08/stun-pen-650x432.jpg" width="200" /></a></div>
Çoğu zaman insanlar kendine sorar. Blog yazınca ne kazanıyorum? Ne işime yarıyor? Bu gibi sorular aslında zaten sorulması gereken sorulardır. Ama şuan Blogspot ücretsiz olduğundan büyük bir blog yoğunluğu oluştu. Bunun nedeni insanların birazcık yazıp, biraz bırakmasıdır. Bu zaten genel birşey. Webmasterlıktaki en büyük soruunlardan biri budur. Fakat insan bunu aşıp sürekli blog yazmaya başlar ve düzenli ziyaretçi kazanırsa belki para kazanma ihtimali olabilir. Fakat ".blogspot" uzantılı bir sitenin tam olarak meşhur olması mümkün olmadığından en büyük, önemli şey alan adıdır. Alan adı alındığında zaten blog yazma isteğiniz büyük derecede artacaktır. Bunun yanında reklam almakta kolay değildir. Çünkü çok reklam başvuru olduğundan herkesi kabul edememektedirler. Örneğin Adsense! Adsense'ye kayıt yaptırmak paralı olsa bile bi o kadar da zordur. Blog sayınızın yüksek olup içerik de iyi olmalıdır. Yani diyorum ki "Blog Yazarak Para Kazanmak Mümkün". Tabiki bunu duyunca çalışmayı bırakıp saatlerce blog da yazmayın. Bu iş kolay değil :).

Blog Yazarak Para Kazanabilir Miyiz?

Blog Yazarak Para Kazanabilir Miyiz?

Çoğu zaman insanlar kendine sorar. Blog yazınca ne kazanıyorum? Ne işime yarıyor? Bu gibi sorular aslında zaten sorulması gereken sorulard...

11:05

Flappy Bird Apk İndir

Flappy Bird Apk İndir

Flappy Bird Apk İndir

Çok meşhur olan ve bir okadarda saçma, grafiksiz bir oyun olan flappy bird şimdi bizde de var. Apk'sını aşağıdan indirebilirsiniz.

08:36

Minecraft Pocket Edition Apk İndir

Minecraft Pocket Edition Apk İndir

Minecraft Pocket Edition Apk İndir

Google play'ın en iyi oyunu olan Minecraft Oyununu paylaşalım dedik. Mükemmel bir oyun olan bu oyun galiba 12.99 lira. BUnu buradan be...

08:28

Html Eğitimi Ders 5-Tablolar

<h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a>Tablolar</h3>
<div>
Tablolar çok kolaydır. Fakat büyük tabloları ve hücreleri birleştirilmiş tabloları kontrol etmek hiç kolay değildir. Neyse hadi başlayalım.</div>
<div>
<br /></div>
<div>
Tablo açmak için ilk olarak <table> etiketini kullanırız. Her satır için <tr> etiketini her satıra sütun eklemek için <tr> etiketinin içine <td> etiketi koyarız. Örneğin:</div>
<div>
<br /></div>
<div>
<table></div>
<div>
<tr></div>
<div>
<td>1</td></div>
<div>
<td>2</td></div>
<div>
</tr></div>
<div>
<tr></div>
<div>
<td>3</td></div>
<div>
<td>4</td></div>
<div>
</tr></div>
<div>
</table></div>
<div>
<br /></div>
<div>
İlk olarak tablo etiketini açtık. Sonra bir satır oluşturduk. Satırda daha kaç sütun olduğu belli değil. Sonra satıra sütun ekledik. Satırı kapattığımız zaman sütün sayısı belli oldu. Aynı şeyi aşağıyada yapıp tablomuzu bitirdik. Burası kolay kısım. Şimdi gelelim hücre birleştirmeye.</div>
<div>
<br /></div>
<div>
<div>
<table></div>
<div>
      <tr></div>
<div>
         <td colspan="2">1</td></div>
<div>
      </tr></div>
<div>
      <tr></div>
<div>
         <td rowspan="2">2</td></div>
<div>
         <td>3</td></div>
<div>
      </tr></div>
<div>
      <tr></div>
<div>
         <td>4</td></div>
<div>
      </tr></div>
<div>
   </table></div>
</div>
<div>
<br /></div>
<div>
Burada sütunları birleştirmek için "colspan". Satırları birleştirmek için "rowspan" kullandık. Bu özelliklerin hemen yanındaki kaç satırlık ya da sütunluk yer kapladığını gösterir. Örneğin 1. satırda 1 ve 2'yi birleştirmek için, yada onun yerini tutması için 2 sütunluk yer kaplamasını sağladık. Bir adet sağ doğru uzadı diye düşünelim. Sonra satırları alt alta 2 kere birleşsin diye "rowspan"a 2 yazdık. Böylece bir alta kaydı. Fakat başta "colspan" bir sütun sağa kayıp tabloyu uzatmıştı. Bundan dolayı "rowspan" ile bu uzatmaları tek tek tamamlamalıyız. Eğer boyutlarını değiştirmek istiyorsanız "width" ve "height" kullanabilirsiniz. Tablo içindeki yazıları ortalamak veya sağa, sola almak istiyorsanız "aling="center"" özelliğini kullanın. Anlamadığınızı biliyorum. Bunları kod deneme editöründe deneyerek öğrenebilirsiniz. </div>
<div>
<br /></div>
<div>
Bu ders bu kadar. Tabloları anlamak zordu. Sitenize tablolardan ekleyin ve biraz çalışın. Sonraki dersimizde tablo özelliklerini göreceğiz. Kolay gelsin.</div>

Html Eğitimi Ders 5-Tablolar

Html Eğitimi Ders 5-Tablolar

Tablolar Tablolar çok kolaydır. Fakat büyük tabloları ve hücreleri birleştirilmiş tabloları kontrol etmek hiç kolay değildir. Neyse hadi ...

08:12

Html Eğitimi Ders 4-Frame

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
Frame Nedir?</h3>
Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama çok işe yarar.<br />
<br />
<h3>
Başlayalım</h3>
<div>
Frame oluşturmak için <frameset> etiketini kullanırız. Frame desteklemeyen tarayıcılar için ayrı bir mesaj <noframes> etiketleri arasına konur. Dikey frame için "cols", yatay frame için "rows" kullanılır. Örneğin bir sayfayı iki bölüme böleceğiz ve birinci bölüm %20, ikinci bölüm %80 dikey yer kaplayacak. (Piksel olarak da verilebilir)</div>
<div>
<br /></div>
<div>
<frameset cols="20%,80%"></div>
<div>
<div>
      <frame src="frame_1.htm"></div>
<div>
      <frame src="frame_2.htm"></div>
<div>
   </frameset></div>
</div>
<div>
<br /></div>
<div>
Dikkat etmemiz gereken "cols" ve "rows"dur. Gerisi çok kolaydır. Eğer "%10,%50,*" diye frame yazarsak 1. frame %10, 2. frame %50, 3. frame kalan yerleri kaplar. Yani "*" işareti kalan yerleri kapla anlamındadır. Eğer "cols" ve "rows"u birlikte kullanacaksak:</div>
<div>
<br /></div>
<div>
<div>
 <frameset rows="75%,25%"></div>
<div>
   <frame src="frame_1.htm"></div>
<div>
      <frameset cols="25%,75%"></div>
<div>
         <frame src="frame_b.htm"></div>
<div>
         <frame src="frame_c.htm"></div>
<div>
      </frameset></div>
<div>
   </frameset></div>
</div>
<div>
<br />
Burada da dikkat etmemiz gereken sıralardır. Frame kendisini sizin yazdığınız sıraya göre ayarlar. Frame fazla kullanmayacağınızdan bunu tam olarak öğrenmenize gerek yok.</div>
<div>
<br /></div>
<h3>
Iframe</h3>
<div>
Başka bir sitedeki frame kendi sitene aldığın zaman ıframe olur. Örneğin aşağıdaki kodu sitenize ekleyin. (<body> ve </body> arasına değil)</div>
<div>
<div>
  </div>
<div>
<iframe src="http://wolderking.blogspot.com" frameborder="1" width="200" height="200" ></iframe><br />
<br />
Gördüğünüz gibi "width" ve "height" kullanarak ıframe'ın boyutunu ayarladık. "frameborder"ı kullanarak kenar genişliğini ayarladık.Diğer ıframe ayarları aşağıdadır.<br />
1.scrolling="no"    Kaydırma çuğuğunu göstermez.<br />
2.noresize="noresize"    "frame src="#" koduna eklenince boyut ayarlama engellenir.<br />
<br />
Bu derslik bu kadar. İsterseniz KodBoy'un iframe'nı sitenize ekleyebilirsiniz. Bir sonraki derste en sevdiğim konu tabloları göreceğiz. Kolay gelsin.<br />
<br /></div>
<div>
   </div>
</div>
<div>
<br /></div>

Html Eğitimi Ders 4-Frame

Html Eğitimi Ders 4-Frame

Frame Nedir? Frame Html'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencerelerdir. Çok fazla kullanılmaz. Ama...

08:10

Html Eğitimi Ders 3-Etiket Özellikleri

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln9bIb9XqInVkLzmeYeZlz2SRm-LuJqBGjQGgVDOdDwm30DtQnyrF2EevMsOJNY1e8kanY9jXLX08YnEskEkXww1Wedx_dMlZxwrA2vsK4XnCGps5Ve91knjgDLN6NVCWva5REgiz3F8/s320/html.jpg" width="165" /></a></div>
<h3>
</h3>
<h3>
Element Özellikleri</h3>
<div>
Element özelliklerinden 1. derste bahsetmiştik. özellik="değer" şeklinde kullanılan bu özellikler siteyi daha kullanışlı hala getirir. Hadi bazılarına göz atalım.</div>
<h3>
<h1></h3>
<div>
<h1 align="center">Yazı</h1> </div>
<div>
Bu özellik başlığın orta, sağ, sol gibi herhangi bir yerde durmasını sağlar. "center" yazan "right","left" de yazılabilir.</div>
<div>
<br /></div>
<div>
<a href="Adres" title="Tıkla">Bağlantı</h1></div>
<div>
Bir başlığa link vermenizi sağlar. "title="Yazı" özelliği mousenin yazı üzerinde bekletildiğinde çıkan yazıyı belirtir. <a> etiketinin de özelliğidir. "Bağlantı" yazan yere Yazı yazılıp "Adres" yazan yere link yazılır.</div>
<div>
<br /></div>
<div>
Hadi bakalım şimdi sitenizin başlığına bir adres verin. Adresi siz belirleyin. Bu arada birde başlığı ortalasanız iyi olabilir.</div>
<div>
<br /></div>
<h3>
<a></h3>
<div>
<a href="Adres" title="Tıkla">Bağlantı</a><br />
<a href="Adres" target="_blank" title="Tıkla">Bağlantı</a></div>
<div>
<h1> etiketinin özelliği gibidir fakat başlığa değil yazıya link verilir. "target=_blank"" sayfayı başka bir sayfada açar. Dikkat. Site adresinin başına "https://" koymayı unutmayın. Yoksa hata verebilir.</div>
<div>
<br /></div>
<div>
<a title="Hey">Burada Bekle</a></div>
<div>
<h1> etiketinin özelliği gibi mouseyi yazı üzerinde bekletince çıkan yazıdır.<br />
<br />
<a name="Wolder King"> WolderKing Eğitim </a><br />
Bu name özelliği kodda bir değişiklik yapmaz ve sadece bizim kodları kolay yazmamızı sağlar. Yani herhangi bir koda isim koyuyormuş gibi düşünün.<br />
<h3>
<body></h3>
</div>
<div>
<body bgcolor="yellow"> <a> Wolder King </a> </body><br />
Sayfaya arka plan rengi eklemeyi sağlar. "yellow" yazan yeri diğer ingilizce renklerle değiştirebilirsiniz. Bu arada sitenize bir arka plan rengi ekleyin.<br />
<br />
Bu ders bu kadar. Sitenizi bu kodlarla geliştirin. Bir sonraki derste frame'i göreceğiz. Zor bir ders olacak. Kolay gelsin.<br />
<br />
<br /></div>

Html Eğitimi Ders 3-Etiket Özellikleri

Html Eğitimi Ders 3-Etiket Özellikleri

Element Özellikleri Element özelliklerinden 1. derste bahsetmiştik. özellik="değer" şeklinde kullanılan bu özellikler sitey...

08:03

Forum Açıldı

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.kartutkusu.com/forum/attachments/site-hakkinda/15634d1389565760-siteyle-ilgili-istekler-forum-links.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.kartutkusu.com/forum/attachments/site-hakkinda/15634d1389565760-siteyle-ilgili-istekler-forum-links.jpg" width="160" /></a></div>
Forum Açıldı! Hemen Katıl. Başvuru Yapan Herkesi Kabul Ediyoruz. Forum'a Katılınca Ne Ayrıcalıklarının Olduğunu Aşağıdan Görebilirsin,<br />
<br />
<ul>
<li>Script ve Temalar Sadece Forumda Paylaşılacak, Tabiki Bazen Blogda Da Paylaşabiliriz</li>
<li>Çalışan Olma Şansı Sadece Orada Var</li>
<li>Kod Paylaşırsan ve Bizim Hoşumuza Giderse Senin İsmin ve Profilinle Kodu Blog'da Paylaşacağız.</li>
<li>Script ve Temaları Kullanarak Kendine Müthiş Bir Site Açabilirsin.</li>
<li>Blog'da Bulunmayan HTML, CSS, PHP vs. Kodları, Eğitimler Forumda Bulunacak.</li>
<li>En İyiside Bizimle Gerçek Eğlenceyi Yaşayacaksın.</li>
</ul>
<br />

Forum Açıldı

Forum Açıldı! Hemen Katıl. Başvuru Yapan Herkesi Kabul Ediyoruz. Forum'a Katılınca Ne Ayrıcalıklarının Olduğunu Aşağıdan Görebilirsin,...

08:00

Blogger'da Blog Açalım

<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-g14air0bq1o/UlmtdfhhZtI/AAAAAAAAE18/3T7K0LSv56Q/s1600/blogger+logo.png" width="200" /></a></div>
<br />
Nasıl Bir Blog Açmalıyım? Neyle İlgili Olmalı? İşte Cevabı!<br />
Şimdiye Kadar Blogger Gönderilerini Takip Ettiyseniz Genellikle Teknoloji, Bilgisayar İle İlgili Olan Bloglar Çok Tutuluyor. Benim İncelemelerime Göre Şuan Çoğu İnsan Siteler Üzerinde Çalıştığından Script Bulunduran ve Kod Bulunduran Siteleri Çok Ama Kısa Süreli Ziyaret Ediyorlar. Bu Reklamları Olumsuz Etkiliyor. Bunun Tam Ortasınız Düşünürsek Teknoloji Haberleri, İndirme Merkezi Gibi Konular Güzel Gözüküyor. Benim En İlgimi Çeken Şet Chıp Sitesi. Çok Güzel Bir Şekilde Haberleri Saniyesinde Paylaşıyor. Çok Güzel Olmasada Sade Bir Tasarımı Var. Tasarım Demişken Bir Blog Açarken Kesinlikle En Önemli Şeylerden Biri Tasarımdır. Eğer Bir Tasarım İndirip Yükleyecekseniz Yükledikten Sonra Kesinlikle CSS üzerinde Bir Kaç Değişiklik Yapın. Ve Ayrıca Sitenizin İlgi Çekici Bir İsmi Olsun. Aynı Zamanda da Anlamlı. Herkez Genellikle Yabancı İsim Kullanıyor ve Bu İyi Bir Şey. Siz de Yabancı İsimleri Birbirine Katarak Bir İsim Bulun. Evet Neler Yaptık;<br />
<br />
<ul>
<li>Sitemizin Adını Bulduk</li>
<li>Konusunu Bulduk</li>
<li>Tasarımını Bulduk</li>
</ul>
<div>
Yeterli Mi? Hayır! Bir Düşünün Bakalım Bir Sitede Ne Olmazsa Olmaz. Tabiki İçerik. Eğer Bir Sitenin Doğru Düzgün Meşhur Olmasını İstiyorsan En Az 30 İletisi Olmalı. Tabiki Bu İletiler Saçma Olmamalı. Şimdiye Kadar Pek Çok İnsan Gördüm. Hepsi Maymun İştahlı. Site Açar Biraz Uğraşır. Sonra Bırakır. Ne Anladın Bu İşten. O Kadar Saçma Sitelerle Uğraşırken Sadece Bir Siteye Yoğunlaşsaydan Ne Olurdu Kim Bilir. Yani Size Diyorum Maymun İştahlı Olmayın. Bu Webmaster'lık Konusunda Çok Önemli Bir Şey. Neyse Başlayalım Bir İçeriğe. Öncelikle İçerikler Konuyla Tam Olarak Alakalı Olmalı ve En Önemlissi Etiketlerinin Bulunması. Yoksa Google Onu Kolay Kolay Bulmaz. Sonra Bir İnsanı Bu Konu Üzerinde Uzun Süre Bulunduracak İletiler Paylaşmalısınız. Size Bir Tavsiye. Mesela Bir Şey Araştırıyorsunuz. Bilgisayar Hakkında. Onu Buldunuz ve Çıkartıp Bir Kenera Koydunuz. Ne Oldu? Vıdı Vıdı Vıdı... Onu Bide Blogta Paylaşsaydın Keşke Ne Güzel Olurdu. Değil Mi? Siz De Yapın Bunu. Örneğin Bir Kod Buldunuz. Onu Hemen Siteye Ekleyin 1.'si, Sonrada Blogta Paylaşın 2.'si. Oh Be. Ne Güzel Hem Site Güzelleşti, Hem De Ziyaretçi Kazandınız! Neyse Bakalım Neleri Kat Ettik;</div>
<br />
<br />
<div>
<ul>
<li>Sitemizin Adını Bulduk</li>
<li>Konusunu Bulduk</li>
<li>Tasarımını Bulduk</li>
<li>İçerik Yaptık</li>
<li>Ziyaretçi Kazandık</li>
</ul>
<div>
Evet! Baya Yol Kat Etmişiz. Ama Daha Bitmedi! Sizce Bu Siteden Ne Kazandınız. Popi Olduysan Tamam Ne Oldu. Profil Fotoğrafının Beğenisi Mi Arttı? Vıdı Vıdı Vıdı... Ben Paragözüm Demiyosunuz Ama İçinizde Biryerlerde Bu Gizli. 6 Ay Sonra AdSense'ye Kayıt Olun. Paraların Keyfine Bakın. Neyse Zengin Oldunuz. Bu Da Tamam. Ama Bir Şeyler Eksik Gibi! Ne Olabilir. Hiç Demediniz Mi "Ufff... Sıkıldım Blog Yaza Yaza" Diye. Bırak Başkası Yazsın. Hemen Paylaş Yazar Aranıyor Diye. Gelsin Birisi Yazsın Dursun. Oh Be Ne Güzel. Evettt... Baya İlerleme Kaydettik Tamam Mı Sizce?</div>
</div>
<div>
<ul>
<li>Sitemizin Adını Bulduk</li>
<li>Konusunu Bulduk</li>
<li>Tasarımını Bulduk</li>
<li>İçerik Yaptık</li>
<li>Ziyaretçi Kazandık</li>
<li>Para Kazandık</li>
<li>Grubumuzu Oluşturduk</li>
<li>?</li>
</ul>
<div>
Haydi Bakalım Siz Bulun!</div>
</div>

Blogger'da Blog Açalım

Nasıl Bir Blog Açmalıyım? Neyle İlgili Olmalı? İşte Cevabı! Şimdiye Kadar Blogger Gönderilerini Takip Ettiyseniz Genellikle Teknoloji, B...

07:57

Seo Eğitimi Ders 3-İyi Bir Blog

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.oreninform.ru/upload/iblock/96c/blogue_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="211" src="http://www.oreninform.ru/upload/iblock/96c/blogue_1.jpg" width="320" /></a></div>
Merhaba,<br />
Bir önceki hit artırma dersimizde reklam konusu üzerinde durmuştur. Şimdi nasıl blog paylaşımlarında bulunmalıyız ve bloglar nasıl olmalı gibi konular üzerinde duracağız.<br />
<h3>
Blogda Olması Gerekenler</h3>
<div>
<ul>
<li>İlgi Çekici Bir Başlık</li>
<li>En Az Bir Resim</li>
<li>Etiket (Seo Ayarları)</li>
<li>Yorumunuz, Esprileriniz, Emirleriniz</li>
</ul>
<div>
Bir Blog paylaşırken en önemlisi ilgi çekici bir başlık koymaktır. Bu başlık Seo ayarlarına girdiğinden çok önemlidir ve konuyla ilgili olmalıdır. 2. bir şey ise resimdir. Çünkü resimsiz bloglar anasayfa'da boş bir alanda gözüküp görüntü kirliliği oluşturur. Bu çok kötü gözükür. 3. bir şey ise her blog'a etiket (Seo Ayarları) eklemedir. Çünkü blog'u boş boş paylaşmanın tek iyiliği sadece blog'u sizin okumanızdır. Gidin deftere yazın daha iyi. Bundan dolayı Seo ayarları çok önemlidir. 4. ve son ise blog'da yorumlarınız olmasıdır. Bir şirket gibi blog paylaşmayın. Bir insanın ezbersiz konuşma yapmasına benzeyen bir blog paylaşın. Espiriler yapın. Bazı konularda emir verin. Bu sizi ziyaretçilere önemli hissettirir ve espiriler ziyaretçileri okumaya hefeslendirir. Bunları yaptınızmı çok güzel bloglar ortaya çıkarırsınız.</div>
</div>
<div>
Bir sonraki dersimizde blogları Google+'da otomatikmen paylaşmasının avantajları hakkında konuşacağız. Kolay Gelsin.</div>

Seo Eğitimi Ders 3-İyi Bir Blog

Seo Eğitimi Ders 3-İyi Bir Blog

Merhaba, Bir önceki hit artırma dersimizde reklam konusu üzerinde durmuştur. Şimdi nasıl blog paylaşımlarında bulunmalıyız ve bloglar n...

07:55

Seo Eğitimi Ders 2-Reklam

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.kolaypara.org/wp-content/uploads/2013/11/reklam-izle-para-kazan.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="158" src="http://www.kolaypara.org/wp-content/uploads/2013/11/reklam-izle-para-kazan.jpg" width="200" /></a></div>
Merhaba,<br />
Bir önceki derste Seo hakkında bir kaç şey öğrendik ve şimdi reklam üzerinde duracağız. Reklamı kısaca açıklayım. Biraz gözleriniz açılsın. Reklam genellikle her tıklamaya para veren gif veya resim, linkli iframe veya scripttir. Oldu mu? Biraz para hefesine girdiniz mi? Girmediyseniz biraz daha anlatalım. Eğer bir önceki Seo artırma kuruluş işlemlerini yaptıysanız ve reklamıda yaparsanız... Reklam her kuruluş için başka sitelerde yayınlandığında bu hem onlar için hem de sizin için bir kazançtır. Farkettiyseniz bazı siteler "Bize En İyi Yararınız Reklam Tıkları" diye yazılar paylaşır. Bazı insalar ise bunu görmezden gelse de bazıları hemen reklamlara koşar. Benim size reklam önerim veya para kazanmanızı sağlayacak önerim AdSense veya Napolyon'dur. Bunlar Gayet iyi para kazandırma siteleridir. Hit ile reklamı birleştirince ne mutlu size. Bir sonra "Nasıl Bir Blog Daha İyi Olurdu?" konusu üzerinde duracağız.

Seo Eğitimi Ders 2-Reklam

Seo Eğitimi Ders 2-Reklam

Merhaba, Bir önceki derste Seo hakkında bir kaç şey öğrendik ve şimdi reklam üzerinde duracağız. Reklamı kısaca açıklayım. Biraz gözlerin...

07:52

Seo Eğitimi Ders 1-Seo Nedir?

<br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="149" src="http://www.seop.gen.tr/wp-content/uploads/2013/03/google-birinci-sayfa.jpg" width="200" /></div>
<br />
Merhaba,<br />
Yeni bir derse başladık! Bu dersin konusu "Site Hit'i Artırma" ile ilgili ve gayet gerekli bir konu. Biz de bundan dolayı bu konuyu paylaşmak istedik. Uzatmayayım ve başlayım;<br />
<h3>
Seo Nedir?</h3>
<div>
Seo Google veya herhangi bir browser'ın birisi bir konu aradığında sizi arananlara koyması için sitede yapılan bir düzendir. Ve Blogger'da etiket olarak mevcuttur. Yani Site Hit'i açısından çok önemlidir. Meta Tag olarak da geçer. Kod olarak da kulanılabilir.<br />
<br />
<h3>
SEO Kullanalım</h3>
</div>
<div>
Tamam, Blogger güzel bir etiket sistemi yapmış. OtoSeo'yu işin içine katmış. Çok güzel. Ama bu blogger siteleri için çok düşük bir Seo. Çünkü şimdi milyonlarca Blogger sitesi var. Bu milyonda 1 olmak anlamına geliyor. Ve sadece 10 bini ayrı bir Seo'ya daha katılıyor. Yani ayrı bir Seo alarak şansınızı 10 bin'de 1 yapabilirsiniz. Ve bunu konulara ayırınca bu şans 100'de 1'e yükseliyor. Bu çok iyi bir derece. Yani buradan size iletmek istediğim başka bir kuruluşa Seo için kayıt olun. Google'da Seo diye ararsanız zaten bütün kuruluşlar önünüze çıkar. Hatta gerekirse satın alın. Bence değer. Çünkü bir sonraki derstte reklam ile hit birleşince ne oluyor göreceksiniz. Kolay Gelsin...</div>

Seo Eğitimi Ders 1-Seo Nedir?

Seo Eğitimi Ders 1-Seo Nedir?

Merhaba, Yeni bir derse başladık! Bu dersin konusu "Site Hit'i Artırma" ile ilgili ve gayet gerekli bir konu. Biz de bund...

07:51

Sağ Tık Engelleme Kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.clipartbest.com/cliparts/9cz/oM9/9czoM9bcE.png" width="184" /></a></div>
Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıklama engelini kaldırarak insanları zorunda bırakabilirsiniz.<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 58px; margin: 0px; width: 385px;"><script language=Javascript1.2> 
 
</script>

Sağ Tık Engelleme Kodu

Sağ Tık Engelleme Kodu

Sağ tık engelleme aslında önemli bir koddur. Eğer Php destekli bir host açtıysanız ve içinde üyelik varsa sadece giriş yapanlara sağ tıkla...

07:50

Kaydol: Kayıtlar (Atom)

Wolder King © 2014. All Rights Reserved. Powered by Blogger

Verification: 4ee027a2dd0c4225