<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[Gidenler.Me | Yazınsal Sorunlar - Programlama]]></title>
		<link>https://gidenler.me/</link>
		<description><![CDATA[Gidenler.Me | Yazınsal Sorunlar - https://gidenler.me]]></description>
		<pubDate>Sat, 13 Jun 2026 07:23:54 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[CSS Terimleri ve Anlamları]]></title>
			<link>https://gidenler.me/thread-714.html</link>
			<pubDate>Fri, 26 Dec 2025 18:42:00 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-714.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">LİNK ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">a :Linkin</span>, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.<br />
<span style="font-weight: bold;" class="mycode_b">a:hover :</span>Linkin imleç üzerine getirildiğindeki durumudur.<br />
<span style="font-weight: bold;" class="mycode_b">a:active :</span>Linkin tıklandığı andaki durumudur.<br />
<span style="font-weight: bold;" class="mycode_b">a:visited :</span>Linkin tıklandıktan sonraki durumudur.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">BİÇİMLENDİRME:</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">color:</span>Linkin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">background-color:</span>Linkin zemin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">background-image:</span>Linkin zeminine resim ekler(Bu animated-gif de olabilir.)<br />
<span style="font-weight: bold;" class="mycode_b">text-decoration:</span>Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">font-weight:</span>Yazının kalınlık veya inceliğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border:</span>Linkin etrafına kenarlık ekler.<br />
<span style="font-weight: bold;" class="mycode_b">display:</span>Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">LİSTE ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">disk:</span>Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">circle :</span> Liste biçiminin çember şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">square :</span> Liste biçiminin kare olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">decimal :</span> Liste biçiminin rakamlardan oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">lower-roman :</span> Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">upper-roman :</span> Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">lower-alpha :</span> Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">upper-alpha :</span> Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">none :</span> Listenin simgesiz olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">inside :</span> Listenin ikinci satırının en soldan başlamasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">Outside :</span> Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">list-style-image :</span> Liste biçiminin resim olmasını sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">KATMAN ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">position:</span>Katmanın yerinin belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">absolute:</span>Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">relative:</span> Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">static:</span>Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">top:</span>Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">left:</span>Katmanın soldan ne kadar içeride olması gerektiğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">width:</span>Katmanın genişliğinin ne kadar olacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">height:</span>Katmanın yüksekliğinin ne kadar olacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">overflow:</span>Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">auto:</span>Otomatik olarak belirlenir.<br />
<span style="font-weight: bold;" class="mycode_b">scroll:</span>Kaydırma çubuğu ekleyerek görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">visible :</span> Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">hidden:</span>Sığmayan yerleri gizler.<br />
<span style="font-weight: bold;" class="mycode_b">visibility:</span>Katmanın görünebilirlik ayarını yapar.<br />
<span style="font-weight: bold;" class="mycode_b">visible :</span> Katmanın görünür olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">hidden:</span>Katmanı gizler.<br />
<span style="font-weight: bold;" class="mycode_b">z-index :</span> Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">FONT ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">font-family:</span>Yazı türünü belirler.(Arial , Verdana gibi.)<br />
<span style="font-weight: bold;" class="mycode_b">font-style:</span>Yazının normal veya sağa eğik olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">font-variant:</span>Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">font-weight:</span>Yazının kalınlık-inceliğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">font-size:</span>Yazının büyüklüğünü belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">TEXT ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">word-spacing :</span> Kelimeler arasında bırakılacak boşluğu boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">letter-spacing :</span> Harfler arasında bırakılacak boşluğu boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">text-decoration :</span> Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">underline :</span> Kelimenin altının (Satır altından) çizili olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">overline :</span> Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">line-through :</span> Kelimenin ortasından çizili olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">blink :</span> Kelimenin yanıp sönmesini sağlar.(Netscape için)<br />
<span style="font-weight: bold;" class="mycode_b">vertical-align :</span> Metnin yatay olarak nasıl hizalanacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">text-transform:</span> Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">capitalize :</span> Kelimelerin ilk harflerinin büyük olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">uppercase :</span> Kelimelerin bütün harflerinin büyük olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">lowercase :</span> Kelimelerin bütün harflerinin küçük olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">none :</span> Kelimelerin orjinal metindeki gibi olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">text-align:</span> Metnin dikey olarak nasıl hizalanacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">left :</span> Metni sola yaslar.<br />
<span style="font-weight: bold;" class="mycode_b">right :</span> Metni sağa yaslar.<br />
<span style="font-weight: bold;" class="mycode_b">center :</span> Metni ortalar.<br />
<span style="font-weight: bold;" class="mycode_b">justify :</span> Metni iki yana yaslar.<br />
<span style="font-weight: bold;" class="mycode_b">text-indent :</span> Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">line-height :</span> Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)<br />
<span style="font-weight: bold;" class="mycode_b">first-line :</span> Metnin ilk satırının biçimlendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">first-letter :</span> Metnin ilk harfinin biçimlendirilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">İMLEÇ ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">crosshair:</span>İmlecin artı işareti şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">auto:</span>İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">default:</span>İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">hand:</span>İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">move:</span>İmlecin taşıma işareti şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">ne-resize:</span>İmlecin sağa yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">nw-resize:</span>İmlecin sola yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">se-resize:</span>İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">sw-resize:</span>İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">n-resize:</span>İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">s-resize:</span>İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">w-resize:</span>İmlecin sola doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">e-resize:</span>İmlecin sağa doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">text:</span>İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">wait:</span>İmlecin meşgul animasyonuna dönüşmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">help:</span>İmlecin yardım-soru işaretine dönüşmesini sağlar<br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">ZEMİN ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">background-color:</span> Zeminin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">color : </span>Renk adı.<br />
<span style="font-weight: bold;" class="mycode_b">transparent:</span> Zeminin saydam olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">background-image:</span> Zemine resim yerleştirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">url :</span> Zemine yerleştirilen resmin adresi.<br />
<span style="font-weight: bold;" class="mycode_b">background-repeat:</span> Zemine yerleştirilen resmin nasıl yayılacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">repeat :</span> Resmin bütün zemine yayılmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">repeat-x :</span> Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">repeat-y :</span> Resmin sol-üstten sol-alta doğru yayılmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">no-repeat:</span> Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">background-attachment:</span> Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">scroll :</span> Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">fixed:</span> Sayfa kaydırılsa da zeminin sabit kalmasını sağlar<br />
<span style="font-weight: bold;" class="mycode_b">background-position:</span> Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">top :</span> Resmi yukarı yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">center :</span> Resmi ortalar.<br />
<span style="font-weight: bold;" class="mycode_b">bottom :</span> Resmi aşağı yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">left :</span> Resmi sola yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">right:</span> Resmi sağa yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">...px :</span> Resmin soldan istenilen ölçüde içerde olmasını sağlar.<br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">TABLO ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">margin :</span> Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-top :</span> Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-right :</span> Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-bottom :</span> Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-left :</span> Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">padding :</span> Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-top :</span> Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-right :</span> Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-bottom :</span> Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-left :</span> Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<br />
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">border :</span> </span>Tablonun kenarlarının şekillendirilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-top :</span> Tablonun üst kenarının şekillendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">border-left :</span> Tablonun sol kenarının şekillendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom :</span> Tablonun alt kenarının şekillendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">border-right :</span> Tablonun sağ kenarının şekillendirilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-width :</span> Tablonun kenarlarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-top-width :</span> Tablonun üst kenarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-right-width :</span> Tablonun sağ kenarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom-width :</span> Tablonun alt kenarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-left-width :</span> Tablonun sol kenarının kalınlığını belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-style :</span> Tablonun kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-top-style :</span> Tablonun üst kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-right-style :</span> Tablonun sağ kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom-style :</span> Tablonun alt kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-left-style :</span> Tablonun sol kenarlık türünü belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-color :</span> Tablonun kenarlarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-top-color :</span> Tablonun üst kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-right-color :</span> Tablonun sağ kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom-color :</span> Tablonun alt kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-left-color :</span> Tablonun sol kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">color :</span> Tabloda geçen metnin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">width :</span> Tablonon genişliğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">height :</span> Tablonun yüksekliğini belirler.<br />
<br />
NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD , TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS' yi özel kılan da zaten bu...<br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">KAYDIRMA ÇUBUĞU ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-face-color :</span>Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-base-color :</span>Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-shadow-color :</span>Sağ ve alt kenarlıkların gölge rengi.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-highlight-color :</span>Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-arrow-color :</span>Yön oklarının rengi<br />
<br />
<span style="font-style: italic;" class="mycode_i">Alıntıdır...</span></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">LİNK ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">a :Linkin</span>, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.<br />
<span style="font-weight: bold;" class="mycode_b">a:hover :</span>Linkin imleç üzerine getirildiğindeki durumudur.<br />
<span style="font-weight: bold;" class="mycode_b">a:active :</span>Linkin tıklandığı andaki durumudur.<br />
<span style="font-weight: bold;" class="mycode_b">a:visited :</span>Linkin tıklandıktan sonraki durumudur.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">BİÇİMLENDİRME:</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">color:</span>Linkin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">background-color:</span>Linkin zemin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">background-image:</span>Linkin zeminine resim ekler(Bu animated-gif de olabilir.)<br />
<span style="font-weight: bold;" class="mycode_b">text-decoration:</span>Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">font-weight:</span>Yazının kalınlık veya inceliğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border:</span>Linkin etrafına kenarlık ekler.<br />
<span style="font-weight: bold;" class="mycode_b">display:</span>Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">LİSTE ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">disk:</span>Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">circle :</span> Liste biçiminin çember şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">square :</span> Liste biçiminin kare olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">decimal :</span> Liste biçiminin rakamlardan oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">lower-roman :</span> Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">upper-roman :</span> Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">lower-alpha :</span> Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">upper-alpha :</span> Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">none :</span> Listenin simgesiz olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">inside :</span> Listenin ikinci satırının en soldan başlamasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">Outside :</span> Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">list-style-image :</span> Liste biçiminin resim olmasını sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">KATMAN ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">position:</span>Katmanın yerinin belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">absolute:</span>Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">relative:</span> Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">static:</span>Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">top:</span>Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">left:</span>Katmanın soldan ne kadar içeride olması gerektiğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">width:</span>Katmanın genişliğinin ne kadar olacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">height:</span>Katmanın yüksekliğinin ne kadar olacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">overflow:</span>Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">auto:</span>Otomatik olarak belirlenir.<br />
<span style="font-weight: bold;" class="mycode_b">scroll:</span>Kaydırma çubuğu ekleyerek görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">visible :</span> Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">hidden:</span>Sığmayan yerleri gizler.<br />
<span style="font-weight: bold;" class="mycode_b">visibility:</span>Katmanın görünebilirlik ayarını yapar.<br />
<span style="font-weight: bold;" class="mycode_b">visible :</span> Katmanın görünür olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">hidden:</span>Katmanı gizler.<br />
<span style="font-weight: bold;" class="mycode_b">z-index :</span> Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">FONT ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">font-family:</span>Yazı türünü belirler.(Arial , Verdana gibi.)<br />
<span style="font-weight: bold;" class="mycode_b">font-style:</span>Yazının normal veya sağa eğik olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">font-variant:</span>Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">font-weight:</span>Yazının kalınlık-inceliğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">font-size:</span>Yazının büyüklüğünü belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">TEXT ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">word-spacing :</span> Kelimeler arasında bırakılacak boşluğu boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">letter-spacing :</span> Harfler arasında bırakılacak boşluğu boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">text-decoration :</span> Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">underline :</span> Kelimenin altının (Satır altından) çizili olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">overline :</span> Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">line-through :</span> Kelimenin ortasından çizili olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">blink :</span> Kelimenin yanıp sönmesini sağlar.(Netscape için)<br />
<span style="font-weight: bold;" class="mycode_b">vertical-align :</span> Metnin yatay olarak nasıl hizalanacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">text-transform:</span> Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">capitalize :</span> Kelimelerin ilk harflerinin büyük olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">uppercase :</span> Kelimelerin bütün harflerinin büyük olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">lowercase :</span> Kelimelerin bütün harflerinin küçük olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">none :</span> Kelimelerin orjinal metindeki gibi olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">text-align:</span> Metnin dikey olarak nasıl hizalanacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">left :</span> Metni sola yaslar.<br />
<span style="font-weight: bold;" class="mycode_b">right :</span> Metni sağa yaslar.<br />
<span style="font-weight: bold;" class="mycode_b">center :</span> Metni ortalar.<br />
<span style="font-weight: bold;" class="mycode_b">justify :</span> Metni iki yana yaslar.<br />
<span style="font-weight: bold;" class="mycode_b">text-indent :</span> Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">line-height :</span> Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)<br />
<span style="font-weight: bold;" class="mycode_b">first-line :</span> Metnin ilk satırının biçimlendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">first-letter :</span> Metnin ilk harfinin biçimlendirilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">İMLEÇ ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">crosshair:</span>İmlecin artı işareti şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">auto:</span>İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">default:</span>İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">hand:</span>İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">move:</span>İmlecin taşıma işareti şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">ne-resize:</span>İmlecin sağa yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">nw-resize:</span>İmlecin sola yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">se-resize:</span>İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">sw-resize:</span>İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">n-resize:</span>İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">s-resize:</span>İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">w-resize:</span>İmlecin sola doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">e-resize:</span>İmlecin sağa doğru ince ok şeklinde olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">text:</span>İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">wait:</span>İmlecin meşgul animasyonuna dönüşmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">help:</span>İmlecin yardım-soru işaretine dönüşmesini sağlar<br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">ZEMİN ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">background-color:</span> Zeminin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">color : </span>Renk adı.<br />
<span style="font-weight: bold;" class="mycode_b">transparent:</span> Zeminin saydam olmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">background-image:</span> Zemine resim yerleştirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">url :</span> Zemine yerleştirilen resmin adresi.<br />
<span style="font-weight: bold;" class="mycode_b">background-repeat:</span> Zemine yerleştirilen resmin nasıl yayılacağını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">repeat :</span> Resmin bütün zemine yayılmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">repeat-x :</span> Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">repeat-y :</span> Resmin sol-üstten sol-alta doğru yayılmasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">no-repeat:</span> Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">background-attachment:</span> Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">scroll :</span> Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">fixed:</span> Sayfa kaydırılsa da zeminin sabit kalmasını sağlar<br />
<span style="font-weight: bold;" class="mycode_b">background-position:</span> Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">top :</span> Resmi yukarı yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">center :</span> Resmi ortalar.<br />
<span style="font-weight: bold;" class="mycode_b">bottom :</span> Resmi aşağı yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">left :</span> Resmi sola yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">right:</span> Resmi sağa yerleştirir.<br />
<span style="font-weight: bold;" class="mycode_b">...px :</span> Resmin soldan istenilen ölçüde içerde olmasını sağlar.<br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">TABLO ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">margin :</span> Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-top :</span> Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-right :</span> Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-bottom :</span> Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">margin-left :</span> Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">padding :</span> Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-top :</span> Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-right :</span> Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-bottom :</span> Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<span style="font-weight: bold;" class="mycode_b">padding-left :</span> Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.<br />
<br />
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">border :</span> </span>Tablonun kenarlarının şekillendirilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-top :</span> Tablonun üst kenarının şekillendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">border-left :</span> Tablonun sol kenarının şekillendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom :</span> Tablonun alt kenarının şekillendirilmesini sağlar.<br />
<span style="font-weight: bold;" class="mycode_b">border-right :</span> Tablonun sağ kenarının şekillendirilmesini sağlar.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-width :</span> Tablonun kenarlarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-top-width :</span> Tablonun üst kenarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-right-width :</span> Tablonun sağ kenarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom-width :</span> Tablonun alt kenarının kalınlığını belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-left-width :</span> Tablonun sol kenarının kalınlığını belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-style :</span> Tablonun kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-top-style :</span> Tablonun üst kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-right-style :</span> Tablonun sağ kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom-style :</span> Tablonun alt kenarlık türünü belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-left-style :</span> Tablonun sol kenarlık türünü belirler.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">border-color :</span> Tablonun kenarlarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-top-color :</span> Tablonun üst kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-right-color :</span> Tablonun sağ kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-bottom-color :</span> Tablonun alt kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">border-left-color :</span> Tablonun sol kenarının rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">color :</span> Tabloda geçen metnin rengini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">width :</span> Tablonon genişliğini belirler.<br />
<span style="font-weight: bold;" class="mycode_b">height :</span> Tablonun yüksekliğini belirler.<br />
<br />
NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD , TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS' yi özel kılan da zaten bu...<br />
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">KAYDIRMA ÇUBUĞU ÖZELLİKLERİ</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-face-color :</span>Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-base-color :</span>Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-shadow-color :</span>Sağ ve alt kenarlıkların gölge rengi.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-highlight-color :</span>Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.<br />
<span style="font-weight: bold;" class="mycode_b">scrollbar-arrow-color :</span>Yön oklarının rengi<br />
<br />
<span style="font-style: italic;" class="mycode_i">Alıntıdır...</span></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[HTML ve CSS il Tooltip Oluşturmak]]></title>
			<link>https://gidenler.me/thread-652.html</link>
			<pubDate>Sun, 09 Nov 2025 14:05:46 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-652.html</guid>
			<description><![CDATA[Tooltip Nedir ?<br />
Kullanıcı fare imlecini bir etiketin üzerine getirdiğinde, bir şeyler hakkında bilgi ekranı oluşturmak istiyorsak "Tooltip" oluştururuz.<br />
<br />
CSS Tooltip Yapımı<br />
Kullanıcı fareyi bir etiketin üzerine getirdiğinde görünen bir tooltip oluşturalım.<br />
<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Kod:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;!</span><span style="color: #0000BB">DOCTYPE&nbsp;html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />.</span><span style="color: #0000BB">tooltip&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">position</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">relative</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">inline</span><span style="color: #007700">-</span><span style="color: #0000BB">block</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">bottom</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1px&nbsp;dotted&nbsp;black</span><span style="color: #007700">;<br />}<br />.</span><span style="color: #0000BB">tooltip&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">tooltiptext&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">visibility</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">hidden</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">120px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">black</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#fff;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">text</span><span style="color: #007700">-</span><span style="color: #0000BB">align</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">6px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px&nbsp;0</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">position</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">absolute</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">z</span><span style="color: #007700">-</span><span style="color: #0000BB">index</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">top</span><span style="color: #007700">:&nbsp;-</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">left</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">110</span><span style="color: #007700">%;<br />}<br />.</span><span style="color: #0000BB">tooltip&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">tooltiptext</span><span style="color: #007700">::</span><span style="color: #0000BB">after&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">:&nbsp;</span><span style="color: #DD0000">""</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">position</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">absolute</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">top</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">50</span><span style="color: #007700">%;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">100</span><span style="color: #007700">%;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">top</span><span style="color: #007700">:&nbsp;-</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">style</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">solid</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">transparent&nbsp;black&nbsp;transparent&nbsp;transparent</span><span style="color: #007700">;<br />}<br />.</span><span style="color: #0000BB">tooltip</span><span style="color: #007700">:</span><span style="color: #0000BB">hover&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">tooltiptext&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">visibility</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">visible</span><span style="color: #007700">;<br />}<br />&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body&nbsp;style</span><span style="color: #007700">=</span><span style="color: #DD0000">"text-align:center;"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">CSS&nbsp;Tooltip&nbsp;Yapımı</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"tooltip"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Üzerime&nbsp;Gel<br />&nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">span&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"tooltiptext"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Tooltip&nbsp;içeriği</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div><br />
(Alıntıdır)]]></description>
			<content:encoded><![CDATA[Tooltip Nedir ?<br />
Kullanıcı fare imlecini bir etiketin üzerine getirdiğinde, bir şeyler hakkında bilgi ekranı oluşturmak istiyorsak "Tooltip" oluştururuz.<br />
<br />
CSS Tooltip Yapımı<br />
Kullanıcı fareyi bir etiketin üzerine getirdiğinde görünen bir tooltip oluşturalım.<br />
<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Kod:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;!</span><span style="color: #0000BB">DOCTYPE&nbsp;html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />.</span><span style="color: #0000BB">tooltip&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">position</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">relative</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">inline</span><span style="color: #007700">-</span><span style="color: #0000BB">block</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">bottom</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1px&nbsp;dotted&nbsp;black</span><span style="color: #007700">;<br />}<br />.</span><span style="color: #0000BB">tooltip&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">tooltiptext&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">visibility</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">hidden</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">120px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">black</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#fff;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">text</span><span style="color: #007700">-</span><span style="color: #0000BB">align</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">6px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px&nbsp;0</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">position</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">absolute</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">z</span><span style="color: #007700">-</span><span style="color: #0000BB">index</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">top</span><span style="color: #007700">:&nbsp;-</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">left</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">110</span><span style="color: #007700">%;<br />}<br />.</span><span style="color: #0000BB">tooltip&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">tooltiptext</span><span style="color: #007700">::</span><span style="color: #0000BB">after&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">:&nbsp;</span><span style="color: #DD0000">""</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">position</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">absolute</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">top</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">50</span><span style="color: #007700">%;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">100</span><span style="color: #007700">%;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">top</span><span style="color: #007700">:&nbsp;-</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">style</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">solid</span><span style="color: #007700">;<br />&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">transparent&nbsp;black&nbsp;transparent&nbsp;transparent</span><span style="color: #007700">;<br />}<br />.</span><span style="color: #0000BB">tooltip</span><span style="color: #007700">:</span><span style="color: #0000BB">hover&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">tooltiptext&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;</span><span style="color: #0000BB">visibility</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">visible</span><span style="color: #007700">;<br />}<br />&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body&nbsp;style</span><span style="color: #007700">=</span><span style="color: #DD0000">"text-align:center;"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">CSS&nbsp;Tooltip&nbsp;Yapımı</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"tooltip"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Üzerime&nbsp;Gel<br />&nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">span&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"tooltiptext"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Tooltip&nbsp;içeriği</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div><br />
(Alıntıdır)]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Siber Güvenlik Sınav Özeti]]></title>
			<link>https://gidenler.me/thread-571.html</link>
			<pubDate>Thu, 10 Apr 2025 09:41:53 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-571.html</guid>
			<description><![CDATA[<span style="font-weight: bold;" class="mycode_b">Siber Güvenlik 1. ünite notu:</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Siber Güvenliğe Giriş </span> <br />
- Siber güvenlik, internet bağlantılı sistemlerin (yazılım, donanım, veri) kötü niyetli saldırılardan korunmasıdır.  <br />
- İnternetin temeli ARPANET (1969) ile atılmış, güvenlik ilk tasarımda düşünülmemiştir.  <br />
- Siber güvenlik tanımları çeşitlidir, ancak ortak nokta:  <br />
- Bilgi ve iletişim sistemlerinin korunması,  <br />
- Veri bütünlüğü, gizlilik ve erişilebilirliğin sağlanması.  <br />
- 2021’de dünyada 62 milyon+, Türkiye’de 1.7 milyon+ siber saldırı gerçekleşmiştir.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">2. Zaafiyet ve Güvenlik Açıkları  </span><br />
- Güvenlik açığı (vulnerability): Bir sistemdeki saldırganların yararlanabileceği zayıflık.  <br />
- Siber tehdit türleri:  <br />
  - Kimlik avı (phishing),  <br />
  - Hizmet engelleme (DDoS),  <br />
  - SQL enjeksiyonu,  <br />
  - Yanlış yapılandırılmış sunucular,  <br />
  - Şifrelenmemiş veri iletişimi.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Ağ Güvenlik Açıklarının 5 Nedeni:  </span><br />
1. Zaman ve mekân: Saldırganlar fiziksel olarak bulunmadan eylem yapabilir.  <br />
2. Giriş engelinin olmaması: İnternetin sınır kontrolü yoktur.  <br />
3. Anonimlik/kimlik: Kullanıcılar kimliksiz gezinebilir, suçlular tespit edilemez.  <br />
4. Siber uzayın asimetrisi: Az sayıda saldırgan büyük zarar verebilir.  <br />
5. 0’lar ve 1’ler: Kodun masum veya zararlı olduğu anlaşılamaz.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">3. Siber Güvenliğin 7 Katmanı</span>  <br />
1. Kritik varlıkların korunması (sistemin önemli bileşenleri).  <br />
2. Veri güvenliği (depolama, iletim, işleme).  <br />
3. Uygulama güvenliği (yazılım erişim ve iç güvenlik).  <br />
4. Uç nokta güvenliği (cihaz-ağ bağlantısı).  <br />
5. Ağ güvenliği (yetkisiz erişimin engellenmesi).  <br />
6. Çevre güvenliği (fiziksel ve dijital koruma).  <br />
7. İnsan katmanı (eğitim, kimlik avı simülasyonları).  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">4. Siber Saldırganlar ve Siber Suçlar  </span><br />
<span style="font-weight: bold;" class="mycode_b">Saldırı Türleri:  </span><br />
- İçeriden saldırı: Yetkili kişilerin sisteme zarar vermesi (daha tehlikeli).  <br />
- Dışarıdan saldırı: Yetkisiz kişilerin güvenlik açıklarını kullanması.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Saldırgan Motivasyonları:</span>  <br />
1. Ekonomik: Para kazanma, veri çalma, şantaj.  <br />
2. Politik: Siyasi mesaj, hacktivizm, devlet destekli saldırılar.  <br />
3. Sosyo-kültürel: Ün kazanma, ego tatmini.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">5. Bölüm Özeti (Anahtar Kavramlar)  </span><br />
- Siber güvenlik: Bilgi sistemlerinin korunmasıdır.  <br />
- Güvenlik açığı: Saldırıya izin veren zayıflıktır.  <br />
- 5 güvenlik açığı nedeni: Zaman/mekân, giriş engelsizliği, anonimlik, asimetri, 0-1 kodu.  <br />
- Saldırı türleri: İçeriden ve dışarıdan.  <br />
- Saldırgan motivasyonları: Ekonomik, politik, sosyal.  <br />
- 7 güvenlik katmanı: Kritik varlıklar, veri, uygulama, uç nokta, ağ, çevre, insan.  <br />
<br />
Not: Siber güvenlik, kullanıcı ve geliştiricilerin ortak sorumluluğudur. Zafiyet analizi, güvenlik önlemleri ve farkındalık şarttır.]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;" class="mycode_b">Siber Güvenlik 1. ünite notu:</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Siber Güvenliğe Giriş </span> <br />
- Siber güvenlik, internet bağlantılı sistemlerin (yazılım, donanım, veri) kötü niyetli saldırılardan korunmasıdır.  <br />
- İnternetin temeli ARPANET (1969) ile atılmış, güvenlik ilk tasarımda düşünülmemiştir.  <br />
- Siber güvenlik tanımları çeşitlidir, ancak ortak nokta:  <br />
- Bilgi ve iletişim sistemlerinin korunması,  <br />
- Veri bütünlüğü, gizlilik ve erişilebilirliğin sağlanması.  <br />
- 2021’de dünyada 62 milyon+, Türkiye’de 1.7 milyon+ siber saldırı gerçekleşmiştir.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">2. Zaafiyet ve Güvenlik Açıkları  </span><br />
- Güvenlik açığı (vulnerability): Bir sistemdeki saldırganların yararlanabileceği zayıflık.  <br />
- Siber tehdit türleri:  <br />
  - Kimlik avı (phishing),  <br />
  - Hizmet engelleme (DDoS),  <br />
  - SQL enjeksiyonu,  <br />
  - Yanlış yapılandırılmış sunucular,  <br />
  - Şifrelenmemiş veri iletişimi.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Ağ Güvenlik Açıklarının 5 Nedeni:  </span><br />
1. Zaman ve mekân: Saldırganlar fiziksel olarak bulunmadan eylem yapabilir.  <br />
2. Giriş engelinin olmaması: İnternetin sınır kontrolü yoktur.  <br />
3. Anonimlik/kimlik: Kullanıcılar kimliksiz gezinebilir, suçlular tespit edilemez.  <br />
4. Siber uzayın asimetrisi: Az sayıda saldırgan büyük zarar verebilir.  <br />
5. 0’lar ve 1’ler: Kodun masum veya zararlı olduğu anlaşılamaz.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">3. Siber Güvenliğin 7 Katmanı</span>  <br />
1. Kritik varlıkların korunması (sistemin önemli bileşenleri).  <br />
2. Veri güvenliği (depolama, iletim, işleme).  <br />
3. Uygulama güvenliği (yazılım erişim ve iç güvenlik).  <br />
4. Uç nokta güvenliği (cihaz-ağ bağlantısı).  <br />
5. Ağ güvenliği (yetkisiz erişimin engellenmesi).  <br />
6. Çevre güvenliği (fiziksel ve dijital koruma).  <br />
7. İnsan katmanı (eğitim, kimlik avı simülasyonları).  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">4. Siber Saldırganlar ve Siber Suçlar  </span><br />
<span style="font-weight: bold;" class="mycode_b">Saldırı Türleri:  </span><br />
- İçeriden saldırı: Yetkili kişilerin sisteme zarar vermesi (daha tehlikeli).  <br />
- Dışarıdan saldırı: Yetkisiz kişilerin güvenlik açıklarını kullanması.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Saldırgan Motivasyonları:</span>  <br />
1. Ekonomik: Para kazanma, veri çalma, şantaj.  <br />
2. Politik: Siyasi mesaj, hacktivizm, devlet destekli saldırılar.  <br />
3. Sosyo-kültürel: Ün kazanma, ego tatmini.  <br />
<br />
<span style="font-weight: bold;" class="mycode_b">5. Bölüm Özeti (Anahtar Kavramlar)  </span><br />
- Siber güvenlik: Bilgi sistemlerinin korunmasıdır.  <br />
- Güvenlik açığı: Saldırıya izin veren zayıflıktır.  <br />
- 5 güvenlik açığı nedeni: Zaman/mekân, giriş engelsizliği, anonimlik, asimetri, 0-1 kodu.  <br />
- Saldırı türleri: İçeriden ve dışarıdan.  <br />
- Saldırgan motivasyonları: Ekonomik, politik, sosyal.  <br />
- 7 güvenlik katmanı: Kritik varlıklar, veri, uygulama, uç nokta, ağ, çevre, insan.  <br />
<br />
Not: Siber güvenlik, kullanıcı ve geliştiricilerin ortak sorumluluğudur. Zafiyet analizi, güvenlik önlemleri ve farkındalık şarttır.]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Algoritma ve Programlamaya Giriş Dersleri (3.Ders) [Son]]]></title>
			<link>https://gidenler.me/thread-521.html</link>
			<pubDate>Fri, 04 Apr 2025 17:20:25 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-521.html</guid>
			<description><![CDATA[<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Karar Yapıları (Koşullu İfadeler)</span></span><br />
<br />
PHP'de karar yapıları (koşullu ifadeler) bir kod bloğunun belirli bir koşulun doğru (true) veya yanlış (false) olmasına bağlı olarak çalıştırılmasını sağlayan temel programlama yapılarıdır. Bu yapılar sayesinde programlarınız dinamikleşir ve farklı durumlara göre farklı çıktılar verebilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> Yapısı:</span><br />
En temel karar yapısıdır. Belirtilen koşul doğruysa, <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> bloğu içindeki kod çalıştırılır.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;yas = 25;<br />
<br />
if (&#36;yas &gt;= 18) {<br />
    echo "Reşitsiniz.";<br />
}<br />
?&gt;</code></div></div><br />
<span style="font-style: italic;" class="mycode_i"><span style="color: #00369b;" class="mycode_color">[Yukarıdaki kod yapısı, yas değişkeni içindeki veriyi incelemekte. yas verisi 18'e eşit veya büyükse ekrana Reşitsiniz yazacak]</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span>...<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span> Yapısı:</span><br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> koşulu yanlış olduğunda çalıştırılacak alternatif bir kod bloğu tanımlamanızı sağlar.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;not = 65;<br />
<br />
if (&#36;not &gt;= 70) {<br />
    echo "Geçtiniz.";<br />
} else {<br />
    echo "Kaldınız.";<br />
}<br />
?&gt;</code></div></div><br />
<span style="font-style: italic;" class="mycode_i"><span style="color: #00369b;" class="mycode_color">[Yukarıdaki kod yapısı, not değişkeni içindeki veriyi incelemekte. not verisi 70'e eşit veya büyükse ekrana Geçtiniz, 69 ve aşağısı ise ekrana Kaldınız yazacak]</span></span><br />
<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span>: <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> koşulu <span style="text-decoration: underline;" class="mycode_u">false</span> olduğunda, <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span> bloğu içindeki kod çalıştırılır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span>...<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">elseif</span></span>...<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span> Yapısı:</span><br />
Birden fazla koşulu kontrol etmek ve farklı koşullara göre farklı kod bloklarını çalıştırmak için kullanılır. <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">elseif</span></span> (veya else if) ile istediğiniz kadar ek koşul belirtebilirsiniz.<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;ortalama = 55;<br />
<br />
if (&#36;ortalama &gt;= 85) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Pekiyi";<br />
} elseif (&#36;ortalama &gt;= 70) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "İyi";<br />
} elseif (&#36;ortalama &gt;= 50) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Orta";<br />
} else {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Zayıf";<br />
}<br />
?&gt;</code></div></div><br />
<span style="font-style: italic;" class="mycode_i"><span style="color: #00369b;" class="mycode_color">[Yukarıdaki kod yapısı, ortalama değişkeni içindeki veriyi incelemekte. ortalama verisi 85'e eşit veya büyükse ekrana Pekiyi, 70-84 aralığında ise İyi, ortalama verisi 50-69 aralığında ise Orta ve ortalama verisi 49 ve aşağısı ise ekrana Zayıf yazacak]</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">switch</span></span> Yapısı:</span><br />
Bir değişkenin değerini belirli sabit değerlerle karşılaştırmak ve buna göre farklı kod bloklarını çalıştırmak için kullanılır. Özellikle çok sayıda olası duruma sahip olduğunuzda <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if...elseif</span></span> zincirine göre daha okunabilir olabilir.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;gun = "Pazartesi";<br />
<br />
switch (&#36;gun) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Pazartesi":<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Haftanın ilk günü.";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Salı":<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Çarşamba":<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Hafta içi bir gün.";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Cumartesi":<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Pazar":<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Hafta sonu.";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;default:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Geçersiz gün.";<br />
}<br />
?&gt;</code></div></div><ul class="mycode_list"><li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">switch</span></span> (değişken): Hangi değişkenin değerine göre karar verileceğini belirtir.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">case</span></span> değer: Değişkenin alabileceği olası sabit değerleri belirtir. Eğer değişkenin değeri bu case'deki değerle eşleşirse, bu case'in altındaki kod çalıştırılır.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">break;</span></span>: Bir case bloğu çalıştırıldıktan sonra switch yapısından çıkılmasını sağlar. Eğer break unutulursa, sonraki case blokları da koşul kontrolü yapılmaksızın çalıştırılır ("fall-through" davranışı).<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">default:</span></span>: Yukarıdaki hiçbir case ile eşleşme olmadığında çalıştırılacak isteğe bağlı bir bloktur.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Koşullu İfadelerde Kullanılan Operatörler</span><br />
Koşulları oluştururken çeşitli operatörler kullanılır:<br />
<ol type="1" class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Karşılaştırma Operatörleri</span>:<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">==</span></span> (Eşit): İki değerin eşit olup olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">===</span></span> (Denk): İki değerin hem değerinin hem de tipinin eşit olup olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">!=</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;&gt;</span></span> (Eşit Değil): İki değerin eşit olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">!==</span></span> (Denk Değil): İki değerin değerinin veya tipinin eşit olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&gt;</span></span> (Büyüktür)<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;</span></span> (Küçüktür)<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&gt;=</span></span> (Büyük Eşittir)<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;=</span></span> (Küçük Eşittir)<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Mantıksal Operatörler:</span><br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&amp;&amp;</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">and</span></span> (VE): Her iki koşul da doğruysa true döner.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">||</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">or</span></span> (VEYA): Koşullardan en az biri doğruysa true döner.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">!</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">not</span></span> (DEĞİL): Koşulun tersini alır. Doğruysa false, yanlışsa true döner.<br />
</li>
</ol>
]]></description>
			<content:encoded><![CDATA[<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Karar Yapıları (Koşullu İfadeler)</span></span><br />
<br />
PHP'de karar yapıları (koşullu ifadeler) bir kod bloğunun belirli bir koşulun doğru (true) veya yanlış (false) olmasına bağlı olarak çalıştırılmasını sağlayan temel programlama yapılarıdır. Bu yapılar sayesinde programlarınız dinamikleşir ve farklı durumlara göre farklı çıktılar verebilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> Yapısı:</span><br />
En temel karar yapısıdır. Belirtilen koşul doğruysa, <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> bloğu içindeki kod çalıştırılır.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;yas = 25;<br />
<br />
if (&#36;yas &gt;= 18) {<br />
    echo "Reşitsiniz.";<br />
}<br />
?&gt;</code></div></div><br />
<span style="font-style: italic;" class="mycode_i"><span style="color: #00369b;" class="mycode_color">[Yukarıdaki kod yapısı, yas değişkeni içindeki veriyi incelemekte. yas verisi 18'e eşit veya büyükse ekrana Reşitsiniz yazacak]</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span>...<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span> Yapısı:</span><br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> koşulu yanlış olduğunda çalıştırılacak alternatif bir kod bloğu tanımlamanızı sağlar.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;not = 65;<br />
<br />
if (&#36;not &gt;= 70) {<br />
    echo "Geçtiniz.";<br />
} else {<br />
    echo "Kaldınız.";<br />
}<br />
?&gt;</code></div></div><br />
<span style="font-style: italic;" class="mycode_i"><span style="color: #00369b;" class="mycode_color">[Yukarıdaki kod yapısı, not değişkeni içindeki veriyi incelemekte. not verisi 70'e eşit veya büyükse ekrana Geçtiniz, 69 ve aşağısı ise ekrana Kaldınız yazacak]</span></span><br />
<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span>: <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span> koşulu <span style="text-decoration: underline;" class="mycode_u">false</span> olduğunda, <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span> bloğu içindeki kod çalıştırılır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if</span></span>...<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">elseif</span></span>...<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">else</span></span> Yapısı:</span><br />
Birden fazla koşulu kontrol etmek ve farklı koşullara göre farklı kod bloklarını çalıştırmak için kullanılır. <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">elseif</span></span> (veya else if) ile istediğiniz kadar ek koşul belirtebilirsiniz.<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;ortalama = 55;<br />
<br />
if (&#36;ortalama &gt;= 85) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Pekiyi";<br />
} elseif (&#36;ortalama &gt;= 70) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "İyi";<br />
} elseif (&#36;ortalama &gt;= 50) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Orta";<br />
} else {<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Zayıf";<br />
}<br />
?&gt;</code></div></div><br />
<span style="font-style: italic;" class="mycode_i"><span style="color: #00369b;" class="mycode_color">[Yukarıdaki kod yapısı, ortalama değişkeni içindeki veriyi incelemekte. ortalama verisi 85'e eşit veya büyükse ekrana Pekiyi, 70-84 aralığında ise İyi, ortalama verisi 50-69 aralığında ise Orta ve ortalama verisi 49 ve aşağısı ise ekrana Zayıf yazacak]</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">switch</span></span> Yapısı:</span><br />
Bir değişkenin değerini belirli sabit değerlerle karşılaştırmak ve buna göre farklı kod bloklarını çalıştırmak için kullanılır. Özellikle çok sayıda olası duruma sahip olduğunuzda <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">if...elseif</span></span> zincirine göre daha okunabilir olabilir.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&#36;gun = "Pazartesi";<br />
<br />
switch (&#36;gun) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Pazartesi":<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Haftanın ilk günü.";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Salı":<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Çarşamba":<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Hafta içi bir gün.";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Cumartesi":<br />
&nbsp;&nbsp;&nbsp;&nbsp;case "Pazar":<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Hafta sonu.";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;default:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Geçersiz gün.";<br />
}<br />
?&gt;</code></div></div><ul class="mycode_list"><li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">switch</span></span> (değişken): Hangi değişkenin değerine göre karar verileceğini belirtir.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">case</span></span> değer: Değişkenin alabileceği olası sabit değerleri belirtir. Eğer değişkenin değeri bu case'deki değerle eşleşirse, bu case'in altındaki kod çalıştırılır.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">break;</span></span>: Bir case bloğu çalıştırıldıktan sonra switch yapısından çıkılmasını sağlar. Eğer break unutulursa, sonraki case blokları da koşul kontrolü yapılmaksızın çalıştırılır ("fall-through" davranışı).<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">default:</span></span>: Yukarıdaki hiçbir case ile eşleşme olmadığında çalıştırılacak isteğe bağlı bir bloktur.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Koşullu İfadelerde Kullanılan Operatörler</span><br />
Koşulları oluştururken çeşitli operatörler kullanılır:<br />
<ol type="1" class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Karşılaştırma Operatörleri</span>:<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">==</span></span> (Eşit): İki değerin eşit olup olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">===</span></span> (Denk): İki değerin hem değerinin hem de tipinin eşit olup olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">!=</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;&gt;</span></span> (Eşit Değil): İki değerin eşit olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">!==</span></span> (Denk Değil): İki değerin değerinin veya tipinin eşit olmadığını kontrol eder.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&gt;</span></span> (Büyüktür)<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;</span></span> (Küçüktür)<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&gt;=</span></span> (Büyük Eşittir)<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;=</span></span> (Küçük Eşittir)<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Mantıksal Operatörler:</span><br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&amp;&amp;</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">and</span></span> (VE): Her iki koşul da doğruysa true döner.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">||</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">or</span></span> (VEYA): Koşullardan en az biri doğruysa true döner.<br />
<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">!</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">not</span></span> (DEĞİL): Koşulun tersini alır. Doğruysa false, yanlışsa true döner.<br />
</li>
</ol>
]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Algoritma ve Programlamaya Giriş Dersleri Hk.]]></title>
			<link>https://gidenler.me/thread-519.html</link>
			<pubDate>Fri, 04 Apr 2025 14:25:41 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-519.html</guid>
			<description><![CDATA[Merhaba dostlar,<br />
<br />
Genelde bilgisayar başında biraz vakit geçirmiş ve ardından web alemine dalmış bu da yetmemiş web sitesi sahibi olup Elon Musk, Mark Zuckerberg'in ayağını kaydırıp tahtına oturmak gibi hayaller kurulmuş akabinde Vira Bismillah diye web sitesi açan arkadaşlar aramızda vardır. Tabi bu tabirim çok uçuk herkesi kapsamıyor, Ömer eğer sen takip ediyorsan siteyi ve bu konuyu okuyorsan senden bahsediyorum <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" /><br />
<br />
Şaka bir yana genelde web sitesi sahibi olmak web aleminde takılan büyük çoğunluğun hayalidir. Ancak kimse nereden ve nasıl başlayacağını bilmez. Hemen Google/Yandex/Bing üzerinden iki üç araştırma yapar. Genelde karşısına ya PHP ya da HTML çıkar bunları öğrenmek ister, 3-5 ders sonra sıkılır ve o dersler orada kalır. Böyle olması ne kodların anlam ne de algoritmanın mantığını bilmemekten olur. Bu sebeple bilgisayarın dilinden nasıl konuşulur ve onun mantığında nasıl düşünülür bilmek gerekir. İşte burada karşımıza "Algoritma ve Programlamaya Giriş" denilen bir ders çıkar.<br />
<br />
Bilgisayar Programcılığı, Web Tasarımı ve Kodlama, Matematik ve Bilgisayar, Bilgisayar Mühendisliği, Yazılım Mühendisliği okuyan arkadaşların önemle takip etmesi ve can kulağı ile dinlemesi gereken derstir. Sizler içinse kısa ve öz olarak anlatmayı planladığım ders. Dostlar programlamaya başlamadan önce neler bilmeliyiz, ne yapacağız, nasıl yapacağız, hangi aşamalarda yapacağız, olmazsa hangi yolları deneyeceğiz, herhangi bir problem olmadan hangi çıktıları alacağız; işte bu soruları cevaplayarak programcılığa giriş yapacağız.<br />
<br />
Algoritma ve programlamaya giriş dersleri, problemleri mantıksal adımlarla çözme ve bu adımları bilgisayarın anlayabileceği bir dilde ifade etme mantığına dayanır. Bu dersler, teknoloji çağında temel bir yetkinlik olan computational thinking (bilgisayarca düşünme) becerisinin kazanılmasının ilk adımıdır.<br />
<br />
Bu derslerin temel mantığı şudur:<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Problemi anlama</span> [siteye gelen üyeye merhaba yazan bir şerit oluşturmak],<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">çözüm adımlarını belirleme (Algoritma)</span> [web sayfası açılacak, üye paneline kullanıcılar isim ve şifrelerini yazacak, enter tuşuna basıldığında üye girişi gerçekleşecek ve üye en üstte hoşgeldin sitemize yazısını görecek],<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">adımları koda dökmek (programlama)</span> [bir önceki maddede yer alan adımları sırasıyla php ve html dillerinde kodlanacak],<br />
</li>
<li>test etme ve hata ayıklama (bug)[bu kodlarda hata varsa adım adım incelenecek ve hatalar giderilecek]<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Peki bu derslerin bize faydası ne olacak (hedeflediğim ya da benim gibi olanların hedeflediği)</span><ul class="mycode_list"><li>Problem çözme yetisi kazandırmak<br />
</li>
<li>Mantıksal düşünme(neden-sonuç ilişkilerini anlama)<br />
</li>
<li>Analitik düşünme (problemleri daha küçük ve yönetilebilir parçalara ayırarak çözüm üretmek)<br />
</li>
<li>Programlama Becerisi Temeli (bir programlama dilini öğrenmek ve kullanmak)<br />
</li>
</ul>
<br />
Bu nedenle bu forumda sizlere yararladığım kaynaklardan özetle bir ders anlatısı sunmaktır. Umarım faydalı olurum. Bu arada anlarımlar ders ders burada listelenecektir. Şimdiden iyi çalışmalar...<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size">Konu Anlatımları</span></span></span><br />
<br />
1. Ders : <a href="https://gidenler.me/showthread.php?tid=517" target="_blank" rel="noopener" class="mycode_url">https://gidenler.me/showthread.php?tid=517</a><br />
2. Ders : <a href="https://gidenler.me/showthread.php?tid=518" target="_blank" rel="noopener" class="mycode_url">https://gidenler.me/showthread.php?tid=518</a><br />
3. Ders (Son): <a href="https://gidenler.me/showthread.php?tid=521" target="_blank" rel="noopener" class="mycode_url">https://gidenler.me/showthread.php?tid=521</a>]]></description>
			<content:encoded><![CDATA[Merhaba dostlar,<br />
<br />
Genelde bilgisayar başında biraz vakit geçirmiş ve ardından web alemine dalmış bu da yetmemiş web sitesi sahibi olup Elon Musk, Mark Zuckerberg'in ayağını kaydırıp tahtına oturmak gibi hayaller kurulmuş akabinde Vira Bismillah diye web sitesi açan arkadaşlar aramızda vardır. Tabi bu tabirim çok uçuk herkesi kapsamıyor, Ömer eğer sen takip ediyorsan siteyi ve bu konuyu okuyorsan senden bahsediyorum <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" /><br />
<br />
Şaka bir yana genelde web sitesi sahibi olmak web aleminde takılan büyük çoğunluğun hayalidir. Ancak kimse nereden ve nasıl başlayacağını bilmez. Hemen Google/Yandex/Bing üzerinden iki üç araştırma yapar. Genelde karşısına ya PHP ya da HTML çıkar bunları öğrenmek ister, 3-5 ders sonra sıkılır ve o dersler orada kalır. Böyle olması ne kodların anlam ne de algoritmanın mantığını bilmemekten olur. Bu sebeple bilgisayarın dilinden nasıl konuşulur ve onun mantığında nasıl düşünülür bilmek gerekir. İşte burada karşımıza "Algoritma ve Programlamaya Giriş" denilen bir ders çıkar.<br />
<br />
Bilgisayar Programcılığı, Web Tasarımı ve Kodlama, Matematik ve Bilgisayar, Bilgisayar Mühendisliği, Yazılım Mühendisliği okuyan arkadaşların önemle takip etmesi ve can kulağı ile dinlemesi gereken derstir. Sizler içinse kısa ve öz olarak anlatmayı planladığım ders. Dostlar programlamaya başlamadan önce neler bilmeliyiz, ne yapacağız, nasıl yapacağız, hangi aşamalarda yapacağız, olmazsa hangi yolları deneyeceğiz, herhangi bir problem olmadan hangi çıktıları alacağız; işte bu soruları cevaplayarak programcılığa giriş yapacağız.<br />
<br />
Algoritma ve programlamaya giriş dersleri, problemleri mantıksal adımlarla çözme ve bu adımları bilgisayarın anlayabileceği bir dilde ifade etme mantığına dayanır. Bu dersler, teknoloji çağında temel bir yetkinlik olan computational thinking (bilgisayarca düşünme) becerisinin kazanılmasının ilk adımıdır.<br />
<br />
Bu derslerin temel mantığı şudur:<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Problemi anlama</span> [siteye gelen üyeye merhaba yazan bir şerit oluşturmak],<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">çözüm adımlarını belirleme (Algoritma)</span> [web sayfası açılacak, üye paneline kullanıcılar isim ve şifrelerini yazacak, enter tuşuna basıldığında üye girişi gerçekleşecek ve üye en üstte hoşgeldin sitemize yazısını görecek],<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">adımları koda dökmek (programlama)</span> [bir önceki maddede yer alan adımları sırasıyla php ve html dillerinde kodlanacak],<br />
</li>
<li>test etme ve hata ayıklama (bug)[bu kodlarda hata varsa adım adım incelenecek ve hatalar giderilecek]<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Peki bu derslerin bize faydası ne olacak (hedeflediğim ya da benim gibi olanların hedeflediği)</span><ul class="mycode_list"><li>Problem çözme yetisi kazandırmak<br />
</li>
<li>Mantıksal düşünme(neden-sonuç ilişkilerini anlama)<br />
</li>
<li>Analitik düşünme (problemleri daha küçük ve yönetilebilir parçalara ayırarak çözüm üretmek)<br />
</li>
<li>Programlama Becerisi Temeli (bir programlama dilini öğrenmek ve kullanmak)<br />
</li>
</ul>
<br />
Bu nedenle bu forumda sizlere yararladığım kaynaklardan özetle bir ders anlatısı sunmaktır. Umarım faydalı olurum. Bu arada anlarımlar ders ders burada listelenecektir. Şimdiden iyi çalışmalar...<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size">Konu Anlatımları</span></span></span><br />
<br />
1. Ders : <a href="https://gidenler.me/showthread.php?tid=517" target="_blank" rel="noopener" class="mycode_url">https://gidenler.me/showthread.php?tid=517</a><br />
2. Ders : <a href="https://gidenler.me/showthread.php?tid=518" target="_blank" rel="noopener" class="mycode_url">https://gidenler.me/showthread.php?tid=518</a><br />
3. Ders (Son): <a href="https://gidenler.me/showthread.php?tid=521" target="_blank" rel="noopener" class="mycode_url">https://gidenler.me/showthread.php?tid=521</a>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Algoritma ve Programlamaya Giriş Dersleri (2.Ders)]]></title>
			<link>https://gidenler.me/thread-518.html</link>
			<pubDate>Fri, 04 Apr 2025 13:53:17 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-518.html</guid>
			<description><![CDATA[<span style="font-weight: bold;" class="mycode_b"><span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size">İlk Programımızı Yazalım</span></span></span><br />
Temel prensiplerin anlaşıldığını düşünüyorum. Şimdi ilk programımızı yazmaya başlayalım (php programlama dili üzerinden örnekler verilecektir.)<br />
<br />
<span style="font-weight: bold;" class="mycode_b">PHP'ye Giriş</span><ul class="mycode_list"><li>PHP (Hypertext Preprocessor), özellikle web geliştirme için tasarlanmış, sunucu taraflı bir betik dilidir. HTML içine gömülebilir.<br />
</li>
<li>PHP kodları sunucuda çalışır ve sonuç olarak tarayıcıya HTML çıktısı gönderir.<br />
</li>
<li>PHP'yi çalıştırmak için bir web sunucusuna (örneğin Apache veya Nginx) ve PHP yorumlayıcısına ihtiyacınız vardır (genellikle XAMPP, MAMP veya Docker gibi geliştirme ortamları bu araçları içerir).<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">"Merhaba Dünya!" çıktısı alacağımız programı yazalım:</span><br />
İlk basit PHP kodunu yazma ve çalıştırma. Bir <span style="color: #c10300;" class="mycode_color"><span style="font-family: Courier New;" class="mycode_font">.php</span></span> uzantılı dosya oluşturun (örneğin <span style="color: #c10300;" class="mycode_color"><span style="font-family: Courier New;" class="mycode_font">merhaba.php</span></span>) ve içine aşağıdaki kodu yazın:<br />
<br />
[Burada HTML kodları direkt verilecektir. HTML bilmiyorsanız <span style="font-weight: bold;" class="mycode_b"><a href="https://gidenler.me/forumdisplay.php?fid=30" target="_blank" rel="noopener" class="mycode_url">linkle</a></span> tıklayarak verdiğim derslere ulaşabilirsiniz <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" /> ]<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;!DOCTYPE html&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
    &lt;title&gt;Merhaba Dünya!&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
    &lt;?php<br />
        echo "Merhaba Dünya!";<br />
    ?&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></div></div><br />
Bu dosyayı web sunucunuzun kök dizinine (örneğin XAMPP'te htdocs klasörü) kaydedin ve tarayıcınızda <span style="font-family: Courier New;" class="mycode_font"><a href="http://localhost/merhaba.php" target="_blank" rel="noopener" class="mycode_url">http://localhost/merhaba.php</a></span> adresini açın. Ekranda "Merhaba Dünya!" çıktısını görmelisiniz.<ul class="mycode_list"><li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;?php</span></span> ve <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">?&gt;</span></span> etiketleri arasına PHP kodu yazılır.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">echo</span></span> ifadesi, ekrana çıktı vermek için kullanılır.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Değişken Tanımlama ve Kullanma</span><br />
PHP'de değişkenler <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;</span></span> işareti ile başlar. Veri tipini belirtmeye gerek yoktur (dinamik tipli bir dildir yani atamayı kendisi yapacak).<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;isim = "Ayşe";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;yas = 30;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;boy = 1.75;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Merhaba, benim adım " . &#36;isim . ".";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "&lt;br&gt;"; // HTML'de satır atlama<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Yaşım: " . &#36;yas;<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "&lt;br&gt;"; // HTML'de satır atlama<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Boyum: " . &#36;boy;<br />
?&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">Temel Giriş/Çıkış İşlemleri</span><br />
PHP genellikle web formları aracılığıyla kullanıcıdan veri alır (<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;_GET</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;_POST</span></span> süper küresel değişkenleri ile). Çıktı vermek için <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">echo</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">print</span></span> ifadeleri kullanılır.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;!DOCTYPE html&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Kullanıcı Girişi&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;form method="GET"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Adınız: &lt;input type="text" name="ad"&gt;&lt;br&gt;&lt;br&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="submit" value="Gönder"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/form&gt;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (isset(&#36;_GET["ad"])) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#36;kullaniciAdi = &#36;_GET["ad"];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Merhaba, " . &#36;kullaniciAdi . "!";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;?&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></div></div><ul class="mycode_list"><li>Bu örnekte, bir form aracılığıyla kullanıcıdan adını alıyoruz. Form gönderildiğinde, <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;_GET["ad"]</span></span> ile alınan değeri bir değişkene atayıp ekrana yazdırıyoruz.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">isset()</span></span> fonksiyonu, bir değişkenin tanımlı olup olmadığını kontrol eder.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Temel Operatörlerin Kullanımı</span><br />
PHP'de aritmetik operatörler (+, -, *, /, %, **), karşılaştırma operatörleri (==, !=, &gt;, &lt;, &gt;=, &lt;=) ve atama operatörleri (=, +=, -= vb.) Python'daki gibidir.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;sayi1 = 10;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;sayi2 = 5;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;toplam = &#36;sayi1 + &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;fark = &#36;sayi1 - &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;carpim = &#36;sayi1 * &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;bolum = &#36;sayi1 / &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;mod = &#36;sayi1 % &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;us = &#36;sayi1 ** &#36;sayi2; // PHP 5.6 ve üzeri<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Toplam: " . &#36;toplam . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Fark: " . &#36;fark . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Çarpım: " . &#36;carpim . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Bölüm: " . &#36;bolum . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Mod: " . &#36;mod . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Üs: " . &#36;us . "&lt;br&gt;";<br />
?&gt;</code></div></div>]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;" class="mycode_b"><span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size">İlk Programımızı Yazalım</span></span></span><br />
Temel prensiplerin anlaşıldığını düşünüyorum. Şimdi ilk programımızı yazmaya başlayalım (php programlama dili üzerinden örnekler verilecektir.)<br />
<br />
<span style="font-weight: bold;" class="mycode_b">PHP'ye Giriş</span><ul class="mycode_list"><li>PHP (Hypertext Preprocessor), özellikle web geliştirme için tasarlanmış, sunucu taraflı bir betik dilidir. HTML içine gömülebilir.<br />
</li>
<li>PHP kodları sunucuda çalışır ve sonuç olarak tarayıcıya HTML çıktısı gönderir.<br />
</li>
<li>PHP'yi çalıştırmak için bir web sunucusuna (örneğin Apache veya Nginx) ve PHP yorumlayıcısına ihtiyacınız vardır (genellikle XAMPP, MAMP veya Docker gibi geliştirme ortamları bu araçları içerir).<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">"Merhaba Dünya!" çıktısı alacağımız programı yazalım:</span><br />
İlk basit PHP kodunu yazma ve çalıştırma. Bir <span style="color: #c10300;" class="mycode_color"><span style="font-family: Courier New;" class="mycode_font">.php</span></span> uzantılı dosya oluşturun (örneğin <span style="color: #c10300;" class="mycode_color"><span style="font-family: Courier New;" class="mycode_font">merhaba.php</span></span>) ve içine aşağıdaki kodu yazın:<br />
<br />
[Burada HTML kodları direkt verilecektir. HTML bilmiyorsanız <span style="font-weight: bold;" class="mycode_b"><a href="https://gidenler.me/forumdisplay.php?fid=30" target="_blank" rel="noopener" class="mycode_url">linkle</a></span> tıklayarak verdiğim derslere ulaşabilirsiniz <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" /> ]<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;!DOCTYPE html&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
    &lt;title&gt;Merhaba Dünya!&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
    &lt;?php<br />
        echo "Merhaba Dünya!";<br />
    ?&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></div></div><br />
Bu dosyayı web sunucunuzun kök dizinine (örneğin XAMPP'te htdocs klasörü) kaydedin ve tarayıcınızda <span style="font-family: Courier New;" class="mycode_font"><a href="http://localhost/merhaba.php" target="_blank" rel="noopener" class="mycode_url">http://localhost/merhaba.php</a></span> adresini açın. Ekranda "Merhaba Dünya!" çıktısını görmelisiniz.<ul class="mycode_list"><li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&lt;?php</span></span> ve <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">?&gt;</span></span> etiketleri arasına PHP kodu yazılır.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">echo</span></span> ifadesi, ekrana çıktı vermek için kullanılır.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Değişken Tanımlama ve Kullanma</span><br />
PHP'de değişkenler <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;</span></span> işareti ile başlar. Veri tipini belirtmeye gerek yoktur (dinamik tipli bir dildir yani atamayı kendisi yapacak).<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;isim = "Ayşe";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;yas = 30;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;boy = 1.75;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Merhaba, benim adım " . &#36;isim . ".";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "&lt;br&gt;"; // HTML'de satır atlama<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Yaşım: " . &#36;yas;<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "&lt;br&gt;"; // HTML'de satır atlama<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Boyum: " . &#36;boy;<br />
?&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">Temel Giriş/Çıkış İşlemleri</span><br />
PHP genellikle web formları aracılığıyla kullanıcıdan veri alır (<span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;_GET</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;_POST</span></span> süper küresel değişkenleri ile). Çıktı vermek için <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">echo</span></span> veya <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">print</span></span> ifadeleri kullanılır.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;!DOCTYPE html&gt;<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Kullanıcı Girişi&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;form method="GET"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Adınız: &lt;input type="text" name="ad"&gt;&lt;br&gt;&lt;br&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="submit" value="Gönder"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/form&gt;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (isset(&#36;_GET["ad"])) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#36;kullaniciAdi = &#36;_GET["ad"];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo "Merhaba, " . &#36;kullaniciAdi . "!";<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;?&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</code></div></div><ul class="mycode_list"><li>Bu örnekte, bir form aracılığıyla kullanıcıdan adını alıyoruz. Form gönderildiğinde, <span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">&#36;_GET["ad"]</span></span> ile alınan değeri bir değişkene atayıp ekrana yazdırıyoruz.<br />
</li>
<li><span style="background-color: #fcff01;"><span style="font-family: Courier New;" class="mycode_font">isset()</span></span> fonksiyonu, bir değişkenin tanımlı olup olmadığını kontrol eder.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Temel Operatörlerin Kullanımı</span><br />
PHP'de aritmetik operatörler (+, -, *, /, %, **), karşılaştırma operatörleri (==, !=, &gt;, &lt;, &gt;=, &lt;=) ve atama operatörleri (=, +=, -= vb.) Python'daki gibidir.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;?php<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;sayi1 = 10;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;sayi2 = 5;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;toplam = &#36;sayi1 + &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;fark = &#36;sayi1 - &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;carpim = &#36;sayi1 * &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;bolum = &#36;sayi1 / &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;mod = &#36;sayi1 % &#36;sayi2;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#36;us = &#36;sayi1 ** &#36;sayi2; // PHP 5.6 ve üzeri<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Toplam: " . &#36;toplam . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Fark: " . &#36;fark . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Çarpım: " . &#36;carpim . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Bölüm: " . &#36;bolum . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Mod: " . &#36;mod . "&lt;br&gt;";<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo "Üs: " . &#36;us . "&lt;br&gt;";<br />
?&gt;</code></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Algoritma ve Programlamaya Giriş Dersleri (1.Ders)]]></title>
			<link>https://gidenler.me/thread-517.html</link>
			<pubDate>Fri, 04 Apr 2025 12:33:12 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-517.html</guid>
			<description><![CDATA[Bu dersler, bilgisayar bilimlerinin temelini oluşturur ve <span style="font-weight: bold;" class="mycode_b">problem çözme ve bilgisayarlara talimat verme</span> becerileri kazandırmayı amaçlar.<br />
<br />
<span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Algoritma Kavramı ve Temel Yapıları</span></span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Algoritma Nedir?</span><ul class="mycode_list"><li>Bir problemi çözmek veya belirli bir görevi yerine getirmek için adım adım talimatlar dizisidir.<br />
</li>
<li>Açık, kesin ve sonlu olmalıdır.<br />
</li>
<li>Günlük hayattan algoritma örnekleri (yemek tarifi, montaj kılavuzu vb.).</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Algoritma Geliştirme Süreci:</span><ul class="mycode_list"><li>Problemi anlama ve tanımlama.<br />
</li>
<li>Çözüm için olası adımları belirleme.<br />
</li>
<li>Adımları mantıksal bir sıraya koyma.<br />
</li>
<li>Algoritmayı farklı senaryolarla test etme.</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Algoritma Gösterim Şekilleri:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Sözde Kod (Pseudocode): </span>Günlük dile yakın, programlama dilinden bağımsız ifade biçimi.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Akış Şeması (Flowchart): </span>Algoritmanın adımlarını ve akışını görsel olarak gösteren diyagramlar.</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Temel Algoritma Yapıları:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Sıralı Yapı (Sequential Structure):</span> Adımlar sırayla tek tek kontrol edilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Karar Yapısı (Decision Structure / Koşullu İfadeler):</span> Belirli bir koşula göre farklı adımların kontrol edilmesini sağlar <span style="font-style: italic;" class="mycode_i"><span style="color: #008e02;" class="mycode_color">(örneğin, if, else)</span></span>.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Tekrar Yapısı (Repetition Structure / Döngüler):</span> Belirli bir kod bloğunun birden çok kez kontrol edilmesini sağlar <span style="color: #008e02;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">(örneğin, for, while)</span></span>.</li>
</ul>
<br />
<span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Programlama Kavramlarına Giriş</span></span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Programlama Dili Nedir?</span><br />
Bilgisayarlara ne yapmaları gerektiğini söylemek için kullanılan biçimsel dillerdir. Python, Java, C++, JavaScript vb.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Derleyici (Compiler) ve Yorumlayıcı (Interpreter)</span><br />
Derleyici (Compiler) ve yorumlayıcı (Interpreter), yüksek seviyeli programlama dillerinde yazılmış kaynak kodunu bilgisayarın anlayabileceği makine koduna veya ara bir koda çeviren yazılımlardır. Ancak bu çevirme ve çalıştırma süreçleri birbirinden farklıdır.<br />
<br />
<span style="color: #00369b;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Derleyici (Compiler)</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Nasıl Çalışır?</span><br />
<ol type="a" class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Tüm Kaynak Kodu Okur:</span> Derleyici, programcının yazdığı tüm kaynak kodunu tek bir seferde okur.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Analiz Eder ve Hataları Kontrol Eder: </span>Kodun sözdizimini (dilin kuralları) ve semantiğini (anlamını) analiz eder. Bu aşamada, yazım hataları, dilin yanlış kullanımı gibi hataları tespit eder.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hedef Kod Oluşturur:</span> Eğer herhangi bir hata bulunmazsa, derleyici kaynak kodu hedef bir koda (genellikle makine kodu veya assembly kodu gibi düşük seviyeli bir dil) çevirir. Bu hedef kod, belirli bir donanım mimarisine (örneğin, x86, ARM) özgüdür. Bazı durumlarda, hedef kod doğrudan makine kodu yerine, sanal bir makine (VM) üzerinde çalıştırılmak üzere tasarlanmış bir ara kod (bytecode gibi) olabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Çalıştırma:</span> Derleme işlemi tamamlandıktan sonra, elde edilen hedef kod doğrudan işletim sistemi tarafından çalıştırılabilir. Bu çalıştırma, derleme işleminden tamamen ayrı bir aşamadır.</li>
</ol>
<br />
<span style="font-weight: bold;" class="mycode_b">2. Özellikleri:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Tek Bir Çevirme:</span> Kaynak kod sadece bir kez derlenir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hızlı Çalışma:</span> Derlenmiş programlar genellikle daha hızlı çalışır çünkü çevirme işlemi önceden yapılmıştır. Çalıştırma sırasında ek bir çeviriye ihtiyaç duyulmaz.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Platform Bağımlılığı (Genellikle):</span> Doğrudan makine koduna derlenen programlar, derlendikleri işlemci mimarisine ve işletim sistemine bağımlıdır. Farklı bir platformda çalıştırmak için yeniden derlenmeleri gerekir. Ancak bytecode üreten derleyiciler (örneğin Java), sanal makine sayesinde platform bağımsızlığı sağlayabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hata Ayıklama:</span> Hatalar genellikle derleme aşamasında toplu olarak bildirilir. Bu, programcıların tüm hataları görmesini ve düzeltmesini sağlar. Ancak, çalışma zamanı hataları (program çalışırken ortaya çıkan hatalar) yine de oluşabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Örnek Diller:</span> C, C++, Go, Swift, Rust (genellikle doğrudan makine koduna derlenir). Java ve C# (önce bytecode'a derlenir, sonra sanal makine tarafından çalıştırılır).</li>
</ul>
<br />
<span style="color: #00369b;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Yorumlayıcı (Interpreter)</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Nasıl Çalışır?</span><br />
<ol type="a" class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Kaynak Kodu Satır Satır Okur:</span> Yorumlayıcı, programın kaynak kodunu satır satır (veya bazen bloklar halinde) okur.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Her Satırı Çevirir ve Anında Çalıştırır:</span> Okuduğu her bir kodu satırını makine koduna veya ara bir koda çevirir ve hemen ardından bu kodu çalıştırır.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Çalıştırma Anında Çeviri:</span> Çevirme ve çalıştırma işlemi eş zamanlı olarak gerçekleşir. Bir sonraki satıra geçmeden önce mevcut satırın işlemi tamamlanır.</li>
</ol>
<br />
<span style="font-weight: bold;" class="mycode_b">2. Özellikleri:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Satır Satır Çevirme ve Çalıştırma:</span> Kod her çalıştırıldığında yeniden yorumlanır.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Yavaş Çalışma (Genellikle):</span> Yorumlanan programlar genellikle derlenen programlara göre daha yavaş çalışır çünkü her satırın her çalıştırmada yeniden çevrilmesi gerekir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Platform Bağımsızlığı (Daha Kolay):</span> Yorumlayıcılar, yazıldıkları platformda çalıştığı sürece, yorumlanan kodun farklı işletim sistemlerinde veya donanımlarda çalışması daha kolaydır. Kaynak kodun kendisi genellikle platformdan bağımsızdır.<br />
</li>
<li>Anında Geri Bildirim ve Hata Ayıklama: Yorumlayıcılar, bir hatayla karşılaştıklarında genellikle o noktada durur ve hatayı bildirir. Bu, geliştirme sırasında hataları daha hızlı bulmaya yardımcı olabilir. Ancak, kodun ilerleyen kısımlarındaki hatalar ancak o kısımlara gelindiğinde fark edilir.</li>
</ul>
]]></description>
			<content:encoded><![CDATA[Bu dersler, bilgisayar bilimlerinin temelini oluşturur ve <span style="font-weight: bold;" class="mycode_b">problem çözme ve bilgisayarlara talimat verme</span> becerileri kazandırmayı amaçlar.<br />
<br />
<span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Algoritma Kavramı ve Temel Yapıları</span></span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Algoritma Nedir?</span><ul class="mycode_list"><li>Bir problemi çözmek veya belirli bir görevi yerine getirmek için adım adım talimatlar dizisidir.<br />
</li>
<li>Açık, kesin ve sonlu olmalıdır.<br />
</li>
<li>Günlük hayattan algoritma örnekleri (yemek tarifi, montaj kılavuzu vb.).</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Algoritma Geliştirme Süreci:</span><ul class="mycode_list"><li>Problemi anlama ve tanımlama.<br />
</li>
<li>Çözüm için olası adımları belirleme.<br />
</li>
<li>Adımları mantıksal bir sıraya koyma.<br />
</li>
<li>Algoritmayı farklı senaryolarla test etme.</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Algoritma Gösterim Şekilleri:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Sözde Kod (Pseudocode): </span>Günlük dile yakın, programlama dilinden bağımsız ifade biçimi.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Akış Şeması (Flowchart): </span>Algoritmanın adımlarını ve akışını görsel olarak gösteren diyagramlar.</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Temel Algoritma Yapıları:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Sıralı Yapı (Sequential Structure):</span> Adımlar sırayla tek tek kontrol edilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Karar Yapısı (Decision Structure / Koşullu İfadeler):</span> Belirli bir koşula göre farklı adımların kontrol edilmesini sağlar <span style="font-style: italic;" class="mycode_i"><span style="color: #008e02;" class="mycode_color">(örneğin, if, else)</span></span>.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Tekrar Yapısı (Repetition Structure / Döngüler):</span> Belirli bir kod bloğunun birden çok kez kontrol edilmesini sağlar <span style="color: #008e02;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">(örneğin, for, while)</span></span>.</li>
</ul>
<br />
<span style="color: #c10300;" class="mycode_color"><span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Programlama Kavramlarına Giriş</span></span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Programlama Dili Nedir?</span><br />
Bilgisayarlara ne yapmaları gerektiğini söylemek için kullanılan biçimsel dillerdir. Python, Java, C++, JavaScript vb.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Derleyici (Compiler) ve Yorumlayıcı (Interpreter)</span><br />
Derleyici (Compiler) ve yorumlayıcı (Interpreter), yüksek seviyeli programlama dillerinde yazılmış kaynak kodunu bilgisayarın anlayabileceği makine koduna veya ara bir koda çeviren yazılımlardır. Ancak bu çevirme ve çalıştırma süreçleri birbirinden farklıdır.<br />
<br />
<span style="color: #00369b;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Derleyici (Compiler)</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Nasıl Çalışır?</span><br />
<ol type="a" class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Tüm Kaynak Kodu Okur:</span> Derleyici, programcının yazdığı tüm kaynak kodunu tek bir seferde okur.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Analiz Eder ve Hataları Kontrol Eder: </span>Kodun sözdizimini (dilin kuralları) ve semantiğini (anlamını) analiz eder. Bu aşamada, yazım hataları, dilin yanlış kullanımı gibi hataları tespit eder.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hedef Kod Oluşturur:</span> Eğer herhangi bir hata bulunmazsa, derleyici kaynak kodu hedef bir koda (genellikle makine kodu veya assembly kodu gibi düşük seviyeli bir dil) çevirir. Bu hedef kod, belirli bir donanım mimarisine (örneğin, x86, ARM) özgüdür. Bazı durumlarda, hedef kod doğrudan makine kodu yerine, sanal bir makine (VM) üzerinde çalıştırılmak üzere tasarlanmış bir ara kod (bytecode gibi) olabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Çalıştırma:</span> Derleme işlemi tamamlandıktan sonra, elde edilen hedef kod doğrudan işletim sistemi tarafından çalıştırılabilir. Bu çalıştırma, derleme işleminden tamamen ayrı bir aşamadır.</li>
</ol>
<br />
<span style="font-weight: bold;" class="mycode_b">2. Özellikleri:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Tek Bir Çevirme:</span> Kaynak kod sadece bir kez derlenir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hızlı Çalışma:</span> Derlenmiş programlar genellikle daha hızlı çalışır çünkü çevirme işlemi önceden yapılmıştır. Çalıştırma sırasında ek bir çeviriye ihtiyaç duyulmaz.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Platform Bağımlılığı (Genellikle):</span> Doğrudan makine koduna derlenen programlar, derlendikleri işlemci mimarisine ve işletim sistemine bağımlıdır. Farklı bir platformda çalıştırmak için yeniden derlenmeleri gerekir. Ancak bytecode üreten derleyiciler (örneğin Java), sanal makine sayesinde platform bağımsızlığı sağlayabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hata Ayıklama:</span> Hatalar genellikle derleme aşamasında toplu olarak bildirilir. Bu, programcıların tüm hataları görmesini ve düzeltmesini sağlar. Ancak, çalışma zamanı hataları (program çalışırken ortaya çıkan hatalar) yine de oluşabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Örnek Diller:</span> C, C++, Go, Swift, Rust (genellikle doğrudan makine koduna derlenir). Java ve C# (önce bytecode'a derlenir, sonra sanal makine tarafından çalıştırılır).</li>
</ul>
<br />
<span style="color: #00369b;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Yorumlayıcı (Interpreter)</span></span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Nasıl Çalışır?</span><br />
<ol type="a" class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Kaynak Kodu Satır Satır Okur:</span> Yorumlayıcı, programın kaynak kodunu satır satır (veya bazen bloklar halinde) okur.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Her Satırı Çevirir ve Anında Çalıştırır:</span> Okuduğu her bir kodu satırını makine koduna veya ara bir koda çevirir ve hemen ardından bu kodu çalıştırır.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Çalıştırma Anında Çeviri:</span> Çevirme ve çalıştırma işlemi eş zamanlı olarak gerçekleşir. Bir sonraki satıra geçmeden önce mevcut satırın işlemi tamamlanır.</li>
</ol>
<br />
<span style="font-weight: bold;" class="mycode_b">2. Özellikleri:</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Satır Satır Çevirme ve Çalıştırma:</span> Kod her çalıştırıldığında yeniden yorumlanır.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Yavaş Çalışma (Genellikle):</span> Yorumlanan programlar genellikle derlenen programlara göre daha yavaş çalışır çünkü her satırın her çalıştırmada yeniden çevrilmesi gerekir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Platform Bağımsızlığı (Daha Kolay):</span> Yorumlayıcılar, yazıldıkları platformda çalıştığı sürece, yorumlanan kodun farklı işletim sistemlerinde veya donanımlarda çalışması daha kolaydır. Kaynak kodun kendisi genellikle platformdan bağımsızdır.<br />
</li>
<li>Anında Geri Bildirim ve Hata Ayıklama: Yorumlayıcılar, bir hatayla karşılaştıklarında genellikle o noktada durur ve hatayı bildirir. Bu, geliştirme sırasında hataları daha hızlı bulmaya yardımcı olabilir. Ancak, kodun ilerleyen kısımlarındaki hatalar ancak o kısımlara gelindiğinde fark edilir.</li>
</ul>
]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Seo Uyumlu Makale Yazmanın İncelikleri Nelerdir?]]></title>
			<link>https://gidenler.me/thread-483.html</link>
			<pubDate>Tue, 25 Mar 2025 13:43:21 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-483.html</guid>
			<description><![CDATA[<span style="font-weight: bold;" class="mycode_b"><span style="color: #c10300;" class="mycode_color">SEO UYUMLU MAKALE YAZMANIN İNCELİKLERİ NELERDİR?</span></span><br />
<span style="font-weight: bold;" class="mycode_b">SEO </span>uyumlu makale yazmak, web sitelerinin arama motorlarında daha iyi sıralanmasını sağlayan bir stratejidir. <span style="font-weight: bold;" class="mycode_b">SEO</span> uyumlu içerikler oluşturmanın avantajları arasında; daha fazla ziyaretçi çekme, marka bilinirliğini artırma, güvenilirlik kazanma ve gelir elde etme bulunmaktadır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Nedir ve Neden Önemlidir?</span></span><br />
SEO'nun ne olduğu ve neden önemli olduğu konusu oldukça önemlidir. <span style="font-weight: bold;" class="mycode_b">SEO, arama motoru optimizasyonu olarak bilinir ve web sitelerinin arama motorlarında daha üst sıralarda yer alması için yapılan bir dizi teknik ve içeriksel iyileştirme sürecini ifade eder.</span> <span style="font-weight: bold;" class="mycode_b">SEO</span>'nun önemi, arama motorlarının kullanıcılara en uygun ve kaliteli içeriği sunmak istemesinden kaynaklanmaktadır. <span style="font-weight: bold;" class="mycode_b">SEO</span>, web sitelerinin arama motorlarının algoritmalarına uygun olarak optimize edilmesini sağlar ve içeriklerinin kullanıcıların aradığı anahtar kelimeleri içermesini sağlar. Bu sayede, web siteleri arama sonuçlarında daha üst sıralara çıkar ve daha fazla ziyaretçi çeker. <span style="font-weight: bold;" class="mycode_b">SEO</span>, web sitelerinin görünürlüğünü, trafiğini ve dolayısıyla gelirini artırmak için kritik bir pazarlama stratejisidir.<br />
<br />
<img src="https://gidenler.me/attachment.php?aid=877" loading="lazy"  width="500" height="261" alt="[Resim: attachment.php?aid=877]" class="mycode_img" /><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale Yazmanın Faydaları Nelerdir?</span></span><br />
SEO uyumlu makaleler, arama motorlarının algoritmalarına uygun olarak hazırlanmış ve kullanıcıların ilgisini çekmek için optimize edilmiş içeriklerdir. SEO uyumlu makale yazmanın avantajları şunlardır:<br />
<br />
Web sitenizin organik trafiğini ve ziyaretçi sayısını artırır. SEO uyumlu makaleler, arama motorlarında daha üst sıralarda yer alarak potansiyel müşterilere daha kolay ulaşmanızı sağlar.<br />
<br />
Web sitenizin otoritesini ve güvenilirliğini artırır. Kaliteli ve güncel içerikler sunarak, okuyucularınızın güvenini kazanır ve uzmanlık alanınızda bir kaynak olarak algılanırsınız. SEO uyumlu makale yazarken dikkat etmeniz gereken bazı ipuçları şunlardır:<ul class="mycode_list"><li>Anahtar kelime araştırması yapın ve hedef kitlenizin aradığı kelimeleri belirleyin. Anahtar kelimeleri makalenizin başlık, alt başlıklar, giriş, sonuç ve metin içinde doğal bir şekilde kullanın.<br />
</li>
<li>Makalenizi okuyucu dostu bir dille yazın ve paragrafları kısa tutun. Görseller, listeler ve alıntılar gibi unsurları kullanarak makalenizi zenginleştirin ve okuyucularınızın ilgisini çekin.<br />
</li>
<li>Makalenizi benzersiz ve özgün bir şekilde yazın. Kopya içerikten kaçının ve kaynak göstererek alıntı yapın. Yazım kurallarına dikkat ederek makalenizi dilbilgisi ve imla hatalarından arındırın.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale Yazmak İçin Hangi Araçlar Kullanılmalıdır?</span></span><br />
<br />
SEO uyumlu makale yazarken site için kullanabilecek bazı araçlar şunlardır:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Google Analytics:</span> Web sitenizin trafiğini ve kullanıcı davranışlarını analiz ederek, içeriklerinizi optimize etmenize yardımcı olur.<br />
<br />
SEO uyumlu makale yazarken kullanabilecek bazı araçlar şunlardır:<br />
Google Consumer Barometer: Web sitenizin performansını izler ve arama sonuçlarında nasıl göründüğünü kontrol eder. Hataları tespit ederek sitenizin SEO performansını iyileştirmenize olanak tanır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Wordcounter:</span> Makale içerisindeki anahtar kelimelerin kaç kez geçtiğini sayan bir sayaçtır. Makale içerisinde anahtar kelimelerin olduğundan az veya olduğundan fazla kullanılması SEO için olumsuz bir etki yaratır. Bu nedenle makalede anahtar kelime yoğunluğunu belli bir seviyede tutabilmek için bu araç kullanılır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Rank math:</span> Rank Math, içeriğinizin SEO performansını değerlendirebilir, başlık, açıklama, URL, anahtar kelime, iç ve dış bağlantılar, görsel optimizasyonu gibi alanlarda size öneriler sunabilir ve hataları düzeltebilmenize yardımcı olabilir. Ayrıca, Rank Math, makalenizin kelime sayısını, okunabilirlik düzeyini ve sosyal medya paylaşımlarını da gösterebilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale Yazarken Dikkat Edilmesi Gereken Kurallar Nelerdir?</span></span><br />
<br />
SEO uyumlu makale yazmak, arama motorlarında daha iyi sıralamalar elde etmek ve potansiyel okuyuculara ulaşmak için önemlidir. Ancak, SEO uyumlu makale yazarken dikkat etmeniz gereken bazı temel kurallar bulunmaktadır. İşte bu kurallar:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Anahtar kelime araştırması yapın: </span>Makalenizin konusunu belirleyin ve hedef kitlenizin arama yaparken kullandığı anahtar kelimeleri belirleyin. Bu anahtar kelimeleri makalenizin başlık, giriş ve alt başlıklarında doğal bir şekilde kullanın. Ancak, anahtar kelime doldurmacılığından kaçının ve içeriğinizi anlamlı kılmaya odaklanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Özgün içerik oluşturun: </span>Makalenin size ait olup olmadığından emin olmanız gerekir. Kopya içerikten kaçının ve kendi fikirlerinizi, deneyimlerinizi veya araştırmalarınızı içeren özgün bir içerik sunun. Bu, okuyucularınızın ilgisini çekecek ve sitenizin otoritesini artıracaktır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi optimizasyona dikkat edin: </span>Makalenizin meta başlığı, meta açıklaması ve URL yapısını SEO kurallarına uygun şekilde optimize edin. Meta başlığı ve açıklaması, arama sonuçlarında görünen ve kullanıcıların ilgisini çekecek bilgiler içermelidir. URL yapısı ise kısa, açıklayıcı ve anahtar kelimeleri içermelidir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Alt başlıklar kullanın:</span> Makalenizi kolay okunabilir hale getirmek için alt başlıklar kullanın. Her bir alt başlık, makalenizin farklı bir bölümünü temsil etmeli ve anahtar kelimeleri içermelidir. Alt başlıkları doğru bir hiyerarşiyle işaretleyin (H1, H2, H3 gibi).<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Konuyla ilgili aramalara yer verin:</span> Makalenizde konuyla ilgili farklı aramalara da değinin ve kullanıcıların farklı arama terimleriyle sitenize ulaşmasını sağlayın. Bu, makalenin kapsamlı ve güncel olduğunu gösterir ve arama motorlarının ilgisini çeker.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi link oluşturun:</span> Makalenizde sitenizin diğer sayfalarına ve ilgili içeriklere link verin. Bu, sitenizin otoritesini artırır ve kullanıcıların sitenizde daha fazla vakit geçirmesini sağlar. Ancak, linkleri doğal ve alakalı bir şekilde kullanın ve aşırıya kaçmayın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">Anahtar Kelime Seçimi Nasıl Yapılır ve Nelere Dikkat Edilmelidir?</span></span><br />
<br />
SEO uyumlu içerik oluşturmak, web sitenizin arama motorlarında daha üst sıralarda yer almasını ve hedef kitlenize ulaşmasını sağlar. Ancak, SEO uyumlu makaleler yazarken dikkat etmeniz gereken temel kurallar bulunmaktadır. İşte bu kurallar:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Anahtar kelime araştırması yapın:</span> İçeriğinizin konusunu belirleyin ve hedef kitlenizin arama motorlarında kullandığı anahtar kelimeleri belirleyin. Bu anahtar kelimeleri makalenizin başlık, giriş ve alt başlıklarında doğal bir şekilde kullanın. Ancak, anahtar kelime doldurmacılığından kaçının ve içeriğinizi anlamlı kılmaya odaklanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Özgün içerik oluşturun:</span> İçeriğinizin tamamen size ait olduğundan emin olun. Kopya içeriği önleyin ve kendi düşüncelerinizi, deneyimlerinizi veya araştırmalarınızı içeren özgün bir içerik sunun. Bu, okuyucularınızın ilgisini çekecek ve sitenizin otoritesini artıracaktır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi optimizasyona dikkat edin: </span>İçeriğinizin meta başlık, meta açıklama ve URL yapısını SEO kurallarına uygun şekilde optimize edin. Meta başlık ve açıklama, arama sonuçlarında görünen ve kullanıcıları çeken bilgiler içermelidir. URL yapısı, kısa, açıklayıcı ve anahtar kelimeleri içermelidir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Alt başlıklar kullanın:</span> İçeriğinizi daha okunabilir hale getirmek için alt başlıklar kullanın. Her bir alt başlık, içeriğinizin farklı bir bölümünü temsil etmeli ve anahtar kelimeleri içermelidir. Alt başlıkları doğru bir hiyerarşiyle işaretleyin (H1, H2, H3 gibi).<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Konuyla ilgili aramalara yer verin: </span>İçeriğinizde konuyla ilgili farklı aramalara da değinin ve kullanıcıların farklı arama terimleriyle sitenize ulaşmasını sağlayın. Bu, içeriğinizin kapsamlı ve güncel olduğunu gösterir ve arama motorlarının ilgisini çeker.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi link oluşturun: </span>İçeriğinizde sitenizin diğer sayfalarına ve ilgili içeriklere link verin. Bu, sitenizin otoritesini artırır ve kullanıcıların sitenizde daha fazla vakit geçirmesini sağlar. Ancak, linkleri doğal ve ilgili bir şekilde kullanın ve abartıya kaçmayın<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale İçin İçerik Kalitesi ve Özgünlüğü Nasıl Sağlanır?</span></span><br />
<br />
SEO uyumlu bir makale için içerik kalitesi ve özgünlüğü sağlamak için aşağıdaki adımları takip edebilirsiniz:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Anahtar kelime araştırması yapın:</span> Konunuzu belirleyerek anahtar kelime araştırması yapın ve hedef kitlenizin arama yaptığı terimleri belirleyin. Bu anahtar kelimeleri makalenizin başlığı, girişi ve içeriğinde dengeli bir şekilde kullanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Rakip içerikleri analiz edin: </span>Benzer konularda üst sıralarda yer alan rakip içerikleri inceleyerek ne tür bir içeriğin ilgi çekici olduğunu ve hangi konuların eksik olduğunu belirleyin. Bu analizden elde ettiğiniz bilgileri kendi içeriğinizde kullanarak fark yaratın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Başlık ve alt başlıkları belirleyin: </span>Başlık, anahtar kelimenizi içermeli ve okuyucunun ilgisini çekecek şekilde kısa ve öz olmalıdır. Alt başlıklarınızı belirleyerek makalenizin yapılanmasını sağlayın ve her bir alt başlık altında konuya odaklanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Konuyla ilgili araştırmalar yapın: </span>Konunuzla ilgili güvenilir kaynaklardan bilgi toplayarak makalenizin içeriğini destekleyin. İstatistikler, örnekler, alıntılar ve grafikler gibi verileri kullanarak içeriğinizi zenginleştirin.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">İçeriği planlayın ve yazmaya başlayın: </span>Makalenizin giriş, gelişme ve sonuç bölümlerini planlayarak içeriği oluşturmaya başlayın. Her bölümü açık ve anlaşılır bir şekilde yazın ve anahtar kelimeleri doğal bir şekilde kullanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Dahili bağlantılar ekleyin: </span>Makalenizdeki önemli konulara veya ilgili içeriklere dahili bağlantılar ekleyerek kullanıcıların sitenizde daha fazla vakit geçirmesini sağlayın. Bu aynı zamanda SEO performansınızı da artırabilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Makalenizi gözden geçirin:</span> Yazım ve noktalama hatalarını düzeltmek için makalenizi birkaç kez gözden geçirin ve gerekirse içeriğinizi yeniden düzenleyin.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369B;" class="mycode_color">İçerikte Görsel, Video ve Sesli Dosya Kullanmanın Önemi Nedir?​</span></span><br />
<br />
İçerik üretiminde görsel, video ve sesli dosyaların kullanımının önemi oldukça büyüktür. Bu unsurlar, içeriğin daha çekici, anlaşılır ve etkileyici olmasını sağlar. İnsanlar görsel ve işitsel öğelerle daha kolay iletişim kurar ve daha uzun süre hatırlarlar. Dolayısıyla, içeriğinizde bu tür dosyaları kullanarak, hedef kitlenize daha etkili bir şekilde ulaşabilir, mesajınızı daha net bir şekilde aktarabilir ve marka bilinirliğinizi artırabilirsiniz.<br />
<br />
Görsel dosyaların tercih edilecek formatı genellikle .jpeg veya .png'dir. .jpeg formatı sıkıştırılmış bir formattır ve dosya boyutunu küçültürken, .png formatı kayıpsız sıkıştırma sağlar ve şeffaflık özelliğine sahiptir. Ayrıca, Photoshop ile çalışıyorsanız .psd formatını kullanabilirsiniz.<br />
<br />
Video dosyaları için ise .mp4 formatı en yaygın tercih edilendir. Bu format yüksek kaliteyi korurken dosya boyutunu küçültür ve geniş bir cihaz ve platform desteğine sahiptir. Ancak, video kalitesinden daha fazla tasarruf etmek istiyorsanız .webm formatını değerlendirebilirsiniz. Ayrıca, .mkv formatı ek özellikler içeren videolar için ideal bir seçenektir.<br />
<br />
Ses dosyaları için genellikle .mp3 formatı kullanılır çünkü sıkıştırılmış bir formattır ve dosya boyutunu küçültür. Ancak, ses kalitesinden ödün vermek istemeyenler için .wav veya .flac gibi kayıpsız sıkıştırma sağlayan formatlar tercih edilebilir.<br /><!-- start: postbit_attachments_attachment -->
<!-- start: attachment_icon -->
<img src="https://gidenler.me/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=877" target="_blank" title="seo-nedir.png">seo-nedir.png</a>
<img src="/images/v2/link_icon.png" alt="link" height="10" width="10" /> (Dosya Boyutu: 95.01 KB / İndirme Sayısı: 34)
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;" class="mycode_b"><span style="color: #c10300;" class="mycode_color">SEO UYUMLU MAKALE YAZMANIN İNCELİKLERİ NELERDİR?</span></span><br />
<span style="font-weight: bold;" class="mycode_b">SEO </span>uyumlu makale yazmak, web sitelerinin arama motorlarında daha iyi sıralanmasını sağlayan bir stratejidir. <span style="font-weight: bold;" class="mycode_b">SEO</span> uyumlu içerikler oluşturmanın avantajları arasında; daha fazla ziyaretçi çekme, marka bilinirliğini artırma, güvenilirlik kazanma ve gelir elde etme bulunmaktadır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Nedir ve Neden Önemlidir?</span></span><br />
SEO'nun ne olduğu ve neden önemli olduğu konusu oldukça önemlidir. <span style="font-weight: bold;" class="mycode_b">SEO, arama motoru optimizasyonu olarak bilinir ve web sitelerinin arama motorlarında daha üst sıralarda yer alması için yapılan bir dizi teknik ve içeriksel iyileştirme sürecini ifade eder.</span> <span style="font-weight: bold;" class="mycode_b">SEO</span>'nun önemi, arama motorlarının kullanıcılara en uygun ve kaliteli içeriği sunmak istemesinden kaynaklanmaktadır. <span style="font-weight: bold;" class="mycode_b">SEO</span>, web sitelerinin arama motorlarının algoritmalarına uygun olarak optimize edilmesini sağlar ve içeriklerinin kullanıcıların aradığı anahtar kelimeleri içermesini sağlar. Bu sayede, web siteleri arama sonuçlarında daha üst sıralara çıkar ve daha fazla ziyaretçi çeker. <span style="font-weight: bold;" class="mycode_b">SEO</span>, web sitelerinin görünürlüğünü, trafiğini ve dolayısıyla gelirini artırmak için kritik bir pazarlama stratejisidir.<br />
<br />
<img src="https://gidenler.me/attachment.php?aid=877" loading="lazy"  width="500" height="261" alt="[Resim: attachment.php?aid=877]" class="mycode_img" /><br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale Yazmanın Faydaları Nelerdir?</span></span><br />
SEO uyumlu makaleler, arama motorlarının algoritmalarına uygun olarak hazırlanmış ve kullanıcıların ilgisini çekmek için optimize edilmiş içeriklerdir. SEO uyumlu makale yazmanın avantajları şunlardır:<br />
<br />
Web sitenizin organik trafiğini ve ziyaretçi sayısını artırır. SEO uyumlu makaleler, arama motorlarında daha üst sıralarda yer alarak potansiyel müşterilere daha kolay ulaşmanızı sağlar.<br />
<br />
Web sitenizin otoritesini ve güvenilirliğini artırır. Kaliteli ve güncel içerikler sunarak, okuyucularınızın güvenini kazanır ve uzmanlık alanınızda bir kaynak olarak algılanırsınız. SEO uyumlu makale yazarken dikkat etmeniz gereken bazı ipuçları şunlardır:<ul class="mycode_list"><li>Anahtar kelime araştırması yapın ve hedef kitlenizin aradığı kelimeleri belirleyin. Anahtar kelimeleri makalenizin başlık, alt başlıklar, giriş, sonuç ve metin içinde doğal bir şekilde kullanın.<br />
</li>
<li>Makalenizi okuyucu dostu bir dille yazın ve paragrafları kısa tutun. Görseller, listeler ve alıntılar gibi unsurları kullanarak makalenizi zenginleştirin ve okuyucularınızın ilgisini çekin.<br />
</li>
<li>Makalenizi benzersiz ve özgün bir şekilde yazın. Kopya içerikten kaçının ve kaynak göstererek alıntı yapın. Yazım kurallarına dikkat ederek makalenizi dilbilgisi ve imla hatalarından arındırın.<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale Yazmak İçin Hangi Araçlar Kullanılmalıdır?</span></span><br />
<br />
SEO uyumlu makale yazarken site için kullanabilecek bazı araçlar şunlardır:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Google Analytics:</span> Web sitenizin trafiğini ve kullanıcı davranışlarını analiz ederek, içeriklerinizi optimize etmenize yardımcı olur.<br />
<br />
SEO uyumlu makale yazarken kullanabilecek bazı araçlar şunlardır:<br />
Google Consumer Barometer: Web sitenizin performansını izler ve arama sonuçlarında nasıl göründüğünü kontrol eder. Hataları tespit ederek sitenizin SEO performansını iyileştirmenize olanak tanır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Wordcounter:</span> Makale içerisindeki anahtar kelimelerin kaç kez geçtiğini sayan bir sayaçtır. Makale içerisinde anahtar kelimelerin olduğundan az veya olduğundan fazla kullanılması SEO için olumsuz bir etki yaratır. Bu nedenle makalede anahtar kelime yoğunluğunu belli bir seviyede tutabilmek için bu araç kullanılır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Rank math:</span> Rank Math, içeriğinizin SEO performansını değerlendirebilir, başlık, açıklama, URL, anahtar kelime, iç ve dış bağlantılar, görsel optimizasyonu gibi alanlarda size öneriler sunabilir ve hataları düzeltebilmenize yardımcı olabilir. Ayrıca, Rank Math, makalenizin kelime sayısını, okunabilirlik düzeyini ve sosyal medya paylaşımlarını da gösterebilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale Yazarken Dikkat Edilmesi Gereken Kurallar Nelerdir?</span></span><br />
<br />
SEO uyumlu makale yazmak, arama motorlarında daha iyi sıralamalar elde etmek ve potansiyel okuyuculara ulaşmak için önemlidir. Ancak, SEO uyumlu makale yazarken dikkat etmeniz gereken bazı temel kurallar bulunmaktadır. İşte bu kurallar:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Anahtar kelime araştırması yapın: </span>Makalenizin konusunu belirleyin ve hedef kitlenizin arama yaparken kullandığı anahtar kelimeleri belirleyin. Bu anahtar kelimeleri makalenizin başlık, giriş ve alt başlıklarında doğal bir şekilde kullanın. Ancak, anahtar kelime doldurmacılığından kaçının ve içeriğinizi anlamlı kılmaya odaklanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Özgün içerik oluşturun: </span>Makalenin size ait olup olmadığından emin olmanız gerekir. Kopya içerikten kaçının ve kendi fikirlerinizi, deneyimlerinizi veya araştırmalarınızı içeren özgün bir içerik sunun. Bu, okuyucularınızın ilgisini çekecek ve sitenizin otoritesini artıracaktır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi optimizasyona dikkat edin: </span>Makalenizin meta başlığı, meta açıklaması ve URL yapısını SEO kurallarına uygun şekilde optimize edin. Meta başlığı ve açıklaması, arama sonuçlarında görünen ve kullanıcıların ilgisini çekecek bilgiler içermelidir. URL yapısı ise kısa, açıklayıcı ve anahtar kelimeleri içermelidir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Alt başlıklar kullanın:</span> Makalenizi kolay okunabilir hale getirmek için alt başlıklar kullanın. Her bir alt başlık, makalenizin farklı bir bölümünü temsil etmeli ve anahtar kelimeleri içermelidir. Alt başlıkları doğru bir hiyerarşiyle işaretleyin (H1, H2, H3 gibi).<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Konuyla ilgili aramalara yer verin:</span> Makalenizde konuyla ilgili farklı aramalara da değinin ve kullanıcıların farklı arama terimleriyle sitenize ulaşmasını sağlayın. Bu, makalenin kapsamlı ve güncel olduğunu gösterir ve arama motorlarının ilgisini çeker.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi link oluşturun:</span> Makalenizde sitenizin diğer sayfalarına ve ilgili içeriklere link verin. Bu, sitenizin otoritesini artırır ve kullanıcıların sitenizde daha fazla vakit geçirmesini sağlar. Ancak, linkleri doğal ve alakalı bir şekilde kullanın ve aşırıya kaçmayın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">Anahtar Kelime Seçimi Nasıl Yapılır ve Nelere Dikkat Edilmelidir?</span></span><br />
<br />
SEO uyumlu içerik oluşturmak, web sitenizin arama motorlarında daha üst sıralarda yer almasını ve hedef kitlenize ulaşmasını sağlar. Ancak, SEO uyumlu makaleler yazarken dikkat etmeniz gereken temel kurallar bulunmaktadır. İşte bu kurallar:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Anahtar kelime araştırması yapın:</span> İçeriğinizin konusunu belirleyin ve hedef kitlenizin arama motorlarında kullandığı anahtar kelimeleri belirleyin. Bu anahtar kelimeleri makalenizin başlık, giriş ve alt başlıklarında doğal bir şekilde kullanın. Ancak, anahtar kelime doldurmacılığından kaçının ve içeriğinizi anlamlı kılmaya odaklanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Özgün içerik oluşturun:</span> İçeriğinizin tamamen size ait olduğundan emin olun. Kopya içeriği önleyin ve kendi düşüncelerinizi, deneyimlerinizi veya araştırmalarınızı içeren özgün bir içerik sunun. Bu, okuyucularınızın ilgisini çekecek ve sitenizin otoritesini artıracaktır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi optimizasyona dikkat edin: </span>İçeriğinizin meta başlık, meta açıklama ve URL yapısını SEO kurallarına uygun şekilde optimize edin. Meta başlık ve açıklama, arama sonuçlarında görünen ve kullanıcıları çeken bilgiler içermelidir. URL yapısı, kısa, açıklayıcı ve anahtar kelimeleri içermelidir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Alt başlıklar kullanın:</span> İçeriğinizi daha okunabilir hale getirmek için alt başlıklar kullanın. Her bir alt başlık, içeriğinizin farklı bir bölümünü temsil etmeli ve anahtar kelimeleri içermelidir. Alt başlıkları doğru bir hiyerarşiyle işaretleyin (H1, H2, H3 gibi).<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Konuyla ilgili aramalara yer verin: </span>İçeriğinizde konuyla ilgili farklı aramalara da değinin ve kullanıcıların farklı arama terimleriyle sitenize ulaşmasını sağlayın. Bu, içeriğinizin kapsamlı ve güncel olduğunu gösterir ve arama motorlarının ilgisini çeker.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Site içi link oluşturun: </span>İçeriğinizde sitenizin diğer sayfalarına ve ilgili içeriklere link verin. Bu, sitenizin otoritesini artırır ve kullanıcıların sitenizde daha fazla vakit geçirmesini sağlar. Ancak, linkleri doğal ve ilgili bir şekilde kullanın ve abartıya kaçmayın<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369b;" class="mycode_color">SEO Uyumlu Makale İçin İçerik Kalitesi ve Özgünlüğü Nasıl Sağlanır?</span></span><br />
<br />
SEO uyumlu bir makale için içerik kalitesi ve özgünlüğü sağlamak için aşağıdaki adımları takip edebilirsiniz:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Anahtar kelime araştırması yapın:</span> Konunuzu belirleyerek anahtar kelime araştırması yapın ve hedef kitlenizin arama yaptığı terimleri belirleyin. Bu anahtar kelimeleri makalenizin başlığı, girişi ve içeriğinde dengeli bir şekilde kullanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Rakip içerikleri analiz edin: </span>Benzer konularda üst sıralarda yer alan rakip içerikleri inceleyerek ne tür bir içeriğin ilgi çekici olduğunu ve hangi konuların eksik olduğunu belirleyin. Bu analizden elde ettiğiniz bilgileri kendi içeriğinizde kullanarak fark yaratın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Başlık ve alt başlıkları belirleyin: </span>Başlık, anahtar kelimenizi içermeli ve okuyucunun ilgisini çekecek şekilde kısa ve öz olmalıdır. Alt başlıklarınızı belirleyerek makalenizin yapılanmasını sağlayın ve her bir alt başlık altında konuya odaklanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Konuyla ilgili araştırmalar yapın: </span>Konunuzla ilgili güvenilir kaynaklardan bilgi toplayarak makalenizin içeriğini destekleyin. İstatistikler, örnekler, alıntılar ve grafikler gibi verileri kullanarak içeriğinizi zenginleştirin.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">İçeriği planlayın ve yazmaya başlayın: </span>Makalenizin giriş, gelişme ve sonuç bölümlerini planlayarak içeriği oluşturmaya başlayın. Her bölümü açık ve anlaşılır bir şekilde yazın ve anahtar kelimeleri doğal bir şekilde kullanın.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Dahili bağlantılar ekleyin: </span>Makalenizdeki önemli konulara veya ilgili içeriklere dahili bağlantılar ekleyerek kullanıcıların sitenizde daha fazla vakit geçirmesini sağlayın. Bu aynı zamanda SEO performansınızı da artırabilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Makalenizi gözden geçirin:</span> Yazım ve noktalama hatalarını düzeltmek için makalenizi birkaç kez gözden geçirin ve gerekirse içeriğinizi yeniden düzenleyin.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="color: #00369B;" class="mycode_color">İçerikte Görsel, Video ve Sesli Dosya Kullanmanın Önemi Nedir?​</span></span><br />
<br />
İçerik üretiminde görsel, video ve sesli dosyaların kullanımının önemi oldukça büyüktür. Bu unsurlar, içeriğin daha çekici, anlaşılır ve etkileyici olmasını sağlar. İnsanlar görsel ve işitsel öğelerle daha kolay iletişim kurar ve daha uzun süre hatırlarlar. Dolayısıyla, içeriğinizde bu tür dosyaları kullanarak, hedef kitlenize daha etkili bir şekilde ulaşabilir, mesajınızı daha net bir şekilde aktarabilir ve marka bilinirliğinizi artırabilirsiniz.<br />
<br />
Görsel dosyaların tercih edilecek formatı genellikle .jpeg veya .png'dir. .jpeg formatı sıkıştırılmış bir formattır ve dosya boyutunu küçültürken, .png formatı kayıpsız sıkıştırma sağlar ve şeffaflık özelliğine sahiptir. Ayrıca, Photoshop ile çalışıyorsanız .psd formatını kullanabilirsiniz.<br />
<br />
Video dosyaları için ise .mp4 formatı en yaygın tercih edilendir. Bu format yüksek kaliteyi korurken dosya boyutunu küçültür ve geniş bir cihaz ve platform desteğine sahiptir. Ancak, video kalitesinden daha fazla tasarruf etmek istiyorsanız .webm formatını değerlendirebilirsiniz. Ayrıca, .mkv formatı ek özellikler içeren videolar için ideal bir seçenektir.<br />
<br />
Ses dosyaları için genellikle .mp3 formatı kullanılır çünkü sıkıştırılmış bir formattır ve dosya boyutunu küçültür. Ancak, ses kalitesinden ödün vermek istemeyenler için .wav veya .flac gibi kayıpsız sıkıştırma sağlayan formatlar tercih edilebilir.<br /><!-- start: postbit_attachments_attachment -->
<!-- start: attachment_icon -->
<img src="https://gidenler.me/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=877" target="_blank" title="seo-nedir.png">seo-nedir.png</a>
<img src="/images/v2/link_icon.png" alt="link" height="10" width="10" /> (Dosya Boyutu: 95.01 KB / İndirme Sayısı: 34)
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ücretsiz Forum Sitesi Oluşturabileceğiniz Siteler]]></title>
			<link>https://gidenler.me/thread-435.html</link>
			<pubDate>Sat, 15 Mar 2025 17:25:49 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-435.html</guid>
			<description><![CDATA[Herkesin bir web sitesi sahibi olma, içerik oluşturma ve yönetme hayali vardır. Bunu tetikleyen bir web sitesinde vakit geçirdiyse onu gibi kendi ortamını oluşturabilmek ya da o sitenin yapsında gördüğü eksikleri giderebilecek yeni bir site inşa etmek. <br />
<br />
Tabi büyük bir forum sitesi oluşturmadan önce yapısını anlamak, yönetim panelini ve işleyişini öğrenmek için bu tarz bir forum sitesinde deneyim kazanmanızda fayda var. İşte aşağıdaki forum dağıtıcılarından bunu deneyimleyebilirsiniz:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">1.</span> Son dönemin en popüler, yenilikçi ve ücretsiz forum sistemi. Diğer forum sistemlerinde olan bazı işlevler bu sistemde ücretsiz. Eğer forum sitesi, soru cevap sitesi, herhangi bir uygulama geliştirme sitesi oluşturulacaksa bu sistem tavsiyemdir. Bunu ücretsiz olarak oluşturum deneyim kazanacağınız ücretsiz olarak site sahibi olacağınız bağlantı: <a href="https://freeflarum.com/" target="_blank" rel="noopener" class="mycode_url">https://freeflarum.com/</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">2.</span> Kendine özgü bir forum sistemi olan ve bu haliyle xenForo ve vBulletin gibi forum scriptlerine benzerliğiyle dikkat çeken proBoard ile tanıştırayım. Türkçe dil desteğini göremedim ama bir forum sitesine sahip olan ve aradıklarını bulmak isteyen için bulunmaz veli nimettir. Foruma sahip olmak isteyen için işte bağlantı: <a href="https://www.proboards.com/create-free-forum" target="_blank" rel="noopener" class="mycode_url">https://www.proboards.com/create-free-forum</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">3.</span> SMF forum sistemini biliyor musunuz? Eğer biliyorsanız ve SMF'i canlı kanlı kullanmak istiyorsanız sizi Create a forum ile sizi tanıştırayım. SMF'in en saf haliyle size site oluşturuyor. Türkçe dil desteği var ancak bunu size 25 dolar fiyatla sunuyor. Kullanımı kolay: <a href="https://www.createaforum.com/free-forum.php" target="_blank" rel="noopener" class="mycode_url">https://www.createaforum.com/free-forum.php</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">4.</span> Bir forum sitem olsun. Basit bir yapısı olsun beni yormasın, diyeceğimizi diyelim söyleyeceğimizi söyleyelim yeter derseniz sizi MyWebForum tam size göre. Kurulumu ve kendisi olay bir site için işte link: <a href="https://mywebforum.com" target="_blank" rel="noopener" class="mycode_url">https://mywebforum.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">5.</span> PunBB forum sistemini duydunuz mu? Bir dönemin en popüler forum sistemiydi. İşte bu sisteme ulaşıp forum ücretsiz forum sahibi olmak istiyorsanız buyrun: <a href="https://boardhost.com" target="_blank" rel="noopener" class="mycode_url">https://boardhost.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">6.</span> Bir dönemin en popüler ve ücretsiz forum sistemi olup sürekli vBulletin ile davalık olan ve vBulletin'in önemli özelliklerini ücretsiz olarak kullanıcılarına sunan MyBB forum sisteminde merhaba deyin. Son dönemde fazla bir kitlesi olmayan bu güzel sistemde siteniz olsun istiyorsanız linki bırakıyorum: <a href="https://www.createmybb.com" target="_blank" rel="noopener" class="mycode_url">https://www.createmybb.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">7.</span> Bir dönem Türkiye'de forum sitesi oluşturmak isteyip hemen herkesin aklına gelen YetkinForum'u bir hatırlatayım. phpBB alt yapısı ile sizlere benzersiz bir forum sunuyor. Şablonları açarak sizlere özelleştirme sunan bu sitede Türkçe dil desteği var ancak destek forumu türkçe değil. Forum oluşturmak isteyenler buyursunlar: <a href="https://yetkinforum.com" target="_blank" rel="noopener" class="mycode_url">https://yetkinforum.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">8.</span> Yine Türkiye'de hizmet veren ve MyBB forum sistemini sizlere sunan yerli ve milli forum dağıtıcı 10tl.com'a merhaba deyin. MyBB'yi tanıttım bunu ücretsiz sunan bu siteye vericeğim linkten ulaşabilirsiniz: <a href="https://10tl.com" target="_blank" rel="noopener" class="mycode_url">https://10tl.com</a><br />
<br />
<span style="font-style: italic;" class="mycode_i">Son güncelleme: 15.03.2025</span>]]></description>
			<content:encoded><![CDATA[Herkesin bir web sitesi sahibi olma, içerik oluşturma ve yönetme hayali vardır. Bunu tetikleyen bir web sitesinde vakit geçirdiyse onu gibi kendi ortamını oluşturabilmek ya da o sitenin yapsında gördüğü eksikleri giderebilecek yeni bir site inşa etmek. <br />
<br />
Tabi büyük bir forum sitesi oluşturmadan önce yapısını anlamak, yönetim panelini ve işleyişini öğrenmek için bu tarz bir forum sitesinde deneyim kazanmanızda fayda var. İşte aşağıdaki forum dağıtıcılarından bunu deneyimleyebilirsiniz:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">1.</span> Son dönemin en popüler, yenilikçi ve ücretsiz forum sistemi. Diğer forum sistemlerinde olan bazı işlevler bu sistemde ücretsiz. Eğer forum sitesi, soru cevap sitesi, herhangi bir uygulama geliştirme sitesi oluşturulacaksa bu sistem tavsiyemdir. Bunu ücretsiz olarak oluşturum deneyim kazanacağınız ücretsiz olarak site sahibi olacağınız bağlantı: <a href="https://freeflarum.com/" target="_blank" rel="noopener" class="mycode_url">https://freeflarum.com/</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">2.</span> Kendine özgü bir forum sistemi olan ve bu haliyle xenForo ve vBulletin gibi forum scriptlerine benzerliğiyle dikkat çeken proBoard ile tanıştırayım. Türkçe dil desteğini göremedim ama bir forum sitesine sahip olan ve aradıklarını bulmak isteyen için bulunmaz veli nimettir. Foruma sahip olmak isteyen için işte bağlantı: <a href="https://www.proboards.com/create-free-forum" target="_blank" rel="noopener" class="mycode_url">https://www.proboards.com/create-free-forum</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">3.</span> SMF forum sistemini biliyor musunuz? Eğer biliyorsanız ve SMF'i canlı kanlı kullanmak istiyorsanız sizi Create a forum ile sizi tanıştırayım. SMF'in en saf haliyle size site oluşturuyor. Türkçe dil desteği var ancak bunu size 25 dolar fiyatla sunuyor. Kullanımı kolay: <a href="https://www.createaforum.com/free-forum.php" target="_blank" rel="noopener" class="mycode_url">https://www.createaforum.com/free-forum.php</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">4.</span> Bir forum sitem olsun. Basit bir yapısı olsun beni yormasın, diyeceğimizi diyelim söyleyeceğimizi söyleyelim yeter derseniz sizi MyWebForum tam size göre. Kurulumu ve kendisi olay bir site için işte link: <a href="https://mywebforum.com" target="_blank" rel="noopener" class="mycode_url">https://mywebforum.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">5.</span> PunBB forum sistemini duydunuz mu? Bir dönemin en popüler forum sistemiydi. İşte bu sisteme ulaşıp forum ücretsiz forum sahibi olmak istiyorsanız buyrun: <a href="https://boardhost.com" target="_blank" rel="noopener" class="mycode_url">https://boardhost.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">6.</span> Bir dönemin en popüler ve ücretsiz forum sistemi olup sürekli vBulletin ile davalık olan ve vBulletin'in önemli özelliklerini ücretsiz olarak kullanıcılarına sunan MyBB forum sisteminde merhaba deyin. Son dönemde fazla bir kitlesi olmayan bu güzel sistemde siteniz olsun istiyorsanız linki bırakıyorum: <a href="https://www.createmybb.com" target="_blank" rel="noopener" class="mycode_url">https://www.createmybb.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">7.</span> Bir dönem Türkiye'de forum sitesi oluşturmak isteyip hemen herkesin aklına gelen YetkinForum'u bir hatırlatayım. phpBB alt yapısı ile sizlere benzersiz bir forum sunuyor. Şablonları açarak sizlere özelleştirme sunan bu sitede Türkçe dil desteği var ancak destek forumu türkçe değil. Forum oluşturmak isteyenler buyursunlar: <a href="https://yetkinforum.com" target="_blank" rel="noopener" class="mycode_url">https://yetkinforum.com</a><br />
<br />
<span style="font-weight: bold;" class="mycode_b">8.</span> Yine Türkiye'de hizmet veren ve MyBB forum sistemini sizlere sunan yerli ve milli forum dağıtıcı 10tl.com'a merhaba deyin. MyBB'yi tanıttım bunu ücretsiz sunan bu siteye vericeğim linkten ulaşabilirsiniz: <a href="https://10tl.com" target="_blank" rel="noopener" class="mycode_url">https://10tl.com</a><br />
<br />
<span style="font-style: italic;" class="mycode_i">Son güncelleme: 15.03.2025</span>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[3 adımda Google'dan Backlink Almak]]></title>
			<link>https://gidenler.me/thread-404.html</link>
			<pubDate>Wed, 12 Mar 2025 09:50:12 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-404.html</guid>
			<description><![CDATA[<span style="font-weight: bold;" class="mycode_b">1. </span><a href="https://groups.google.com" target="_blank" rel="noopener" class="mycode_url">Google Groups</a>'dan yeni grup oluşturun.<br />
<span style="font-weight: bold;" class="mycode_b">2. </span>Grup iletisinde site linkinizi veya içerik linkinizi paylaşın.<br />
<span style="font-weight: bold;" class="mycode_b">3. </span>Google News kayıtlı hızlı index alan sitelerden oluşturduğunuz içeriğin linkine backlink alın.<br />
<br />
<div><span style="background-color: #ffcc66;">&nbsp;&nbsp;<b><span style="color: maroon;">Bkz: </span></b><b>Google groups: <a href="https://groups.google.com/" target="_blank" rel="noopener" class="mycode_url">https://groups.google.com/</a></b>&nbsp;&nbsp;<img alt="URL'ye Git" src="admin/styles/default/images/icons/logout.png" /></span></div>
<br />
İşlem <a href="https://gidenler.me/showthread.php?tid=405" target="_blank" rel="noopener" class="mycode_url">Google search console </a>üzerinden gözükür.]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;" class="mycode_b">1. </span><a href="https://groups.google.com" target="_blank" rel="noopener" class="mycode_url">Google Groups</a>'dan yeni grup oluşturun.<br />
<span style="font-weight: bold;" class="mycode_b">2. </span>Grup iletisinde site linkinizi veya içerik linkinizi paylaşın.<br />
<span style="font-weight: bold;" class="mycode_b">3. </span>Google News kayıtlı hızlı index alan sitelerden oluşturduğunuz içeriğin linkine backlink alın.<br />
<br />
<div><span style="background-color: #ffcc66;">&nbsp;&nbsp;<b><span style="color: maroon;">Bkz: </span></b><b>Google groups: <a href="https://groups.google.com/" target="_blank" rel="noopener" class="mycode_url">https://groups.google.com/</a></b>&nbsp;&nbsp;<img alt="URL'ye Git" src="admin/styles/default/images/icons/logout.png" /></span></div>
<br />
İşlem <a href="https://gidenler.me/showthread.php?tid=405" target="_blank" rel="noopener" class="mycode_url">Google search console </a>üzerinden gözükür.]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[HTML Mouse resmin üzerine geldiğinde ses oynatma]]></title>
			<link>https://gidenler.me/thread-400.html</link>
			<pubDate>Mon, 10 Mar 2025 13:34:21 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-400.html</guid>
			<description><![CDATA[Aklımı kurcalayan bir soruydu eski sitemde bunu yapmak için bakmadığım kod kalmamıştır. Hazır aklıma gelmişken sizinlede paylaşayım dedim.<br />
<br />
Amaç sayfada belirli yerde müzik çalmak. Bunun button olanı var bana saçma geliyor yazı veya resim daha iyi. Ben bunu logo da kullanmıştım. Millet logoya gelince "OOhh yeeeaahh" diyordu. Siz kendinize göre sentezleyebilirsiniz. Ancak unutmayınız ki HTML sayfasında fare bir öğenin üzerine geldiğinde ses çalmak için sadece HTML kodu değil bunun bağlı olduğu JavaScript kodu kullanmamız da gerekmektedir. Vereceğim kodlar bir bütün hatalı bir şey olursa kodlar çalışmaz.<br />
<br />
Peki bunu nasıl yapacağız:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">1.adım</span><br />
<br />
Öncelikle, çalmak istediğiniz ses dosyasını HTML belgenize eklemeniz gerekir. Bunu <span style="font-weight: bold;" class="mycode_b">&lt;audio&gt;</span> etiketiyle yapabilirsiniz.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio id="sesCal" src="calacak.mp3"&gt;&lt;/audio&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">2.adım</span><br />
<br />
Hangi resimde alacaksa onu ayarlayacağız. Bunun için resme kimlik vermemiz gerekecek yani "id" ekleyeceğiz.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;img id="resimMouse" src="resminiz.jpg" alt="Resminiz"&gt;</code></div></div><br />
Kodların son hali:<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;img id="resimMouse" src="resminiz.jpg" alt="Resminiz"&gt;<br />
&lt;audio id="sesCal" src="calacak.mp3"&gt;&lt;/audio&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">3.adım</span><br />
HTML kodları yazdığımıza göre artık tek bir işlem kaldı bunu oynatmak için gerekli olan javascript kodu:<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>script&gt;<br />
&nbsp;&nbsp;var resimMouse = document.getElementById("resimMouse");<br />
&nbsp;&nbsp;var sesCal = document.getElementById("sesCal");<br />
<br />
&nbsp;&nbsp;resimMouse.addEventListener("mouseover", function() {<br />
&nbsp;&nbsp;&nbsp;&nbsp;sesCal.play();<br />
&nbsp;&nbsp;});<br />
&lt;/script&gt;</code></div></div><br />
işlem bu kadar <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" />]]></description>
			<content:encoded><![CDATA[Aklımı kurcalayan bir soruydu eski sitemde bunu yapmak için bakmadığım kod kalmamıştır. Hazır aklıma gelmişken sizinlede paylaşayım dedim.<br />
<br />
Amaç sayfada belirli yerde müzik çalmak. Bunun button olanı var bana saçma geliyor yazı veya resim daha iyi. Ben bunu logo da kullanmıştım. Millet logoya gelince "OOhh yeeeaahh" diyordu. Siz kendinize göre sentezleyebilirsiniz. Ancak unutmayınız ki HTML sayfasında fare bir öğenin üzerine geldiğinde ses çalmak için sadece HTML kodu değil bunun bağlı olduğu JavaScript kodu kullanmamız da gerekmektedir. Vereceğim kodlar bir bütün hatalı bir şey olursa kodlar çalışmaz.<br />
<br />
Peki bunu nasıl yapacağız:<br />
<br />
<span style="font-weight: bold;" class="mycode_b">1.adım</span><br />
<br />
Öncelikle, çalmak istediğiniz ses dosyasını HTML belgenize eklemeniz gerekir. Bunu <span style="font-weight: bold;" class="mycode_b">&lt;audio&gt;</span> etiketiyle yapabilirsiniz.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio id="sesCal" src="calacak.mp3"&gt;&lt;/audio&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">2.adım</span><br />
<br />
Hangi resimde alacaksa onu ayarlayacağız. Bunun için resme kimlik vermemiz gerekecek yani "id" ekleyeceğiz.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;img id="resimMouse" src="resminiz.jpg" alt="Resminiz"&gt;</code></div></div><br />
Kodların son hali:<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;img id="resimMouse" src="resminiz.jpg" alt="Resminiz"&gt;<br />
&lt;audio id="sesCal" src="calacak.mp3"&gt;&lt;/audio&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">3.adım</span><br />
HTML kodları yazdığımıza göre artık tek bir işlem kaldı bunu oynatmak için gerekli olan javascript kodu:<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>script&gt;<br />
&nbsp;&nbsp;var resimMouse = document.getElementById("resimMouse");<br />
&nbsp;&nbsp;var sesCal = document.getElementById("sesCal");<br />
<br />
&nbsp;&nbsp;resimMouse.addEventListener("mouseover", function() {<br />
&nbsp;&nbsp;&nbsp;&nbsp;sesCal.play();<br />
&nbsp;&nbsp;});<br />
&lt;/script&gt;</code></div></div><br />
işlem bu kadar <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" />]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[HTTP 500 Internal Server Error]]></title>
			<link>https://gidenler.me/thread-358.html</link>
			<pubDate>Sun, 23 Feb 2025 16:52:14 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-358.html</guid>
			<description><![CDATA[HTTP 500 Internal Server Error (500 İç Sunucu Hatası), sunucu tarafındaki sorunlardan kaynaklanan genel bir hata mesajıdır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Bu hatayı çözmek için aşağıdaki adımlar izlenebilir:</span><br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Sayfayı yenileyin:</span> Geçici bir bağlantı sorunu veya sunucu kesintisi nedeniyle hata oluşmuş olabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Tarayıcı önbelleğini ve çerezleri temizleyin:</span> Expiry veya bozuk önbellek dosyaları hataya yol açabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Farklı bir ağ veya tarayıcı kullanın:</span> Ağ bağlantısında bir sorun olup olmadığını kontrol edin.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">WordPress kullanıcıları için:</span> Eklentileri ve temaları devre dışı bırakın veya güncelleyin, wp-config.php dosyasındaki veritabanı bağlantı bilgilerini kontrol edin. <br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Sunucu günlüklerini inceleyin:</span> Hata günlüğünde sorunun kaynağı hakkında ipuçları olabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hosting sağlayıcısına başvurun: </span>Sunucu ile ilgili bir sorun varsa, destek ekibi yardımcı olabilir.</li>
</ul>
<br />
Bu adımlar sorunu çözmezse, daha karmaşık yapılandırma ayarları için bir uzmana danışılması önerilir.]]></description>
			<content:encoded><![CDATA[HTTP 500 Internal Server Error (500 İç Sunucu Hatası), sunucu tarafındaki sorunlardan kaynaklanan genel bir hata mesajıdır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Bu hatayı çözmek için aşağıdaki adımlar izlenebilir:</span><br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">Sayfayı yenileyin:</span> Geçici bir bağlantı sorunu veya sunucu kesintisi nedeniyle hata oluşmuş olabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Tarayıcı önbelleğini ve çerezleri temizleyin:</span> Expiry veya bozuk önbellek dosyaları hataya yol açabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Farklı bir ağ veya tarayıcı kullanın:</span> Ağ bağlantısında bir sorun olup olmadığını kontrol edin.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">WordPress kullanıcıları için:</span> Eklentileri ve temaları devre dışı bırakın veya güncelleyin, wp-config.php dosyasındaki veritabanı bağlantı bilgilerini kontrol edin. <br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Sunucu günlüklerini inceleyin:</span> Hata günlüğünde sorunun kaynağı hakkında ipuçları olabilir.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hosting sağlayıcısına başvurun: </span>Sunucu ile ilgili bir sorun varsa, destek ekibi yardımcı olabilir.</li>
</ul>
<br />
Bu adımlar sorunu çözmezse, daha karmaşık yapılandırma ayarları için bir uzmana danışılması önerilir.]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[HTML Müzik Ekleme]]></title>
			<link>https://gidenler.me/thread-325.html</link>
			<pubDate>Sun, 21 Jul 2024 17:29:25 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-325.html</guid>
			<description><![CDATA[Web sitemizi veya HTMLdökümanımızı zenginleştirirken, html ile çeşitli eklemeler yapabilmekteyiz. Önceki yazımızda siteye nasıl video eklenir onu göstermiştik, bu sefer de aynı mantığa yakın bir şekilde müzik ekleme konusuna değineceğiz.<br />
<br />
Müzik eklerken audio tagı ile eklemekteyiz. Ardından src ile müziğin dosya konumu veya .mp3 uzantılı adresini yazıyoruz.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>HTML Müzik ekleme kodu</b></span></div>
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;source src="müzik adresi"&gt;<br />
 &lt;/audio&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">Müzik eklerken bilmeniz gerekenler</span><br />
<br />
Müzik oynatıcısının; oynatma durdurma gibi düğmelerin bulunması için “controls” etiketini eklememiz gerekmektedir. Müzik eklerken, audio ve controls etiketleri birlikte kullanılmaktadır.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls&gt;</code></div></div><br />
Müziği eklediğimiz sayfada, sayfaya girer girmez otomatik olarak başlaması için “autoplay” etiketini eklememiz gerekmektedir. Bunu otomatik oynatma şeklinde ifade edebiliriz.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls autoplay&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;source src="müzik adresi"&gt;<br />
 &lt;/audio&gt;</code></div></div><br />
Müziğin bittikten sonra sonsuz bir döngü içerisinde tekrar etmesini sağlayabiliriz. Bunun için “loop” etiketini kullanmalıyız.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls loop&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;source src="müzik adresi"&gt;<br />
 &lt;/audio&gt;</code></div></div>]]></description>
			<content:encoded><![CDATA[Web sitemizi veya HTMLdökümanımızı zenginleştirirken, html ile çeşitli eklemeler yapabilmekteyiz. Önceki yazımızda siteye nasıl video eklenir onu göstermiştik, bu sefer de aynı mantığa yakın bir şekilde müzik ekleme konusuna değineceğiz.<br />
<br />
Müzik eklerken audio tagı ile eklemekteyiz. Ardından src ile müziğin dosya konumu veya .mp3 uzantılı adresini yazıyoruz.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>HTML Müzik ekleme kodu</b></span></div>
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;source src="müzik adresi"&gt;<br />
 &lt;/audio&gt;</code></div></div><br />
<span style="font-weight: bold;" class="mycode_b">Müzik eklerken bilmeniz gerekenler</span><br />
<br />
Müzik oynatıcısının; oynatma durdurma gibi düğmelerin bulunması için “controls” etiketini eklememiz gerekmektedir. Müzik eklerken, audio ve controls etiketleri birlikte kullanılmaktadır.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls&gt;</code></div></div><br />
Müziği eklediğimiz sayfada, sayfaya girer girmez otomatik olarak başlaması için “autoplay” etiketini eklememiz gerekmektedir. Bunu otomatik oynatma şeklinde ifade edebiliriz.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls autoplay&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;source src="müzik adresi"&gt;<br />
 &lt;/audio&gt;</code></div></div><br />
Müziğin bittikten sonra sonsuz bir döngü içerisinde tekrar etmesini sağlayabiliriz. Bunun için “loop” etiketini kullanmalıyız.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;audio controls loop&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;source src="müzik adresi"&gt;<br />
 &lt;/audio&gt;</code></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[HTML Sayfa İçi Bağlantılar]]></title>
			<link>https://gidenler.me/thread-298.html</link>
			<pubDate>Tue, 02 Jul 2024 16:55:44 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-298.html</guid>
			<description><![CDATA[Sayfa içi bağlantıların diğer bir adı çapa'dır. Bu bağlantılar uzun metinlerin bulunduğu sayfalarda konu ile alakalı bir bağlantıya tıklandığında aynı sayfanın belirlenen bölümüne gitmek için kullanılmaktadır. <br />
<br />
Çapa oluşturma işlemi için a etiketini iki farklı yöntemde kullanmamız gerekmektedir.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;a href="#isim"&gt; Metin Adı &lt;/a&gt;<br />
<br />
.<br />
.<br />
.<br />
<br />
&lt;a name="isim"&gt; Tıklandığında Karşımıza Gelecek Metin &lt;/a&gt;</code></div></div>]]></description>
			<content:encoded><![CDATA[Sayfa içi bağlantıların diğer bir adı çapa'dır. Bu bağlantılar uzun metinlerin bulunduğu sayfalarda konu ile alakalı bir bağlantıya tıklandığında aynı sayfanın belirlenen bölümüne gitmek için kullanılmaktadır. <br />
<br />
Çapa oluşturma işlemi için a etiketini iki farklı yöntemde kullanmamız gerekmektedir.<br />
<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>&lt;a href="#isim"&gt; Metin Adı &lt;/a&gt;<br />
<br />
.<br />
.<br />
.<br />
<br />
&lt;a name="isim"&gt; Tıklandığında Karşımıza Gelecek Metin &lt;/a&gt;</code></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Nedir bu Pointer? C dilinde pointer]]></title>
			<link>https://gidenler.me/thread-130.html</link>
			<pubDate>Tue, 09 Apr 2024 08:43:37 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://gidenler.me/member.php?action=profile&uid=2">Hasan</a>]]></dc:creator>
			<guid isPermaLink="false">https://gidenler.me/thread-130.html</guid>
			<description><![CDATA[<div class="baslik_bbcode"><span style="font-size: 15px"><b>1.Nedir bu Pointer?</b></span></div>
Evet, Herkese merhabalar Arkadaşlar yeni bir seriye başlıyorum."Nedir bu?" serisine bugün itibariyle başlıyorum.Konumuz "Pointer".Çoğu öğrencinin anlamada zorluk çektiği konunun aslında o kadar zor olmadığını inşaallah anlatmaya çalışacağım .Şimdi "Nedir bu Pointer?"sorusuyla başlayalım.<br />
-&gt;Pointer başka bir değişkenin bellekteki adreni işaret eden bir değişkendir.Yani (işaretci,gösterici)diyebiliriz.<br />
-&gt;İşaretçi değişken bildiriminin genel biçimi şöyledir = type *var_name; Type burada int,double.. olabilir.<br />
-&gt;Önceden tanımladığımız değeri kullanıcıdan almak için scanf() fonksiyonunu kullanıyorduk.Burada kullanıcıdan değer almak için &amp; karakterini kullanıyorduk.Pointerların değerleride bellek adresleri olduğu için * ve &amp; karakterleri birbirinin tümleyeni olarak işlev görürler.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2.Peki işaretçiyi nasıl kullanırız?</b></span></div>
1.adım:Bir işaretçi değişkeni tanımlanır.<br />
2.adım:Bir değişkenin adresini bir işaretçiye atarız.<br />
3.adım:Son adımda işaretçi değişkeninde bulunan adresteki değere ulaşırız.<br />
<br />
Örnek olarak:<br />
<br />
int x = 77; //Burada arkadaşlar int tipinden x değişkenimizi tanımladık.<br />
int *p; //Burada da bir adresi gösterecek olan p pointer değişkenini tanımladık.<br />
*p=&amp;x; //p pointer değişkenine x değişkenin adresi atıyor.<br />
<br />
Böylece p pointer'i x'in adresini işaret ediyor , oadrestede 77 değeri vardır.<br />
Buna göre:<br />
<br />
p = &amp;x;<br />
*p=x;<br />
<br />
atamaları birbirine denk olduğunu görmüş olduk.<br />
<br />
Şimdi mini bir program yazalım.<br />
<br />
`#include &lt;stdio.h&gt;<br />
<br />
int main () {<br />
<br />
int gelir= 20; // gelir adlı değişken tanımladık<br />
int *varptr; //varptr adlı değişken tanımladık<br />
<br />
varptr= &amp;gelir; //var adresini işaretçi değişkeninde sakladık.Ptr neden kullandığımı sonra aşağıda açıklayacağım.<br />
printf("Address of gelir variable: %x\n", &amp;gelir); //<br />
printf("Address stored in varptr variable: %x\n", varptr); //İşaretçi değişkeninde saklanan adresi bastırdık konsola.<br />
printf("Value of *varptr variable: %d\n", *varptr); //İşaretçi kullanarak değerimize eriştik ve bastırdık.<br />
<br />
return 0;<br />
}`<br />
-&gt;Pointer bildiriminde,değişken adının sonuna ptr ekledik.Bunu yapmak zorunda değilsiniz.ptr eklemimizin sebebi , kaynak programı okuyan kişi pointer değişkenini kolay algılaması içindir.Size tavsiyem zorunlu olmayan bu işi alışkanlık edinmek yararlıdır.Bazı derleyiciler (*) karakterini veri tipinin sağına konulmasını da kabul eder.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3.NULL Pointer</b></span></div>
-&gt;Türkçede boş,hiç anlamlarına gelir.NULL,stdio.h kütüphanesinde tanımlı sembolik bir sabittir.Bu sabiti biz bir pointerın atanacak tam bir adresi yoksa , bir işaretçi değişkenine NULL değeri atamak her zaman faydalıdır.Çünkü Pointer çöp(garbage) toplar.Bu yüzden bellekte herhangi bir değer alabilir.Bu da bize istenmeyen sonuç doğurabilir.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4.Pointer Kullanımın Yararları</b></span></div>
1.Pointerlar ,doğrudan adreseleri gösterdiği için ,programların yürütme süresi kısalır.<br />
2.Dinamik adres yönetimini sağlar.<br />
3.Arrayler ve veri tabloları üzerinde işlemler daha kolay hale getirir.<br />
4.Pointerlar,bağlı listeler,kuyruklar,yığıtlar(stacks) ve grafikler gibi yapılarda işlem yapmayı kolaylaştırır.<br />
5.Pointerlar,dönüş anahtar sözcüğü kullanmadan kullanıcı tanımlı bir işlevden birden çok değer döndürmenin bir yolunu sağlar.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5.Öneri Pointer Oynatma Listesi</b></span></div>
-&gt;Arkadaşlar öneri konu videosu olarak Neso Academy kanalının Arrays &amp; Pointers in C oynatma listesini önerebilirim.Pointer için 102. videodan itabaren izleyebilirsiniz.<br />
<br />
--<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" />Evet bir konunun daha sonuna geldik.Umarım faydalı olmuştur <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" /> .Beni sosyal medya hesaplarımda n takip edebilirsiniz.Serinin bir sonraki konusunda beraber olmak üzere hoşçakalın.<br />
<br />
<div><span style="background-color: #ffcc66;">&nbsp;&nbsp;<b><span style="color: maroon;">Bkz: </span></b><b><a href="https://yazilimtoplulugu.com/blog/4324-nedir-bu-pointer-c-dilinde-pointer" target="_blank" rel="noopener" class="mycode_url">Alıntıdır</a></b>&nbsp;&nbsp;<img alt="URL'ye Git" src="admin/styles/default/images/icons/logout.png" /></span></div>]]></description>
			<content:encoded><![CDATA[<div class="baslik_bbcode"><span style="font-size: 15px"><b>1.Nedir bu Pointer?</b></span></div>
Evet, Herkese merhabalar Arkadaşlar yeni bir seriye başlıyorum."Nedir bu?" serisine bugün itibariyle başlıyorum.Konumuz "Pointer".Çoğu öğrencinin anlamada zorluk çektiği konunun aslında o kadar zor olmadığını inşaallah anlatmaya çalışacağım .Şimdi "Nedir bu Pointer?"sorusuyla başlayalım.<br />
-&gt;Pointer başka bir değişkenin bellekteki adreni işaret eden bir değişkendir.Yani (işaretci,gösterici)diyebiliriz.<br />
-&gt;İşaretçi değişken bildiriminin genel biçimi şöyledir = type *var_name; Type burada int,double.. olabilir.<br />
-&gt;Önceden tanımladığımız değeri kullanıcıdan almak için scanf() fonksiyonunu kullanıyorduk.Burada kullanıcıdan değer almak için &amp; karakterini kullanıyorduk.Pointerların değerleride bellek adresleri olduğu için * ve &amp; karakterleri birbirinin tümleyeni olarak işlev görürler.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2.Peki işaretçiyi nasıl kullanırız?</b></span></div>
1.adım:Bir işaretçi değişkeni tanımlanır.<br />
2.adım:Bir değişkenin adresini bir işaretçiye atarız.<br />
3.adım:Son adımda işaretçi değişkeninde bulunan adresteki değere ulaşırız.<br />
<br />
Örnek olarak:<br />
<br />
int x = 77; //Burada arkadaşlar int tipinden x değişkenimizi tanımladık.<br />
int *p; //Burada da bir adresi gösterecek olan p pointer değişkenini tanımladık.<br />
*p=&amp;x; //p pointer değişkenine x değişkenin adresi atıyor.<br />
<br />
Böylece p pointer'i x'in adresini işaret ediyor , oadrestede 77 değeri vardır.<br />
Buna göre:<br />
<br />
p = &amp;x;<br />
*p=x;<br />
<br />
atamaları birbirine denk olduğunu görmüş olduk.<br />
<br />
Şimdi mini bir program yazalım.<br />
<br />
`#include &lt;stdio.h&gt;<br />
<br />
int main () {<br />
<br />
int gelir= 20; // gelir adlı değişken tanımladık<br />
int *varptr; //varptr adlı değişken tanımladık<br />
<br />
varptr= &amp;gelir; //var adresini işaretçi değişkeninde sakladık.Ptr neden kullandığımı sonra aşağıda açıklayacağım.<br />
printf("Address of gelir variable: %x\n", &amp;gelir); //<br />
printf("Address stored in varptr variable: %x\n", varptr); //İşaretçi değişkeninde saklanan adresi bastırdık konsola.<br />
printf("Value of *varptr variable: %d\n", *varptr); //İşaretçi kullanarak değerimize eriştik ve bastırdık.<br />
<br />
return 0;<br />
}`<br />
-&gt;Pointer bildiriminde,değişken adının sonuna ptr ekledik.Bunu yapmak zorunda değilsiniz.ptr eklemimizin sebebi , kaynak programı okuyan kişi pointer değişkenini kolay algılaması içindir.Size tavsiyem zorunlu olmayan bu işi alışkanlık edinmek yararlıdır.Bazı derleyiciler (*) karakterini veri tipinin sağına konulmasını da kabul eder.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3.NULL Pointer</b></span></div>
-&gt;Türkçede boş,hiç anlamlarına gelir.NULL,stdio.h kütüphanesinde tanımlı sembolik bir sabittir.Bu sabiti biz bir pointerın atanacak tam bir adresi yoksa , bir işaretçi değişkenine NULL değeri atamak her zaman faydalıdır.Çünkü Pointer çöp(garbage) toplar.Bu yüzden bellekte herhangi bir değer alabilir.Bu da bize istenmeyen sonuç doğurabilir.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4.Pointer Kullanımın Yararları</b></span></div>
1.Pointerlar ,doğrudan adreseleri gösterdiği için ,programların yürütme süresi kısalır.<br />
2.Dinamik adres yönetimini sağlar.<br />
3.Arrayler ve veri tabloları üzerinde işlemler daha kolay hale getirir.<br />
4.Pointerlar,bağlı listeler,kuyruklar,yığıtlar(stacks) ve grafikler gibi yapılarda işlem yapmayı kolaylaştırır.<br />
5.Pointerlar,dönüş anahtar sözcüğü kullanmadan kullanıcı tanımlı bir işlevden birden çok değer döndürmenin bir yolunu sağlar.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5.Öneri Pointer Oynatma Listesi</b></span></div>
-&gt;Arkadaşlar öneri konu videosu olarak Neso Academy kanalının Arrays &amp; Pointers in C oynatma listesini önerebilirim.Pointer için 102. videodan itabaren izleyebilirsiniz.<br />
<br />
--<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" />Evet bir konunun daha sonuna geldik.Umarım faydalı olmuştur <img src="https://gidenler.me/images/v2/smile/o3.gif" alt="Smile" title="Smile" class="smilie smilie_1" /> .Beni sosyal medya hesaplarımda n takip edebilirsiniz.Serinin bir sonraki konusunda beraber olmak üzere hoşçakalın.<br />
<br />
<div><span style="background-color: #ffcc66;">&nbsp;&nbsp;<b><span style="color: maroon;">Bkz: </span></b><b><a href="https://yazilimtoplulugu.com/blog/4324-nedir-bu-pointer-c-dilinde-pointer" target="_blank" rel="noopener" class="mycode_url">Alıntıdır</a></b>&nbsp;&nbsp;<img alt="URL'ye Git" src="admin/styles/default/images/icons/logout.png" /></span></div>]]></content:encoded>
		</item>
	</channel>
</rss>