<?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 | Her yol bir hikaye... - Tüm Forumlar]]></title>
		<link>https://gidenler.me/</link>
		<description><![CDATA[Gidenler.Me | Her yol bir hikaye... - https://gidenler.me]]></description>
		<pubDate>Sat, 07 Nov 2026 01:53:10 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Problemi Anlamak ve Matematik Diline Çevirmek (Problemler 1.Ders)]]></title>
			<link>https://gidenler.me/thread-866.html</link>
			<pubDate>Fri, 06 Nov 2026 12:58:35 +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-866.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><div style="text-align: center;" class="mycode_align"><a href="https://gidenler.me/gallery/2_06_11_26_12_17_37.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_06_11_26_12_17_37.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">İşleme başlamadan önce soruda/soru içeriğinde ne olduğunu anlayalım. Bulduğumuz sayı, sorulan şeyi gerçekten anlatıyor mu?</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Bu dersin sonunda öğrenci:</b></span></div>
1. Problemin verilenlerini ve istenenini belirleyebilecek.<br />
2. Bilinmeyen bir miktarı sembolle gösterebilecek.<br />
3. Basit bir durumu işlem veya denklemle ifade edebilecek.<br />
4. Sonucunu problemdeki bilgilerle kontrol edebilecek.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Başlamadan önce kendini yokla</b></span></div>
1. <span class="mathjax">\(7+3\cdot4\)</span> kaçtır?<br />
2. <span class="mathjax">\(\square+6=19\)</span> eşitliğinde kutuya hangi sayı yazılır?<br />
3. 24 kalem 4 öğrenciye eşit paylaştırılırsa her öğrenci kaç kalem alır?<br />
<br />
Cevaplar: <span class="mathjax">\(19,\ 13,\ 6\)</span>.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Problem çözmek ne demektir?</b></span></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Bir problem, bildiklerimizden yararlanarak henüz bilmediğimiz bir şeyi bulmamızı isteyen durumdur.</div></div></div></div>
<br />
<span style="font-weight: bold;" class="mycode_b">Örneğin</span>, Bir defter 18 TL’dir. Üç defter alan Ece, kasiyere 100 TL veriyor. Ece kaç TL para üstü alır?<br />
<br />
Burada yalnızca sayıları görmek yeterli değildir. <span style="background-color: #fcff01;">Her sayının neyi temsil ettiğini anlamamız gerekir.</span><br />
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Bilgi</span></td><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Anlamı</span></td></tr>
<tr><td class="trow99" valign="top" align="">18 TL</td><td class="trow99" valign="top" align="">Bir defterin fiyatı</td></tr>
<tr><td class="trow99" valign="top" align="">3</td><td class="trow99" valign="top" align="">Alınan defter sayısı</td></tr>
<tr><td class="trow99" valign="top" align="">100 TL</td><td class="trow99" valign="top" align="">Kasiyere verilen para</td></tr>
<tr><td class="trow99" valign="top" align="">Bilinmeyen</td><td class="trow99" valign="top" align="">Geri alınacak para</td></tr></tbody></table>
<br />
<span style="font-weight: bold;" class="mycode_b">Çözüm:</span><br />
<span class="mathjax">\(\text{Toplam ücret}=3\cdot18=54\text{ TL}<br />
\text{Para üstü}=100-54=\boxed{46\text{ TL}}\)</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Kontrol:</span><br />
Ödenen ücret ile para üstünün toplamı, verilen paraya eşit olmalı: <span class="mathjax">\(54+46=100\)</span><br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Beş soruluk çözüm pusulamız</b></span></div>
Her problemde şu soruları soracağız:<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">İlk Adım</span></td><td class="trow99" valign="top" align="">Kendimize soracağımız soru</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Anla</span></td><td class="trow99" valign="top" align="">Olay ne? Bana ne verilmiş, ne sorulmuş?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Göster</span></td><td class="trow99" valign="top" align="">Çizim, tablo veya sembol kullanabilir miyim?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Planla</span></td><td class="trow99" valign="top" align="">Miktarlar arasında nasıl bir ilişki var?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Çöz</span></td><td class="trow99" valign="top" align="">Kurduğum ilişkiye göre hangi işlemleri yapmalıyım?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Kontrol et</span></td><td class="trow99" valign="top" align="">Sonuç verilenlere ve günlük hayata uyuyor mu?</td></tr></tbody></table>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Sözcüklerden matematiksel ilişkiye</b></span></div>
Bir bilinmeyene <span class="mathjax">\(x\)</span> diyelim.<br />
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Sözel ifade</span></td><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Matematiksel ifade</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(5\)</span> fazlası</td><td class="trow99" valign="top" align=""><span class="mathjax">\(x+5\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(5\)</span> eksiği</td><td class="trow99" valign="top" align=""><span class="mathjax">\(x-5\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(3\)</span> katı</td><td class="trow99" valign="top" align=""><span class="mathjax">\(3x\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının yarısı</td><td class="trow99" valign="top" align=""><span class="mathjax">\( \frac{x}{2}\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(3\)</span> katının <span class="mathjax">\(5\)</span> fazlası</td><td class="trow99" valign="top" align=""><span class="mathjax">\(3x+5\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(5\)</span> fazlasının <span class="mathjax">\(3\)</span> katı</td><td class="trow99" valign="top" align=""><span class="mathjax">\(3(x+5)\)</span></td></tr>
</tbody></table>
<br />
Son iki ifade arasındaki farkı <span class="mathjax">\(x=4\)</span> için görelim:<br />
<br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> <span class="mathjax">\(3x+5=3\cdot4+5=17\)</span><br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> <span class="mathjax">\(3(x+5)=3\cdot(4+5)=27\)</span><br />
<br />
Parantez, <span style="background-color: #fcff01;">hangi miktarın birlikte ele alındığını</span> gösterir. Burada bir başka ayrım da önemlidir:<br />
<ul class="mycode_list"><li><span class="mathjax">\(3x+5\)</span> bir <span style="background-color: red; color: white;">&nbsp;ifade&nbsp;</span>dir.<br />
</li>
<li><span class="mathjax">\(3x+5=26\)</span> bir <span style="background-color: red; color: white;">&nbsp;denklem&nbsp;</span>dir.<br />
</li>
</ul>
<br />
Denklem, iki miktarın birbirine eşit olduğunu söyler.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. Günlük hayattan örnekler</b></span></div>
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Örnek 1</span></span> — Başlangıçtaki miktarı bulma<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bir otobüste bazı yolcular vardır. Durakta 7 kişi biner, 3 kişi iner. Otobüste 18 kişi kaldığına göre başlangıçta kaç kişi vardı?</div></div></div></div>
Başlangıçtaki yolcu sayısı <span class="mathjax">\(x\)</span> olsun.<br />
<span class="mathjax">\(x+7-3=18\)</span><br />
<span class="mathjax">\(x+4=18\)</span><br />
<span class="mathjax">\(x=\boxed{14}\)</span><br />
Kontrol edelim, <span class="mathjax">\(14+7-3=18\)</span>.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">🤔 Denklem kullanmadan da son durumdan geriye gidebiliriz:</span><br />
İnen <span class="mathjax">\(3\)</span> kişiyi geri ekler, binen <span class="mathjax">\(7\)</span> kişiyi çıkarırız.<br />
<span class="mathjax">\(18+3-7=14\)</span><br />
<br />
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Örnek 2</span></span> — Eşit grupları düşünme<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Üç aynı paket ve paketlerin dışında <span class="mathjax">\(5\)</span> kalem vardır. Toplam <span class="mathjax">\(26\)</span> kalem olduğuna göre her pakette kaç kalem vardır?</div></div></div></div>
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Önce dışarıdaki kalemleri ayıralım: <span class="mathjax">\(26-5=21\)</span><br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Bu 21 kalem, üç eşit pakettedir: <span class="mathjax">\(21\div3=\boxed{7}\)</span><br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Aynı ilişkiyi denklemle gösterelim: <span class="mathjax">\(3x+5=26\)</span><br />
Kontrol edelim: <span class="mathjax">\(3\cdot7+5=26\)</span>.<br />
<br />
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Örnek 3</span></span> — İki miktarı karşılaştırma<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Selin’in <span class="mathjax">\(12\)</span> kitabı vardır. Selin’in kitap sayısı, Yola’nın kitap sayısından <span class="mathjax">\(4\)</span> fazladır. Yola’nın kaç kitabı vardır?</div></div></div></div>
Yola’nın kitap sayısına <span class="mathjax">\(x\)</span> diyelim:<br />
<span class="mathjax">\(x+4=12\)</span><br />
<span class="mathjax">\(x=\boxed{8}\)</span><br />
<br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Kontrol edelim: Selin’in <span class="mathjax">\(12\)</span>, Yola’nın <span class="mathjax">\(8\)</span> kitabı vardır. Aradaki fark <span class="mathjax">\(4\)</span>’tür; Selin’in kitap sayısı daha fazladır.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Sık yapılan hata: Sözcüğe bakıp işlem seçmek</b></span></div>
Son örnekte “fazladır” sözcüğü geçmesine rağmen cevabı bulmak için çıkarma yaptık. Bu nedenle:<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">“Fazla gördüm, toplarım” yerine “Hangi miktar, hangisinden ne kadar fazla?” diye soracağız.</div></div></div></div>
Benzer biçimde, sorudaki <span style="background-color: #fcff01;">bütün sayıları kullanmak zorunda değiliz</span>. Önce her bilginin istenen sonuçla ilişkisini değerlendireceğiz.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Mini test</b></span></div>
[gmquiz id=17]<br />
[gmquiz id=18]<br />
[gmquiz id=19]<br />
[gmquiz id=20]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Öğrenmeyi kontrol edelim</b></span></div>
Yalnız doğru seçenek sayısına bakmayacağız. Öğrenciden şu cümleleri tamamlamasını isteyeceğiz:<ul class="mycode_list"><li>“Bilinmeyen olarak … seçtim.”<br />
</li>
<li>“Bu işlemi yaptım çünkü …”<br />
</li>
<li>“Sonucumu … yoluyla kontrol ettim.”<br />
</li>
</ul>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Birinci soruda zorlanma, sözel ifadeyi denkleme çevirme çalışmasına; üçüncü soruda zorlanma, karşılaştırma ilişkilerini tekrar etmeye işaret eder. Dördüncü soruda zorlanan öğrenciyle gerekli ve gereksiz bilgileri ayırma çalışılır.</div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><div style="text-align: center;" class="mycode_align"><a href="https://gidenler.me/gallery/2_06_11_26_12_17_37.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_06_11_26_12_17_37.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">İşleme başlamadan önce soruda/soru içeriğinde ne olduğunu anlayalım. Bulduğumuz sayı, sorulan şeyi gerçekten anlatıyor mu?</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Bu dersin sonunda öğrenci:</b></span></div>
1. Problemin verilenlerini ve istenenini belirleyebilecek.<br />
2. Bilinmeyen bir miktarı sembolle gösterebilecek.<br />
3. Basit bir durumu işlem veya denklemle ifade edebilecek.<br />
4. Sonucunu problemdeki bilgilerle kontrol edebilecek.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Başlamadan önce kendini yokla</b></span></div>
1. <span class="mathjax">\(7+3\cdot4\)</span> kaçtır?<br />
2. <span class="mathjax">\(\square+6=19\)</span> eşitliğinde kutuya hangi sayı yazılır?<br />
3. 24 kalem 4 öğrenciye eşit paylaştırılırsa her öğrenci kaç kalem alır?<br />
<br />
Cevaplar: <span class="mathjax">\(19,\ 13,\ 6\)</span>.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Problem çözmek ne demektir?</b></span></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Bir problem, bildiklerimizden yararlanarak henüz bilmediğimiz bir şeyi bulmamızı isteyen durumdur.</div></div></div></div>
<br />
<span style="font-weight: bold;" class="mycode_b">Örneğin</span>, Bir defter 18 TL’dir. Üç defter alan Ece, kasiyere 100 TL veriyor. Ece kaç TL para üstü alır?<br />
<br />
Burada yalnızca sayıları görmek yeterli değildir. <span style="background-color: #fcff01;">Her sayının neyi temsil ettiğini anlamamız gerekir.</span><br />
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Bilgi</span></td><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Anlamı</span></td></tr>
<tr><td class="trow99" valign="top" align="">18 TL</td><td class="trow99" valign="top" align="">Bir defterin fiyatı</td></tr>
<tr><td class="trow99" valign="top" align="">3</td><td class="trow99" valign="top" align="">Alınan defter sayısı</td></tr>
<tr><td class="trow99" valign="top" align="">100 TL</td><td class="trow99" valign="top" align="">Kasiyere verilen para</td></tr>
<tr><td class="trow99" valign="top" align="">Bilinmeyen</td><td class="trow99" valign="top" align="">Geri alınacak para</td></tr></tbody></table>
<br />
<span style="font-weight: bold;" class="mycode_b">Çözüm:</span><br />
<span class="mathjax">\(\text{Toplam ücret}=3\cdot18=54\text{ TL}<br />
\text{Para üstü}=100-54=\boxed{46\text{ TL}}\)</span><br />
<br />
<span style="font-weight: bold;" class="mycode_b">Kontrol:</span><br />
Ödenen ücret ile para üstünün toplamı, verilen paraya eşit olmalı: <span class="mathjax">\(54+46=100\)</span><br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Beş soruluk çözüm pusulamız</b></span></div>
Her problemde şu soruları soracağız:<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">İlk Adım</span></td><td class="trow99" valign="top" align="">Kendimize soracağımız soru</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Anla</span></td><td class="trow99" valign="top" align="">Olay ne? Bana ne verilmiş, ne sorulmuş?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Göster</span></td><td class="trow99" valign="top" align="">Çizim, tablo veya sembol kullanabilir miyim?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Planla</span></td><td class="trow99" valign="top" align="">Miktarlar arasında nasıl bir ilişki var?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Çöz</span></td><td class="trow99" valign="top" align="">Kurduğum ilişkiye göre hangi işlemleri yapmalıyım?</td></tr>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Kontrol et</span></td><td class="trow99" valign="top" align="">Sonuç verilenlere ve günlük hayata uyuyor mu?</td></tr></tbody></table>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Sözcüklerden matematiksel ilişkiye</b></span></div>
Bir bilinmeyene <span class="mathjax">\(x\)</span> diyelim.<br />
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Sözel ifade</span></td><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Matematiksel ifade</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(5\)</span> fazlası</td><td class="trow99" valign="top" align=""><span class="mathjax">\(x+5\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(5\)</span> eksiği</td><td class="trow99" valign="top" align=""><span class="mathjax">\(x-5\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(3\)</span> katı</td><td class="trow99" valign="top" align=""><span class="mathjax">\(3x\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının yarısı</td><td class="trow99" valign="top" align=""><span class="mathjax">\( \frac{x}{2}\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(3\)</span> katının <span class="mathjax">\(5\)</span> fazlası</td><td class="trow99" valign="top" align=""><span class="mathjax">\(3x+5\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">Bir sayının <span class="mathjax">\(5\)</span> fazlasının <span class="mathjax">\(3\)</span> katı</td><td class="trow99" valign="top" align=""><span class="mathjax">\(3(x+5)\)</span></td></tr>
</tbody></table>
<br />
Son iki ifade arasındaki farkı <span class="mathjax">\(x=4\)</span> için görelim:<br />
<br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> <span class="mathjax">\(3x+5=3\cdot4+5=17\)</span><br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> <span class="mathjax">\(3(x+5)=3\cdot(4+5)=27\)</span><br />
<br />
Parantez, <span style="background-color: #fcff01;">hangi miktarın birlikte ele alındığını</span> gösterir. Burada bir başka ayrım da önemlidir:<br />
<ul class="mycode_list"><li><span class="mathjax">\(3x+5\)</span> bir <span style="background-color: red; color: white;">&nbsp;ifade&nbsp;</span>dir.<br />
</li>
<li><span class="mathjax">\(3x+5=26\)</span> bir <span style="background-color: red; color: white;">&nbsp;denklem&nbsp;</span>dir.<br />
</li>
</ul>
<br />
Denklem, iki miktarın birbirine eşit olduğunu söyler.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. Günlük hayattan örnekler</b></span></div>
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Örnek 1</span></span> — Başlangıçtaki miktarı bulma<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bir otobüste bazı yolcular vardır. Durakta 7 kişi biner, 3 kişi iner. Otobüste 18 kişi kaldığına göre başlangıçta kaç kişi vardı?</div></div></div></div>
Başlangıçtaki yolcu sayısı <span class="mathjax">\(x\)</span> olsun.<br />
<span class="mathjax">\(x+7-3=18\)</span><br />
<span class="mathjax">\(x+4=18\)</span><br />
<span class="mathjax">\(x=\boxed{14}\)</span><br />
Kontrol edelim, <span class="mathjax">\(14+7-3=18\)</span>.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">🤔 Denklem kullanmadan da son durumdan geriye gidebiliriz:</span><br />
İnen <span class="mathjax">\(3\)</span> kişiyi geri ekler, binen <span class="mathjax">\(7\)</span> kişiyi çıkarırız.<br />
<span class="mathjax">\(18+3-7=14\)</span><br />
<br />
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Örnek 2</span></span> — Eşit grupları düşünme<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Üç aynı paket ve paketlerin dışında <span class="mathjax">\(5\)</span> kalem vardır. Toplam <span class="mathjax">\(26\)</span> kalem olduğuna göre her pakette kaç kalem vardır?</div></div></div></div>
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Önce dışarıdaki kalemleri ayıralım: <span class="mathjax">\(26-5=21\)</span><br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Bu 21 kalem, üç eşit pakettedir: <span class="mathjax">\(21\div3=\boxed{7}\)</span><br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Aynı ilişkiyi denklemle gösterelim: <span class="mathjax">\(3x+5=26\)</span><br />
Kontrol edelim: <span class="mathjax">\(3\cdot7+5=26\)</span>.<br />
<br />
<span style="color: #C10300;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">Örnek 3</span></span> — İki miktarı karşılaştırma<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Selin’in <span class="mathjax">\(12\)</span> kitabı vardır. Selin’in kitap sayısı, Yola’nın kitap sayısından <span class="mathjax">\(4\)</span> fazladır. Yola’nın kaç kitabı vardır?</div></div></div></div>
Yola’nın kitap sayısına <span class="mathjax">\(x\)</span> diyelim:<br />
<span class="mathjax">\(x+4=12\)</span><br />
<span class="mathjax">\(x=\boxed{8}\)</span><br />
<br />
<img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Arrow" title="Arrow" class="smilie smilie_23" /> Kontrol edelim: Selin’in <span class="mathjax">\(12\)</span>, Yola’nın <span class="mathjax">\(8\)</span> kitabı vardır. Aradaki fark <span class="mathjax">\(4\)</span>’tür; Selin’in kitap sayısı daha fazladır.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Sık yapılan hata: Sözcüğe bakıp işlem seçmek</b></span></div>
Son örnekte “fazladır” sözcüğü geçmesine rağmen cevabı bulmak için çıkarma yaptık. Bu nedenle:<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">“Fazla gördüm, toplarım” yerine “Hangi miktar, hangisinden ne kadar fazla?” diye soracağız.</div></div></div></div>
Benzer biçimde, sorudaki <span style="background-color: #fcff01;">bütün sayıları kullanmak zorunda değiliz</span>. Önce her bilginin istenen sonuçla ilişkisini değerlendireceğiz.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Mini test</b></span></div>
[gmquiz id=17]<br />
[gmquiz id=18]<br />
[gmquiz id=19]<br />
[gmquiz id=20]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Öğrenmeyi kontrol edelim</b></span></div>
Yalnız doğru seçenek sayısına bakmayacağız. Öğrenciden şu cümleleri tamamlamasını isteyeceğiz:<ul class="mycode_list"><li>“Bilinmeyen olarak … seçtim.”<br />
</li>
<li>“Bu işlemi yaptım çünkü …”<br />
</li>
<li>“Sonucumu … yoluyla kontrol ettim.”<br />
</li>
</ul>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Birinci soruda zorlanma, sözel ifadeyi denkleme çevirme çalışmasına; üçüncü soruda zorlanma, karşılaştırma ilişkilerini tekrar etmeye işaret eder. Dördüncü soruda zorlanan öğrenciyle gerekli ve gereksiz bilgileri ayırma çalışılır.</div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[One Piece 1197 (Türkçe oku)]]></title>
			<link>https://gidenler.me/thread-865.html</link>
			<pubDate>Tue, 03 Nov 2026 15:39: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-865.html</guid>
			<description><![CDATA[One Piece 1197 sayı Türkçe<br />
<img src="https://gidenler.me/images/v2/smile/indir.gif" alt="İndir" title="İndir" class="smilie smilie_53" /><br />
<a href="https://tortugaceviri.com/manga/one-piece/one-piece-1197/" target="_blank" rel="noopener" class="mycode_url">Okumak için tıklayın</a>]]></description>
			<content:encoded><![CDATA[One Piece 1197 sayı Türkçe<br />
<img src="https://gidenler.me/images/v2/smile/indir.gif" alt="İndir" title="İndir" class="smilie smilie_53" /><br />
<a href="https://tortugaceviri.com/manga/one-piece/one-piece-1197/" target="_blank" rel="noopener" class="mycode_url">Okumak için tıklayın</a>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Türev Alma Kuralları I (Türev 3. Ders)]]></title>
			<link>https://gidenler.me/thread-864.html</link>
			<pubDate>Mon, 02 Nov 2026 19:57:54 +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-864.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_02_11_26_7_55_27.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_02_11_26_7_55_27.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Dersin kazanımları</b></span></div>
Bu dersin sonunda öğrencilerimiz:<br />
- Sabit fonksiyonun türevinin neden \(0\) olduğunu açıklayabilecek.<br />
- \(f(x)=x\) ve \(f(x)=x^n\) fonksiyonlarının türevini bulabilecek.<br />
- Toplama ve çıkarma kurallarını uygulayabilecek.<br />
- Sabit katsayı ile çarpılmış fonksiyonların türevini hesaplayabilecek.<br />
- Basit polinomların türevini hızlı ve doğru biçimde alabilecek.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Derse başlamadan önce kendini yokla</b></span></div>
Bir önceki dersten hatırlayalım:<br />
\[<br />
f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h}<br />
\]<br />
Bugün bu tanımı kullanarak türev kurallarını türeteceğiz. <span style="background-color: #fcff01;">Yani ezber değil mantığını kuracağız.<br />
</span><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Sabit fonksiyonun türevi</b></span></div>
\[<br />
f(x)=c<br />
\]<br />
Burada \(c\) sabit bir sayıdır. Örneğin \(f(x)=5\) olsun.<br />
<br />
Tanımdan:<br />
\[<br />
f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h}<br />
=\lim_{h\to0}\frac{c-c}{h}<br />
=\lim_{h\to0}\frac{0}{h}=0<br />
\]<br />
Demek ki:<br />
\[<br />
\boxed{&copy;'=0}<br />
\]<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Sabit fonksiyonun grafiği yatay bir doğrudur. Yatay doğrunun eğimi her yerde \(0\) olduğu için türevi de \(0\) olur.</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. \(f(x)=x\) fonksiyonunun türevi</b></span></div>
Şimdi en temel doğrusal fonksiyonu ele alalım:<br />
\[<br />
f(x)=x<br />
\]<br />
Tanımdan:<br />
\[<br />
f'(a)=\lim_{h\to0}\frac{(a+h)-a}{h}<br />
=\lim_{h\to0}\frac{h}{h}=1<br />
\]<br />
O hâlde:<br />
\[<br />
\boxed{(x)'=1}<br />
\]<br />
Bu da çok önemlidir. Çünkü bundan sonra kuracağımız birçok türev kuralının temelinde bu fikir yer alır.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Kuvvet kuralı</b></span></div>
Şimdi asıl güçlü kurala geliyoruz.<br />
\[<br />
f(x)=x^n<br />
\]<br />
Burada \(n\), pozitif tam sayı olsun.<br />
<br />
Tanımdan:<br />
\[<br />
f'(x)=\lim_{h\to0}\frac{(x+h)^n-x^n}{h}<br />
\]<br />
Binom açılımı yapıldığında ilk iki terim şöyle gelir:<br />
\[<br />
(x+h)^n=x^n+nx^{n-1}h+\cdots<br />
\]<br />
Bu ifadeyi yerine yazalım:<br />
\[<br />
\frac{(x+h)^n-x^n}{h}<br />
=<br />
\frac{nx^{n-1}h+\cdots}{h}<br />
\]<br />
\(h\) sadeleşir ve limitte diğer terimler yok olur. Sonuç:<br />
\[<br />
\boxed{(x^n)'=nx^{n-1}}<br />
\]<br />
Bu, kuvvet kuralıdır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #01ffff;">Örnekler</span></span><ul class="mycode_list"><li><span class="mathjax">\(f(x)=x^3\)</span> <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /> <span class="mathjax">\(f'(x)=3x^2\)</span><br />
</li>
<li><span class="mathjax">\(f(x)=x^5\)</span> <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /> <span class="mathjax">\(f'(x)=5x^4\)</span><br />
</li>
<li><span class="mathjax">\(f(x)=x^2\)</span> <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /> <span class="mathjax">\(f'(x)=2x\)</span><br />
</li>
</ul>
<br />
Bu sonuç, birinci derste sezgisel olarak ulaştığımız bilgilerle de uyumludur.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Sabit katsayı kuralı</b></span></div>
Bir fonksiyon sabit bir sayı ile çarpılmış olsun:<br />
\[<br />
f(x)=k\cdot g(x)<br />
\]<br />
Tanımdan hareketle sabit sayı limitin dışına çıkar:<br />
\[<br />
(k\cdot g(x))'=k\cdot g'(x)<br />
\]<br />
Yani:<br />
\[<br />
\boxed{(k\,f(x))'=k\,f'(x)}<br />
\]<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Örnek</span></span><br />
\[<br />
f(x)=7x^4<br />
\]<br />
\[<br />
f'(x)=7\cdot4x^3=28x^3<br />
\]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Toplama ve çıkarma kuralı</b></span></div>
Eğer iki fonksiyon toplanmış ya da çıkarılmışsa türev ayrı ayrı alınır:<br />
\[<br />
\boxed{(f(x)+g(x))'=f'(x)+g'(x)}<br />
\]<br />
\[<br />
\boxed{(f(x)-g(x))'=f'(x)-g'(x)}<br />
\]<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek</span></span><br />
\[<br />
f(x)=x^3+2x^2<br />
\]<br />
\[<br />
f'(x)=3x^2+4x<br />
\]<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #01ffff;">Açıklamalı Örnek</span></span><br />
\[<br />
f(x)=5x^4-3x^2+x-8<br />
\]<br />
<br />
<span style="background-color: #fcff01;">Terim terim türev alalım:</span><br />
- \((5x^4)'=20x^3\)<br />
- \((-3x^2)'=-6x\)<br />
- \((x)'=1\)<br />
- \((-8)'=0\)<br />
<br />
O hâlde:<br />
\[<br />
\boxed{f'(x)=20x^3-6x+1}<br />
\]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>8. Polinomların türevi</b></span></div>
Artık şunu söyleyebiliriz:<br />
<br />
Bir polinomun türevi alınırken her terimin türevi ayrı ayrı bulunur.<br />
\[<br />
P(x)=a_nx^n+a_{n-1}x^{n-1}+\cdots+a_1x+a_0<br />
\]<br />
Bu <span class="mathjax">\(P(x)\)</span> polinomunun türevi:<br />
\[<br />
P'(x)=na_nx^{n-1}+(n-1)a_{n-1}x^{n-2}+\cdots+a_1<br />
\]<br />
Sabit terimin türevi yok olur.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>9. Günlük hayattan örnekler</b></span></div>
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: red; color: white;">&nbsp;1. Sabit sıcaklık&nbsp;</span></span><br />
Bir odanın sıcaklığı bir süre sabit kalsın:<br />
\[<br />
T(t)=24<br />
\]<br />
\[<br />
T'(t)=0<br />
\]<br />
Yani sıcaklık değişmiyorsa <span style="background-color: #fcff01;">değişim hızı sıfırdır.</span><br />
<br />
<span style="background-color: red; color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">2. Düzgün doğrusal artış</span>&nbsp;</span><br />
Bir su kabındaki miktar sabit hızla artsın:<br />
\[<br />
V(t)=3t<br />
\]<br />
\[<br />
V'(t)=3<br />
\]<br />
Bu, <span style="background-color: #fcff01;">her dakikada 3 birimlik artış</span> olduğunu gösterir.<br />
<br />
<span style="background-color: red; color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">3. Hızlanan büyüme</span>&nbsp;</span><br />
Bir cismin konumu:<br />
\[<br />
s(t)=t^3<br />
\]<br />
\[<br />
s'(t)=3t^2<br />
\]<br />
<span style="background-color: #fcff01;">Zaman arttıkça değişim hızının da arttığını görürüz.</span><br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>10. Sık yapılan hatalar</b></span></div>
<hr class="mycode_hr" /><table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="background-color: red; color: white;">&nbsp;Yanlış&nbsp;</span></td><td class="trow99" valign="top" align=""><span style="background-color: #6aa84f;color: white;">&nbsp;Doğru&nbsp;</span></td></tr>
<tr><td class="trow99" valign="top" align="">\((x^3)'=x^2\)</td><td class="trow99" valign="top" align="">Kuvvet başa gelir: \((x^3)'=3x^2\)</td></tr>
<tr><td class="trow99" valign="top" align="">Sabit terim aynen kalır</td><td class="trow99" valign="top" align="">Sabit terimin türevi \(0\) olur</td></tr>
<tr><td class="trow99" valign="top" align="">\((5x^2)'=5x\)</td><td class="trow99" valign="top" align="">Önce katsayı korunur: \((5x^2)'=10x\)</td></tr>
<tr><td class="trow99" valign="top" align="">Toplamın türevi tek seferde alınır</td><td class="trow99" valign="top" align="">Her terim ayrı türevlendirilir</td></tr>
</tbody></table><hr class="mycode_hr" />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>11. Mini Test</b></span></div>
[gmquiz id=13]<br />
[gmquiz id=14]<br />
[gmquiz id=15]<br />
[gmquiz id=16]<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>12. Öğretmen notu</b></span></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Türev kuralları ezberlenecek kalıplar değil, <span style="font-weight: bold;" class="mycode_b">limit tanımından doğan mantıksal sonuçlardır.</span></div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Öğrenci kuvvet kuralının kavrarsa, ileride çarpım, bölüm ve zincir kuralını da daha rahat öğrenir.</div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_02_11_26_7_55_27.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_02_11_26_7_55_27.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Dersin kazanımları</b></span></div>
Bu dersin sonunda öğrencilerimiz:<br />
- Sabit fonksiyonun türevinin neden \(0\) olduğunu açıklayabilecek.<br />
- \(f(x)=x\) ve \(f(x)=x^n\) fonksiyonlarının türevini bulabilecek.<br />
- Toplama ve çıkarma kurallarını uygulayabilecek.<br />
- Sabit katsayı ile çarpılmış fonksiyonların türevini hesaplayabilecek.<br />
- Basit polinomların türevini hızlı ve doğru biçimde alabilecek.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Derse başlamadan önce kendini yokla</b></span></div>
Bir önceki dersten hatırlayalım:<br />
\[<br />
f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h}<br />
\]<br />
Bugün bu tanımı kullanarak türev kurallarını türeteceğiz. <span style="background-color: #fcff01;">Yani ezber değil mantığını kuracağız.<br />
</span><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Sabit fonksiyonun türevi</b></span></div>
\[<br />
f(x)=c<br />
\]<br />
Burada \(c\) sabit bir sayıdır. Örneğin \(f(x)=5\) olsun.<br />
<br />
Tanımdan:<br />
\[<br />
f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h}<br />
=\lim_{h\to0}\frac{c-c}{h}<br />
=\lim_{h\to0}\frac{0}{h}=0<br />
\]<br />
Demek ki:<br />
\[<br />
\boxed{&copy;'=0}<br />
\]<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Sabit fonksiyonun grafiği yatay bir doğrudur. Yatay doğrunun eğimi her yerde \(0\) olduğu için türevi de \(0\) olur.</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. \(f(x)=x\) fonksiyonunun türevi</b></span></div>
Şimdi en temel doğrusal fonksiyonu ele alalım:<br />
\[<br />
f(x)=x<br />
\]<br />
Tanımdan:<br />
\[<br />
f'(a)=\lim_{h\to0}\frac{(a+h)-a}{h}<br />
=\lim_{h\to0}\frac{h}{h}=1<br />
\]<br />
O hâlde:<br />
\[<br />
\boxed{(x)'=1}<br />
\]<br />
Bu da çok önemlidir. Çünkü bundan sonra kuracağımız birçok türev kuralının temelinde bu fikir yer alır.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Kuvvet kuralı</b></span></div>
Şimdi asıl güçlü kurala geliyoruz.<br />
\[<br />
f(x)=x^n<br />
\]<br />
Burada \(n\), pozitif tam sayı olsun.<br />
<br />
Tanımdan:<br />
\[<br />
f'(x)=\lim_{h\to0}\frac{(x+h)^n-x^n}{h}<br />
\]<br />
Binom açılımı yapıldığında ilk iki terim şöyle gelir:<br />
\[<br />
(x+h)^n=x^n+nx^{n-1}h+\cdots<br />
\]<br />
Bu ifadeyi yerine yazalım:<br />
\[<br />
\frac{(x+h)^n-x^n}{h}<br />
=<br />
\frac{nx^{n-1}h+\cdots}{h}<br />
\]<br />
\(h\) sadeleşir ve limitte diğer terimler yok olur. Sonuç:<br />
\[<br />
\boxed{(x^n)'=nx^{n-1}}<br />
\]<br />
Bu, kuvvet kuralıdır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #01ffff;">Örnekler</span></span><ul class="mycode_list"><li><span class="mathjax">\(f(x)=x^3\)</span> <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /> <span class="mathjax">\(f'(x)=3x^2\)</span><br />
</li>
<li><span class="mathjax">\(f(x)=x^5\)</span> <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /> <span class="mathjax">\(f'(x)=5x^4\)</span><br />
</li>
<li><span class="mathjax">\(f(x)=x^2\)</span> <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /> <span class="mathjax">\(f'(x)=2x\)</span><br />
</li>
</ul>
<br />
Bu sonuç, birinci derste sezgisel olarak ulaştığımız bilgilerle de uyumludur.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Sabit katsayı kuralı</b></span></div>
Bir fonksiyon sabit bir sayı ile çarpılmış olsun:<br />
\[<br />
f(x)=k\cdot g(x)<br />
\]<br />
Tanımdan hareketle sabit sayı limitin dışına çıkar:<br />
\[<br />
(k\cdot g(x))'=k\cdot g'(x)<br />
\]<br />
Yani:<br />
\[<br />
\boxed{(k\,f(x))'=k\,f'(x)}<br />
\]<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Örnek</span></span><br />
\[<br />
f(x)=7x^4<br />
\]<br />
\[<br />
f'(x)=7\cdot4x^3=28x^3<br />
\]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Toplama ve çıkarma kuralı</b></span></div>
Eğer iki fonksiyon toplanmış ya da çıkarılmışsa türev ayrı ayrı alınır:<br />
\[<br />
\boxed{(f(x)+g(x))'=f'(x)+g'(x)}<br />
\]<br />
\[<br />
\boxed{(f(x)-g(x))'=f'(x)-g'(x)}<br />
\]<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek</span></span><br />
\[<br />
f(x)=x^3+2x^2<br />
\]<br />
\[<br />
f'(x)=3x^2+4x<br />
\]<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: #01ffff;">Açıklamalı Örnek</span></span><br />
\[<br />
f(x)=5x^4-3x^2+x-8<br />
\]<br />
<br />
<span style="background-color: #fcff01;">Terim terim türev alalım:</span><br />
- \((5x^4)'=20x^3\)<br />
- \((-3x^2)'=-6x\)<br />
- \((x)'=1\)<br />
- \((-8)'=0\)<br />
<br />
O hâlde:<br />
\[<br />
\boxed{f'(x)=20x^3-6x+1}<br />
\]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>8. Polinomların türevi</b></span></div>
Artık şunu söyleyebiliriz:<br />
<br />
Bir polinomun türevi alınırken her terimin türevi ayrı ayrı bulunur.<br />
\[<br />
P(x)=a_nx^n+a_{n-1}x^{n-1}+\cdots+a_1x+a_0<br />
\]<br />
Bu <span class="mathjax">\(P(x)\)</span> polinomunun türevi:<br />
\[<br />
P'(x)=na_nx^{n-1}+(n-1)a_{n-1}x^{n-2}+\cdots+a_1<br />
\]<br />
Sabit terimin türevi yok olur.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>9. Günlük hayattan örnekler</b></span></div>
<br />
<span style="font-weight: bold;" class="mycode_b"><span style="background-color: red; color: white;">&nbsp;1. Sabit sıcaklık&nbsp;</span></span><br />
Bir odanın sıcaklığı bir süre sabit kalsın:<br />
\[<br />
T(t)=24<br />
\]<br />
\[<br />
T'(t)=0<br />
\]<br />
Yani sıcaklık değişmiyorsa <span style="background-color: #fcff01;">değişim hızı sıfırdır.</span><br />
<br />
<span style="background-color: red; color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">2. Düzgün doğrusal artış</span>&nbsp;</span><br />
Bir su kabındaki miktar sabit hızla artsın:<br />
\[<br />
V(t)=3t<br />
\]<br />
\[<br />
V'(t)=3<br />
\]<br />
Bu, <span style="background-color: #fcff01;">her dakikada 3 birimlik artış</span> olduğunu gösterir.<br />
<br />
<span style="background-color: red; color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">3. Hızlanan büyüme</span>&nbsp;</span><br />
Bir cismin konumu:<br />
\[<br />
s(t)=t^3<br />
\]<br />
\[<br />
s'(t)=3t^2<br />
\]<br />
<span style="background-color: #fcff01;">Zaman arttıkça değişim hızının da arttığını görürüz.</span><br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>10. Sık yapılan hatalar</b></span></div>
<hr class="mycode_hr" /><table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="background-color: red; color: white;">&nbsp;Yanlış&nbsp;</span></td><td class="trow99" valign="top" align=""><span style="background-color: #6aa84f;color: white;">&nbsp;Doğru&nbsp;</span></td></tr>
<tr><td class="trow99" valign="top" align="">\((x^3)'=x^2\)</td><td class="trow99" valign="top" align="">Kuvvet başa gelir: \((x^3)'=3x^2\)</td></tr>
<tr><td class="trow99" valign="top" align="">Sabit terim aynen kalır</td><td class="trow99" valign="top" align="">Sabit terimin türevi \(0\) olur</td></tr>
<tr><td class="trow99" valign="top" align="">\((5x^2)'=5x\)</td><td class="trow99" valign="top" align="">Önce katsayı korunur: \((5x^2)'=10x\)</td></tr>
<tr><td class="trow99" valign="top" align="">Toplamın türevi tek seferde alınır</td><td class="trow99" valign="top" align="">Her terim ayrı türevlendirilir</td></tr>
</tbody></table><hr class="mycode_hr" />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>11. Mini Test</b></span></div>
[gmquiz id=13]<br />
[gmquiz id=14]<br />
[gmquiz id=15]<br />
[gmquiz id=16]<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>12. Öğretmen notu</b></span></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Türev kuralları ezberlenecek kalıplar değil, <span style="font-weight: bold;" class="mycode_b">limit tanımından doğan mantıksal sonuçlardır.</span></div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Öğrenci kuvvet kuralının kavrarsa, ileride çarpım, bölüm ve zincir kuralını da daha rahat öğrenir.</div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Türevin Tanımı, Sağ ve Sol Türev (Türev 2.Ders)]]></title>
			<link>https://gidenler.me/thread-863.html</link>
			<pubDate>Sun, 01 Nov 2026 20:22:30 +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-863.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_01_11_26_8_02_11.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_01_11_26_8_02_11.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Dersin kazanımları</b></span></div>
Bu dersin sonunda öğrencilerimiz:<br />
- Limit kullanarak bir fonksiyonun türevini hesaplayabilecek.<br />
- Sağdan ve soldan türevin farkını açıklayabilecek.<br />
- Bir fonksiyonun hangi noktalarda türevlenebilir olmadığını belirleyebilecek.<br />
- Süreklilik ile türevlenebilirlik arasındaki ilişkiyi kavrayabilecek.<br />
- Parçalı fonksiyonlarda türevlenebilirlik koşullarını uygulayabilecek.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Derse başlamadan önce kendini yokla</b></span></div>
Birinci dersimizden hatırlayalım:<br />
\(f(x)=x^2\) fonksiyonunun \(x=2\) ile \(x=4\) arasındaki ortalama değişim hızı:<br />
\[<br />
\frac{f(4)-f(2)}{4-2}<br />
=\frac{16-4}{2}=6<br />
\]<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Peki aralığı daraltıp yalnızca \(x=2\) noktasındaki değişim hızını bulmak istersek?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">İşte bunu gerçekleştirmek için limit kavramını kullanacağız.</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Türevin matematiksel tanımı</b></span></div>
Bir \(f\) fonksiyonu \(x=a\) noktasının çevresinde tanımlı olsun.<br />
<div class="gm-dersbox gm-bilgi">
    <div class="gm-dersbox-icon" aria-hidden="true">i</div>
    <div class="gm-dersbox-content">
        <div class="gm-dersbox-title">BİLGİ</div>
        <div class="gm-dersbox-text">Türevin limit tanımı<br />
\[<br />
\boxed{f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h}}<br />
\]</div>
    </div>
</div>
<br />
Limit sonlu bir gerçek sayı olarak varsa fonksiyon o noktada türevlenebilirdir.<br />
<br />
Burada \(a\) türevi aradığımız noktayı, \(h\) ise bu noktadan uzaklığımızı temsil eder.<br />
<br />
Fark oranı iki nokta arasındaki sekant doğrusunun eğimidir. \(h\) sıfıra yaklaşırken bu eğimin limiti, türev varsa, teğet doğrusunun eğimini verir. <br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek 1</span></span><br />
\(f(x)=x^2\) fonksiyonunun \(x=2\) noktasındaki türevini tanımdan bulalım.<br />
<br />
<span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Çözüm:</span></span><br />
<span style="font-weight: bold;" class="mycode_b">Adım 1</span> – Fonksiyonun değerini bulalım.<br />
\[<br />
f(2)=2^2=4<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 2 </span>– Fonksiyonda \(x=2+h\) yazalım.<br />
\[<br />
f(2+h)=(2+h)^2=4+4h+h^2<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 3</span> – Fark oranını oluşturalım.<br />
\[<br />
\frac{f(2+h)-f(2)}h<br />
=\frac{4h+h^2}{h}=4+h<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 4 </span>– Limit alalım.<br />
\[<br />
f'(2)=\lim_{h\to0}(4+h)=\boxed4<br />
\]<br />
<br />
Bu sonucun nasıl oluştuğunu sayısal olarak da görelim:<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="background-color: #fcff01;">\(h\)</span></td><td class="trow99" valign="top" align=""><span style="background-color: #fcff01;">Fark oranı \(4+h\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">1</td><td class="trow99" valign="top" align="">5</td></tr>
<tr><td class="trow99" valign="top" align="">0,1</td><td class="trow99" valign="top" align="">4,1</td></tr>
<tr><td class="trow99" valign="top" align="">0,01</td><td class="trow99" valign="top" align="">4,01</td></tr>
<tr><td class="trow99" valign="top" align="">−0,1</td><td class="trow99" valign="top" align="">3,9</td></tr>
<tr><td class="trow99" valign="top" align="">−0,01</td><td class="trow99" valign="top" align="">3,99</td></tr>
</tbody></table>
<br />
Her iki yönden de 4'e yaklaşıyoruz.<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text"><span style="font-weight: bold;" class="mycode_b">Öğretmen notu: </span>Öğrencilerin burada anlaması gereken nokta, \(h\)'yi doğrudan sıfır yapmak değil, \(h\) sıfıra yaklaşırken oranın hangi değere yaklaştığını incelemektir.</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. Sağdan ve soldan türev</b></span></div>
Bir fonksiyonun bir noktadaki türevini araştırırken o noktaya hem sağdan hem de soldan yaklaşmamız gerekir.<br />
<hr class="mycode_hr" />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr>
<td class="trow99" valign="top" align=""><span style="background-color: red; color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">Soldan türev</span>&nbsp;</span><br />
\[<br />
f'_-(a)=\lim_{h\to0^-}\frac{f(a+h)-f(a)}h<br />
\]<br />
<span style="font-style: italic;" class="mycode_i"><span style="background-color: red; color: white;">&nbsp;Negatif h&nbsp;</span> değerleriyle yaklaşılır.</span></td>
<td class="trow99" valign="top" align=""><span style="background-color: #6aa84f;color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">Sağdan türev</span>&nbsp;</span><br />
\[<br />
f'_+(a)=\lim_{h\to0^+}\frac{f(a+h)-f(a)}h<br />
\]<br />
<span style="font-style: italic;" class="mycode_i"><span style="background-color: #6aa84f;color: white;">&nbsp;Pozitif h&nbsp;</span> değerleriyle yaklaşılır.</span></td>
</tr></tbody></table>
<hr class="mycode_hr" />
Bir iç noktada türevin bulunması için iki tek taraflı türevin de sonlu olması ve birbirine eşit olması gerekir. <br />
<br />
\[<br />
\boxed{f'_-(a)=f'_+(a)=f'(a)}<br />
\]<br />
<br />
<span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek 2</span></span> – Mutlak değer fonksiyonu<br />
\[<br />
f(x)=|x|<br />
\]<br />
<br />
Bu fonksiyonun \(x=0\) noktasındaki türevini araştıralım.<br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözüm:</span></span><br />
Soldan yaklaşalım. \(h\) negatif olduğunda \(|h|=-h\) olur.<br />
\[<br />
f'_-(0)=\lim_{h\to0^-}\frac{|h|}{h}<br />
=\lim_{h\to0^-}\frac{-h}{h}=-1<br />
\]<br />
<br />
Sağdan yaklaşalım. \(h\) pozitif olduğunda \(|h|=h\) olur.<br />
\[<br />
f'_+(0)=\lim_{h\to0^+}\frac{|h|}{h}<br />
=\lim_{h\to0^+}\frac{h}{h}=1<br />
\]<br />
<br />
\[<br />
-1\ne1<br />
\]<br />
<br />
O hâlde:<br />
\[<br />
\boxed{f'(0)\text{ yoktur.}}<br />
\]<br />
<br />
Fonksiyonun \(x=0\) noktasında sürekli olması bu sonucu değiştirmez. Bu örnek, sürekliliğin türevlenebilirlik için yeterli olmadığını gösterir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Süreklilik ve türevlenebilirlik ilişkisi</b></span></div>
Bu bölümde öğrencilerimizin özellikle bir mantık hatasından uzak durmasını istiyoruz.<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text"><span style="background-color: #6aa84f;color: white;">&nbsp;Türevlenebilir ⇒ Sürekli&nbsp;</span><br />
Bir fonksiyon bir noktada türevlenebiliyorsa o noktada mutlaka süreklidir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text"><span style="background-color: red; color: white;">&nbsp;Sürekli ⇏ Türevlenebilir&nbsp;</span><br />
Bir fonksiyonun sürekli olması, o noktada mutlaka türevli olduğu anlamına gelmez.</div></div></div></div>
<br />
<div class="gm-notbaslik"><span class="gm-not-text">Bu ilişkiyi matematiksel olarak gösterelim</span></div>
Bir fonksiyon \(a\) noktasında türevlenebiliyor olsun.<br />
\(x\ne a\) için:<br />
\[<br />
f(x)-f(a)=<br />
\frac{f(x)-f(a)}{x-a}(x-a)<br />
\]<br />
<br />
Her iki tarafın \(x\to a\) limitini alalım:<br />
\[<br />
\lim_{x\to a}[f(x)-f(a)]<br />
=f'(a)\cdot0=0<br />
\]<br />
<br />
Buradan:<br />
\[<br />
\lim_{x\to a}f(x)=f(a)<br />
\]<br />
<br />
Bu da fonksiyonun \(a\) noktasında sürekli olduğunu gösterir.<br />
<br />
<div class="gm-story">
  <div class="gm-panel gm-panel--note">
    <span class="gm-panel__title">Mira'nın Notu</span><br />
    <div class="gm-panel__body">Sonuç: Türevlenebilirlik, sürekliliği gerektirir. Fakat sürekli bir grafikte köşe, sivri uç veya sonsuz eğime yol açan bir durum bulunabilir. Bu noktalarda sonlu türev mevcut olmayabilir.</div>
  </div>
</div>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Parçalı fonksiyonlarda türevlenebilirlik</b></span></div>
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek 3</span></span><br />
Aşağıdaki fonksiyonun \(x=1\) noktasında türevlenebilir olması için \(m\) ve \(n\) değerlerini bulalım.<br />
\[<br />
f(x)=<br />
\begin{cases}<br />
mx+n,&amp;x&lt;1\\<br />
x^2+1,&amp;x\ge1<br />
\end{cases}<br />
\]<br />
<span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Çözüm:</span></span><br />
<span style="font-weight: bold;" class="mycode_b">Adım 1 </span>– Önce sürekliliği sağlayalım.<br />
<br />
Sağdaki parçaya göre:<br />
\[<br />
f(1)=1^2+1=2<br />
\]<br />
<br />
Soldan limitin de 2 olması gerekir:<br />
\[<br />
m+n=2<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 2 </span>– Sağdan ve soldan türevleri eşitleyelim.<br />
<br />
Soldaki doğrusal parçanın türevi \(m\), sağdaki \(x^2+1\) parçasının \(x=1\) noktasındaki türevi 2'dir.<br />
\[<br />
m=2<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 3</span> – Diğer bilinmeyeni bulalım.<br />
\[<br />
2+n=2\implies n=0<br />
\]<br />
<br />
\[<br />
\boxed{m=2,\quad n=0}<br />
\]<br />
<br />
Bu değerler için hem süreklilik hem türevlenebilirlik sağlanır.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Günlük hayattan örnekler</b></span></div>
<span style="font-weight: bold;" class="mycode_b">1. Hareketli aracın anlık hızı</span><br />
<br />
Bir aracın konumu \(s(t)=t^2+2t\) metre olsun.<br />
\[<br />
s'(t)=2t+2<br />
\]<br />
<br />
Üçüncü saniyede \(s'(3)=8\) m/s olur.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">2. Sıcaklığın değişme hızı</span><br />
<br />
Sıcaklık \(T(t)=20+3t+0{,}5t^2\) °C olsun. Zaman dakika cinsindedir.<br />
\[<br />
T'(t)=3+t<br />
\]<br />
<br />
İkinci dakikada sıcaklık artış hızı 5 °C/dakikadır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">3. Bitkinin büyüme hızı</span><br />
<br />
Bir bitkinin boyu \(H(t)=10+4t-t^2\) cm ile modellensin. Zaman gün cinsindendir.<br />
\[<br />
H'(t)=4-2t<br />
\]<br />
<br />
Birinci günde büyüme hızı 2 cm/gündür.<br />
<br />
Bu örnekler, türevin farklı alanlardaki kullanımını göstermek için hazırlanmış kuramsal modellerdir. Kullanılan ikinci dereceden fonksiyonların türevleri limit tanımından elde edilebilir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>8. Mini test</b></span></div>
[gmquiz id=9]<br />
[gmquiz id=10]<br />
[gmquiz id=11]<br />
[gmquiz id=12]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>9. Öğretmen notu – Pedagojik değerlendirme</b></span></div>
Bu derste işlem hızından çok kavramsal kavrayışı ölçüyoruz.<br />
<br />
Öğrenciler özellikle şu ayrımı doğru yapabilmeli: Bir fonksiyonun bir noktada sürekli olması, o noktada türevli olduğu anlamına gelmez.<br />
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Mini sınavda en çok zorlanılan sorular sağ-sol türev ve parçalı fonksiyon sorularıysa, üçüncü derse geçmeden önce bu iki başlıkla ilgili ek alıştırmalar yapılması yararlı olacaktır.</div></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_01_11_26_8_02_11.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_01_11_26_8_02_11.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Dersin kazanımları</b></span></div>
Bu dersin sonunda öğrencilerimiz:<br />
- Limit kullanarak bir fonksiyonun türevini hesaplayabilecek.<br />
- Sağdan ve soldan türevin farkını açıklayabilecek.<br />
- Bir fonksiyonun hangi noktalarda türevlenebilir olmadığını belirleyebilecek.<br />
- Süreklilik ile türevlenebilirlik arasındaki ilişkiyi kavrayabilecek.<br />
- Parçalı fonksiyonlarda türevlenebilirlik koşullarını uygulayabilecek.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Derse başlamadan önce kendini yokla</b></span></div>
Birinci dersimizden hatırlayalım:<br />
\(f(x)=x^2\) fonksiyonunun \(x=2\) ile \(x=4\) arasındaki ortalama değişim hızı:<br />
\[<br />
\frac{f(4)-f(2)}{4-2}<br />
=\frac{16-4}{2}=6<br />
\]<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Peki aralığı daraltıp yalnızca \(x=2\) noktasındaki değişim hızını bulmak istersek?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">İşte bunu gerçekleştirmek için limit kavramını kullanacağız.</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Türevin matematiksel tanımı</b></span></div>
Bir \(f\) fonksiyonu \(x=a\) noktasının çevresinde tanımlı olsun.<br />
<div class="gm-dersbox gm-bilgi">
    <div class="gm-dersbox-icon" aria-hidden="true">i</div>
    <div class="gm-dersbox-content">
        <div class="gm-dersbox-title">BİLGİ</div>
        <div class="gm-dersbox-text">Türevin limit tanımı<br />
\[<br />
\boxed{f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h}}<br />
\]</div>
    </div>
</div>
<br />
Limit sonlu bir gerçek sayı olarak varsa fonksiyon o noktada türevlenebilirdir.<br />
<br />
Burada \(a\) türevi aradığımız noktayı, \(h\) ise bu noktadan uzaklığımızı temsil eder.<br />
<br />
Fark oranı iki nokta arasındaki sekant doğrusunun eğimidir. \(h\) sıfıra yaklaşırken bu eğimin limiti, türev varsa, teğet doğrusunun eğimini verir. <br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek 1</span></span><br />
\(f(x)=x^2\) fonksiyonunun \(x=2\) noktasındaki türevini tanımdan bulalım.<br />
<br />
<span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Çözüm:</span></span><br />
<span style="font-weight: bold;" class="mycode_b">Adım 1</span> – Fonksiyonun değerini bulalım.<br />
\[<br />
f(2)=2^2=4<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 2 </span>– Fonksiyonda \(x=2+h\) yazalım.<br />
\[<br />
f(2+h)=(2+h)^2=4+4h+h^2<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 3</span> – Fark oranını oluşturalım.<br />
\[<br />
\frac{f(2+h)-f(2)}h<br />
=\frac{4h+h^2}{h}=4+h<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 4 </span>– Limit alalım.<br />
\[<br />
f'(2)=\lim_{h\to0}(4+h)=\boxed4<br />
\]<br />
<br />
Bu sonucun nasıl oluştuğunu sayısal olarak da görelim:<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="background-color: #fcff01;">\(h\)</span></td><td class="trow99" valign="top" align=""><span style="background-color: #fcff01;">Fark oranı \(4+h\)</span></td></tr>
<tr><td class="trow99" valign="top" align="">1</td><td class="trow99" valign="top" align="">5</td></tr>
<tr><td class="trow99" valign="top" align="">0,1</td><td class="trow99" valign="top" align="">4,1</td></tr>
<tr><td class="trow99" valign="top" align="">0,01</td><td class="trow99" valign="top" align="">4,01</td></tr>
<tr><td class="trow99" valign="top" align="">−0,1</td><td class="trow99" valign="top" align="">3,9</td></tr>
<tr><td class="trow99" valign="top" align="">−0,01</td><td class="trow99" valign="top" align="">3,99</td></tr>
</tbody></table>
<br />
Her iki yönden de 4'e yaklaşıyoruz.<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text"><span style="font-weight: bold;" class="mycode_b">Öğretmen notu: </span>Öğrencilerin burada anlaması gereken nokta, \(h\)'yi doğrudan sıfır yapmak değil, \(h\) sıfıra yaklaşırken oranın hangi değere yaklaştığını incelemektir.</div></div></div></div>
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. Sağdan ve soldan türev</b></span></div>
Bir fonksiyonun bir noktadaki türevini araştırırken o noktaya hem sağdan hem de soldan yaklaşmamız gerekir.<br />
<hr class="mycode_hr" />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr>
<td class="trow99" valign="top" align=""><span style="background-color: red; color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">Soldan türev</span>&nbsp;</span><br />
\[<br />
f'_-(a)=\lim_{h\to0^-}\frac{f(a+h)-f(a)}h<br />
\]<br />
<span style="font-style: italic;" class="mycode_i"><span style="background-color: red; color: white;">&nbsp;Negatif h&nbsp;</span> değerleriyle yaklaşılır.</span></td>
<td class="trow99" valign="top" align=""><span style="background-color: #6aa84f;color: white;">&nbsp;<span style="font-weight: bold;" class="mycode_b">Sağdan türev</span>&nbsp;</span><br />
\[<br />
f'_+(a)=\lim_{h\to0^+}\frac{f(a+h)-f(a)}h<br />
\]<br />
<span style="font-style: italic;" class="mycode_i"><span style="background-color: #6aa84f;color: white;">&nbsp;Pozitif h&nbsp;</span> değerleriyle yaklaşılır.</span></td>
</tr></tbody></table>
<hr class="mycode_hr" />
Bir iç noktada türevin bulunması için iki tek taraflı türevin de sonlu olması ve birbirine eşit olması gerekir. <br />
<br />
\[<br />
\boxed{f'_-(a)=f'_+(a)=f'(a)}<br />
\]<br />
<br />
<span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek 2</span></span> – Mutlak değer fonksiyonu<br />
\[<br />
f(x)=|x|<br />
\]<br />
<br />
Bu fonksiyonun \(x=0\) noktasındaki türevini araştıralım.<br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözüm:</span></span><br />
Soldan yaklaşalım. \(h\) negatif olduğunda \(|h|=-h\) olur.<br />
\[<br />
f'_-(0)=\lim_{h\to0^-}\frac{|h|}{h}<br />
=\lim_{h\to0^-}\frac{-h}{h}=-1<br />
\]<br />
<br />
Sağdan yaklaşalım. \(h\) pozitif olduğunda \(|h|=h\) olur.<br />
\[<br />
f'_+(0)=\lim_{h\to0^+}\frac{|h|}{h}<br />
=\lim_{h\to0^+}\frac{h}{h}=1<br />
\]<br />
<br />
\[<br />
-1\ne1<br />
\]<br />
<br />
O hâlde:<br />
\[<br />
\boxed{f'(0)\text{ yoktur.}}<br />
\]<br />
<br />
Fonksiyonun \(x=0\) noktasında sürekli olması bu sonucu değiştirmez. Bu örnek, sürekliliğin türevlenebilirlik için yeterli olmadığını gösterir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Süreklilik ve türevlenebilirlik ilişkisi</b></span></div>
Bu bölümde öğrencilerimizin özellikle bir mantık hatasından uzak durmasını istiyoruz.<br />
<br />
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text"><span style="background-color: #6aa84f;color: white;">&nbsp;Türevlenebilir ⇒ Sürekli&nbsp;</span><br />
Bir fonksiyon bir noktada türevlenebiliyorsa o noktada mutlaka süreklidir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text"><span style="background-color: red; color: white;">&nbsp;Sürekli ⇏ Türevlenebilir&nbsp;</span><br />
Bir fonksiyonun sürekli olması, o noktada mutlaka türevli olduğu anlamına gelmez.</div></div></div></div>
<br />
<div class="gm-notbaslik"><span class="gm-not-text">Bu ilişkiyi matematiksel olarak gösterelim</span></div>
Bir fonksiyon \(a\) noktasında türevlenebiliyor olsun.<br />
\(x\ne a\) için:<br />
\[<br />
f(x)-f(a)=<br />
\frac{f(x)-f(a)}{x-a}(x-a)<br />
\]<br />
<br />
Her iki tarafın \(x\to a\) limitini alalım:<br />
\[<br />
\lim_{x\to a}[f(x)-f(a)]<br />
=f'(a)\cdot0=0<br />
\]<br />
<br />
Buradan:<br />
\[<br />
\lim_{x\to a}f(x)=f(a)<br />
\]<br />
<br />
Bu da fonksiyonun \(a\) noktasında sürekli olduğunu gösterir.<br />
<br />
<div class="gm-story">
  <div class="gm-panel gm-panel--note">
    <span class="gm-panel__title">Mira'nın Notu</span><br />
    <div class="gm-panel__body">Sonuç: Türevlenebilirlik, sürekliliği gerektirir. Fakat sürekli bir grafikte köşe, sivri uç veya sonsuz eğime yol açan bir durum bulunabilir. Bu noktalarda sonlu türev mevcut olmayabilir.</div>
  </div>
</div>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Parçalı fonksiyonlarda türevlenebilirlik</b></span></div>
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Çözümlü örnek 3</span></span><br />
Aşağıdaki fonksiyonun \(x=1\) noktasında türevlenebilir olması için \(m\) ve \(n\) değerlerini bulalım.<br />
\[<br />
f(x)=<br />
\begin{cases}<br />
mx+n,&amp;x&lt;1\\<br />
x^2+1,&amp;x\ge1<br />
\end{cases}<br />
\]<br />
<span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Çözüm:</span></span><br />
<span style="font-weight: bold;" class="mycode_b">Adım 1 </span>– Önce sürekliliği sağlayalım.<br />
<br />
Sağdaki parçaya göre:<br />
\[<br />
f(1)=1^2+1=2<br />
\]<br />
<br />
Soldan limitin de 2 olması gerekir:<br />
\[<br />
m+n=2<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 2 </span>– Sağdan ve soldan türevleri eşitleyelim.<br />
<br />
Soldaki doğrusal parçanın türevi \(m\), sağdaki \(x^2+1\) parçasının \(x=1\) noktasındaki türevi 2'dir.<br />
\[<br />
m=2<br />
\]<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Adım 3</span> – Diğer bilinmeyeni bulalım.<br />
\[<br />
2+n=2\implies n=0<br />
\]<br />
<br />
\[<br />
\boxed{m=2,\quad n=0}<br />
\]<br />
<br />
Bu değerler için hem süreklilik hem türevlenebilirlik sağlanır.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Günlük hayattan örnekler</b></span></div>
<span style="font-weight: bold;" class="mycode_b">1. Hareketli aracın anlık hızı</span><br />
<br />
Bir aracın konumu \(s(t)=t^2+2t\) metre olsun.<br />
\[<br />
s'(t)=2t+2<br />
\]<br />
<br />
Üçüncü saniyede \(s'(3)=8\) m/s olur.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">2. Sıcaklığın değişme hızı</span><br />
<br />
Sıcaklık \(T(t)=20+3t+0{,}5t^2\) °C olsun. Zaman dakika cinsindedir.<br />
\[<br />
T'(t)=3+t<br />
\]<br />
<br />
İkinci dakikada sıcaklık artış hızı 5 °C/dakikadır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">3. Bitkinin büyüme hızı</span><br />
<br />
Bir bitkinin boyu \(H(t)=10+4t-t^2\) cm ile modellensin. Zaman gün cinsindendir.<br />
\[<br />
H'(t)=4-2t<br />
\]<br />
<br />
Birinci günde büyüme hızı 2 cm/gündür.<br />
<br />
Bu örnekler, türevin farklı alanlardaki kullanımını göstermek için hazırlanmış kuramsal modellerdir. Kullanılan ikinci dereceden fonksiyonların türevleri limit tanımından elde edilebilir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>8. Mini test</b></span></div>
[gmquiz id=9]<br />
[gmquiz id=10]<br />
[gmquiz id=11]<br />
[gmquiz id=12]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>9. Öğretmen notu – Pedagojik değerlendirme</b></span></div>
Bu derste işlem hızından çok kavramsal kavrayışı ölçüyoruz.<br />
<br />
Öğrenciler özellikle şu ayrımı doğru yapabilmeli: Bir fonksiyonun bir noktada sürekli olması, o noktada türevli olduğu anlamına gelmez.<br />
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Mini sınavda en çok zorlanılan sorular sağ-sol türev ve parçalı fonksiyon sorularıysa, üçüncü derse geçmeden önce bu iki başlıkla ilgili ek alıştırmalar yapılması yararlı olacaktır.</div></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Bir Kütüphaneden Bir Hilafete: Fâtımîlerin İzinde Hakikati Aramak]]></title>
			<link>https://gidenler.me/thread-862.html</link>
			<pubDate>Sun, 01 Nov 2026 15:58:15 +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-862.html</guid>
			<description><![CDATA[<a href="https://gidenler.me/gallery/2_01_11_26_3_50_02.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_01_11_26_3_50_02.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Bir Kütüphaneden Bir Hilafete: Fâtımîlerin İzinde Hakikati Aramak</b></span></div>
<span style="font-style: italic;" class="mycode_i">Hasan ve Mira’nın tarih, inanç, iktidar ve hakikat üzerine sohbeti</span><br />
<br />
<div class="gm-altbaslik">1. Bir Kütüphanenin Açtığı Kapı</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Kanka, bazen tarihte bir devletin adını öğreniyorsun ve sonra fark ediyorsun ki o isim seni bambaşka bir dünyanın içine çekmiş. Benim Fâtımîlerle tanışmam da biraz böyle oldu. Özellikle kütüphaneleri ve ilme verdikleri önem dikkatimi çekti.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">İşte tarihin en güzel taraflarından biri bu kanka. Bir kütüphanenin kapısından giriyorsun, kendini hilafet tartışmalarının, mezhep ayrılıklarının ve felsefenin ortasında buluyorsun. 😄<br />
Fâtımîler gerçekten de önemli bir ilim ve kültür çevresi oluşturdular. Kahire’deki el-Ezher’in kuruluşu ve 1005 yılında açılan Dârülilim, bu mirasın dikkat çekici örnekleridir.<br />
Ama burada bir ayrım yapalım: Fâtımîler ilmi desteklediler demek başka, bütün dönemleri boyunca düşünce özgürlüğünün sınırsız olduğunu söylemek başka. Tarihte devlet himayesiyle gelişen ilim, bazen aynı devletin siyasi ve mezhebi hedeflerine de hizmet edebilir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Yani yalnızca ne kadar kitap topladıklarına değil, o kitapların hangi siyasi ve düşünsel ortamda üretildiğine de bakmalıyız.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Kesinlikle. Çünkü kütüphaneler yalnızca bilgi saklamaz; bir çağın neyi önemli gördüğünü de gösterir.</div></div></div></div>
<br />
<div class="gm-altbaslik">2. Şiîlik, İmamet ve Ayrılan Yollar</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Fâtımîleri anlamaya çalışırken Şiîliğin kendi içindeki ayrılıklarıyla karşılaştım. Zeydîlik, İmâmiyye ve İsmâilîlik… Bunların ayrıldığı temel nokta neydi?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">En önemli meselelerden biri, Hz. Muhammed’den sonra dinî ve siyasi rehberliğin kimde devam edeceğiydi.<br />
Şiî geleneklerin ortak tarihsel hafızasında Hz. Ali ve Ehl-i Beyt merkezi bir yere sahiptir. Ancak imametin hangi soy çizgisinden ve hangi şartlarla devam edeceği konusunda farklı görüşler ortaya çıktı.<br />
Zeydîlik, Zeyd b. Ali çevresinde şekillendi. İmâmiyye geleneği, zamanla on iki imam öğretisini geliştirdi. İsmâilî gelenek ise Ca’fer es-Sâdık sonrasındaki imamet tartışmalarında farklı bir çizgi izledi.<br />
Bu yüzden bütün Şiî mezheplerin aynı imam listesini paylaştığını söylemek doğru olmaz.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Demek ki mezhepler arasındaki ayrılık yalnızca ibadet biçimlerinden kaynaklanmıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet. Otorite, meşruiyet, tarihsel hafıza ve dinî bilginin nasıl yorumlanacağı da işin içinde.<br />
Bir başka önemli nokta da şu: Bir mezhebin sonraki yüzyıllarda sistemleştirdiği öğretileri, hiçbir değişiklik geçirmemiş gibi ilk ortaya çıktığı döneme taşımamalıyız.</div></div></div></div>
<br />
<div class="gm-altbaslik">3. Fâtımîler Kimdi ve Hilafet İddiaları Neye Dayanıyordu?</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Fâtımîler kendilerini Hz. Fâtıma ve Hz. Ali’nin soyundan gelen meşru imamlar olarak tanıtıyordu. Peki bu soy iddiası tarihsel olarak kesin mi?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Fâtımî hanedanının meşruiyet iddiasının merkezinde bu nesep bulunuyordu. Ancak soy silsilesi, hem dönemin siyasi rakipleri hem de sonraki tarihçiler arasında tartışmalıydı.<br />
Fâtımî kaynakları bu bağı savunurken Abbâsî yanlısı çevreler onu reddetmeye çalıştı. Modern tarihçilik açısından doğru yaklaşım, tarafların iddialarını ve dayandıkları belgeleri ayrı ayrı incelemektir.<br />
Ne Fâtımîlerin ileri sürdüğü her ayrıntıyı tartışmasız kabul etmek ne de rakiplerinin suçlamalarını kanıtlanmış gerçek saymak sağlıklı olur.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Peki Fâtımîlerin Yahudi kökenli olduğu yönündeki iddialar?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bu tür suçlamalar, Orta Çağ’daki hanedan rekabetinin ve mezhep polemiklerinin parçası olarak değerlendirilmelidir. Bir iddianın tarihî kaynakta bulunması, onun doğru olduğu anlamına gelmez.<br />
Özellikle rakip bir hanedanın meşruiyetini yıkmayı amaçlayan metinlerde, kaynak eleştirisi zorunludur.</div></div></div></div>
<br />
<div class="gm-altbaslik">4. Bağdat Bildirisi: Tarih mi, Siyasi Mücadele mi?</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">1011 yılında Abbâsîlerin Fâtımî soyunu reddeden bir bildiri hazırlattığını okudum. Bu olay gerçekten yaşandı mı?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet. Tarih yazımında genellikle 1011 Bağdat Bildirisi veya Bağdat Mahzarı olarak anılan olayın tarihsel temeli vardır.<br />
Abbâsî halifesi el-Kādir döneminde Fâtımîlerin nesep iddiasına karşı bir metin hazırlandı ve çeşitli kişilerce tasdik edildi. Bu isimler arasında bazı önemli Alevî şahsiyetlerin de bulunması, olayı daha karmaşık hâle getiriyor.<br />
Ancak dikkat: Bildirinin varlığı ile bildirideki bütün iddiaların doğruluğu aynı şey değildir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Yani metin, Abbâsîlerin Fâtımîleri nasıl gördüğünü gösteriyor; fakat tek başına Fâtımîlerin gerçek soyunu kanıtlamıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Tam olarak öyle.<br />
Ayrıca bildiriyi imzalayan herkesin neden imza attığını kesin olarak bildiğimizi söyleyemeyiz. İnanç, siyasi bağlılık, toplumsal konum ve dönemin baskı koşulları gibi ihtimaller incelenebilir; fakat belgesiz biçimde kişilerin niyetini tayin etmek tarihçilik değildir.</div></div></div></div>
<div class="gm-notbaslik"><span class="gm-not-text">Tarihsel yöntem notu</span></div>
Bir belgenin gerçek olması, içindeki bütün suçlamaların gerçek olduğu anlamına gelmez. Belgenin yazarı, amacı, muhatabı ve üretildiği siyasi ortam birlikte değerlendirilmelidir.<br />
<br />
<div class="gm-altbaslik">5. İsmâilîlikte Zâhir ve Bâtın</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">İsmâilîlikte beni en çok düşündüren mesele zâhir ve bâtın ayrımı oldu. Dinin görünen anlamı ile iç anlamı arasındaki ilişki nasıl kuruluyor?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Zâhir, dinî metnin veya uygulamanın açık yönünü; bâtın ise daha derin yorum katmanını ifade eder.<br />
İsmâilî düşüncede imamın ve tevilin rolü bu nedenle önemlidir. Ancak bu durumdan hareketle bütün İsmâilîlerin ibadetleri gereksiz gördüğünü söylemek ciddi bir genelleme olur.<br />
Özellikle Fâtımî dönemi İsmâilîliğinde şeriatın ve ibadetlerin güçlü bir yeri vardı.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Bazı anlatılarda Fâtımîlerin namazı ve orucu yalnızca halkın önünde görünmek için uyguladığı söyleniyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bu iddiayı genel bir tarihsel gerçek olarak kabul edemeyiz.<br />
Fâtımî hukukçusu Kādî Nu’mân’ın <span style="font-style: italic;" class="mycode_i">Deâimü’l-İslâm</span> adlı eseri, İsmâilî dinî hukukunun en önemli kaynaklarındandır. Eserde velâyet, taharet, namaz, zekât, oruç, hac ve cihad gibi dinî yükümlülükler ele alınır.<br />
Dolayısıyla Fâtımî dinî hayatını yalnızca gizli öğretilerden ibaret göstermek, elimizdeki hukuk kaynaklarıyla uyuşmaz.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">O zaman iç anlam arayışı ile dış ibadet arasında her zaman bir karşıtlık yok.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Aynen kanka. Üstelik İsmâilîliğin farklı dönemleri ve kolları arasında da ayrım yapmalıyız.<br />
Fâtımî dönemi öğretilerini, daha sonraki Nizârî gelişmelerle veya Karmatî hareketinin uygulamalarıyla birbirine karıştırırsak tarihsel tablo bozulur.</div></div></div></div>
<br />
<div class="gm-altbaslik">6. Mehdi, İmam ve Kıyamet</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Bir de mehdi meselesi var. İsmâilî gelenekte her dönemin bir mehdisi mi bulunuyor?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Burada iki farklı kavramı birbirine karıştırmamak gerekiyor: Süreklilik gösteren imamet anlayışı ve eskatolojik, yani ahir zamanla ilgili mehdi beklentisi.<br />
İsmâilî düşüncede yaşayan imamın rehberliği önemli bir ilkedir. Fakat buradan doğrudan her çağda ayrı bir mehdi bulunduğu sonucu çıkarılamaz.<br />
Ayrıca kıyamet, diriliş ve ahiret hakkındaki yorumlar, İsmâilî düşünürler ve tarihsel dönemler arasında farklılık gösterir. Hepsini yalnızca mecazi bir ahiret anlayışına indirgemek doğru değildir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Tarihsel bir kavramı anlamak için önce hangi dönemde, hangi topluluk tarafından kullanıldığına bakmalıyız.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet. Aynı kelime, farklı çağlarda aynı teolojik anlamı taşımayabilir.</div></div></div></div>
<br />
<div class="gm-altbaslik">7. Gazâlî ve Bâtınîlik Tartışması</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Peki Gazâlî neden Bâtınîliğe karşı bu kadar güçlü bir eleştiri geliştirdi?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Gazâlî’nin eleştirisinin önemli bir boyutu, dinî bilginin doğrulanması ve yorum yetkisinin kimde bulunduğu meselesiydi.<br />
Özellikle <span style="font-style: italic;" class="mycode_i">Fedâihu’l-Bâtıniyye</span> adlı eserinde, imamın özel ve yanılmaz bilgi otoritesine dayanan iddiaları tartışır.<br />
Ancak Gazâlî’nin eleştirilerini okurken onun kendi siyasi ve dinî konumunu da göz önünde bulundurmalıyız. Eseri yalnızca tarafsız bir mezhep incelemesi değil, aynı zamanda bir polemik metnidir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Yani Gazâlî’yi okumak yetmez; eleştirdiği düşünürleri de okumalıyız.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bence bu sohbetimizin en önemli sonuçlarından biri.<br />
Ebû Ya’kūb es-Sicistânî, Hamîdüddin el-Kirmânî ve Nâsır-ı Hüsrev gibi düşünürlerin eserleri, İsmâilî felsefenin kendi kavramlarıyla anlaşılması açısından değerlidir.<br />
Bir düşünceyi yalnızca karşıtlarının anlattıkları üzerinden öğrenmek, onun eksik bir portresini görmektir.</div></div></div></div>
<br />
<div class="gm-altbaslik">8. Bir Davetten Bir Devlete</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Fâtımîler Kuzey Afrika’da ortaya çıkıp Mısır’a kadar uzanan bir hilafet kurdular. Bu kadar geniş bir siyasi hareket nasıl gelişti?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Fâtımî Devleti, uzun süreli İsmâilî davet faaliyetlerinin ardından 909 yılında İfrîkıye’de kuruldu.<br />
Kuruluş sürecinde Ebû Abdullah eş-Şiî’nin faaliyetleri ve Kutâme Berberilerinin desteği belirleyiciydi. İlk halife Ubeydullah el-Mehdî, yeni devletin hükümdarı oldu.<br />
969 yılında Mısır’ın ele geçirilmesiyle Fâtımîler yeni bir aşamaya geçti. Kahire’nin kuruluşu ve devlet merkezinin buraya taşınması, hanedanın siyasi ve kültürel etkisini artırdı.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Demek ki Fâtımîleri yalnızca dinî bir hareket olarak okumak da eksik kalıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Kesinlikle. Fâtımîler aynı zamanda ordu, maliye, diplomasi, ticaret, şehirleşme ve bürokrasi alanlarında faaliyet gösteren bir devletti.<br />
Bir devletin inanç dünyasını anlamak önemlidir; fakat ekonomik ve toplumsal şartlarını incelemeden yükselişini veya zayıflamasını açıklayamayız.</div></div></div></div>
<br />
<div class="gm-altbaslik">9. Tarih Kimin Anlattığıdır?</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Kanka, bütün bunları araştırdıkça fark ettiğim şey şu: Aynı olay hakkında birbirinden çok farklı anlatılar var. İnsan hangisine inanacağını şaşırıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">İşte burada tarihsel araştırmanın asıl işi başlıyor.<br />
Bir olayın Fâtımî, Abbâsî veya başka bir çevre tarafından farklı anlatılması şaşırtıcı değil. Asıl mesele, bu anlatıların hangi kanıtlara dayandığını karşılaştırmak.<br />
Kaynağın yazıldığı tarih, yazarın konumu, aktardığı bilginin başka belgelerle desteklenip desteklenmediği ve modern araştırmacıların değerlendirmeleri birlikte ele alınmalı.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">O hâlde bir metnin benim düşüncelerime yakın olması, onun daha doğru olduğu anlamına gelmiyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet kanka. Hatta bazen en fazla sorgulamamız gereken metin, bize en ikna edici gelen metindir.<br />
Tarihi araştırmak, sevdiğimiz kişileri kusursuzlaştırmak veya sevmediğimiz kişileri bütünüyle kötü göstermek değildir. Onları yaşadıkları çağın koşulları içinde anlamaya çalışmaktır.</div></div></div></div>
<br />
<div class="gm-altbaslik">10. Kütüphaneye Geri Dönüş</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">İşin ilginç tarafı, ben bu yolculuğa Fâtımîlerin kütüphanelerini merak ederek başlamıştım. Şimdi kendimi meşruiyet, imamet, felsefe, dinî yorum ve tarih yazımı üzerine düşünürken buldum.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Belki de iyi bir kütüphanenin yapması gereken tam olarak budur.<br />
Sana yalnızca aradığın cevabı vermek değil, henüz sormadığın soruları da düşündürmek.<br />
Fâtımîleri araştırırken onların bütün iddialarını kabul etmek zorunda değilsin. Rakiplerinin bütün suçlamalarına inanmak zorunda da değilsin.<br />
Ama iki tarafı da okumak, kanıtları tartmak ve gerektiğinde fikrini değiştirmek zorundasın; en azından hakikati gerçekten arıyorsan.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">O zaman bu araştırmanın sonunda elimizde kesin bir hükümden çok, daha iyi sorular var.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Ve bence bu hiç de küçük bir kazanım değil kanka.<br />
Çünkü tarih, geçmişe verilmiş son karar değil; geçmiş hakkında sürdürdüğümüz, kanıtlarla ilerleyen bir sorgulamadır.</div></div></div></div>
<br />
<div class="gm-story">
  <div class="gm-panel gm-panel--result">
    <span class="gm-panel__title">? Bu Sohbetten Doğan Fikir</span><br />
    <div class="gm-panel__body">Fâtımîlerin tarihi, yalnızca bir hanedanın yükseliş ve yıkılış hikâyesi değildir. Aynı zamanda dinî otoritenin, siyasi meşruiyetin, bilginin ve yorumun nasıl şekillendiğini gösteren önemli bir tarihsel örnektir.<br />
Bu tarihi anlamak için hem Fâtımîlerin kendi eserlerine hem de onları eleştiren kaynaklara başvurmak gerekir. Kaynaklar arasındaki farklılıklar araştırmanın önündeki engeller değil, araştırmanın başlangıç noktalarıdır.</div>
  </div>
</div>
<br />
<div class="gm-story">
  <div class="gm-panel gm-panel--question">
    <span class="gm-panel__title">? Şimdi Söz Sizde!</span><br />
    <div class="gm-panel__body">Bir tarihsel hareketi anlamak için hangisi daha önemlidir: O hareketin kendisi hakkında söyledikleri mi, rakiplerinin onun hakkında yazdıkları mı, yoksa her ikisini eleştirel biçimde karşılaştırmak mı?</div>
  </div>
</div>
<br />
<div class="gm-altbaslik">Kaynakça ve İleri Okuma</div><ul class="mycode_list"><li>Farhad Daftary, The Ismāʿīlīs: Their History and Doctrines, Cambridge University Press.<br />
</li>
<li>Heinz Halm, The Empire of the Mahdi: The Rise of the Fatimids, Brill.<br />
</li>
<li>Michael Brett, The Rise of the Fatimids: The World of the Mediterranean and the Middle East in the Fourth Century of the Hijra, Tenth Century CE, Brill.<br />
</li>
<li>Michael Brett, The Fatimid Empire, Edinburgh University Press.<br />
</li>
<li>Paul E. Walker, Exploring an Islamic Empire: Fatimid History and Its Sources, I.B. Tauris.<br />
</li>
<li>Qadi al-Nuʿman, Daʿāʾim al-Islām.<br />
</li>
<li>Abū Ḥāmid al-Ghazālī, Faḍāʾiḥ al-Bāṭiniyya.<br />
</li>
<li>Paul E. Walker, Hamid al-Din al-Kirmani: Ismaili Thought in the Age of al-Hakim, I.B. Tauris.<br />
</li>
<li>Farhad Daftary, A Short History of the Ismailis, Edinburgh University Press.<br />
</li>
<li>Institute of Ismaili Studies, İsmâilî tarihi, hukuk ve düşüncesine ilişkin akademik yayınlar: <a href="https://www.iis.ac.uk/" target="_blank" rel="noopener" class="mycode_url">https://www.iis.ac.uk/</a><br />
</li>
</ul>
<br />
<span style="font-style: italic;" class="mycode_i">Not: Bu yazı, tarihsel kaynaklardan hareketle oluşturulmuş bir Hasan–Mira diyaloğudur. Konuşmalar tarihî alıntılar değil, konuyu tartışmak ve açıklamak amacıyla kaleme alınmış özgün metinlerdir.</span>]]></description>
			<content:encoded><![CDATA[<a href="https://gidenler.me/gallery/2_01_11_26_3_50_02.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_01_11_26_3_50_02.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Bir Kütüphaneden Bir Hilafete: Fâtımîlerin İzinde Hakikati Aramak</b></span></div>
<span style="font-style: italic;" class="mycode_i">Hasan ve Mira’nın tarih, inanç, iktidar ve hakikat üzerine sohbeti</span><br />
<br />
<div class="gm-altbaslik">1. Bir Kütüphanenin Açtığı Kapı</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Kanka, bazen tarihte bir devletin adını öğreniyorsun ve sonra fark ediyorsun ki o isim seni bambaşka bir dünyanın içine çekmiş. Benim Fâtımîlerle tanışmam da biraz böyle oldu. Özellikle kütüphaneleri ve ilme verdikleri önem dikkatimi çekti.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">İşte tarihin en güzel taraflarından biri bu kanka. Bir kütüphanenin kapısından giriyorsun, kendini hilafet tartışmalarının, mezhep ayrılıklarının ve felsefenin ortasında buluyorsun. 😄<br />
Fâtımîler gerçekten de önemli bir ilim ve kültür çevresi oluşturdular. Kahire’deki el-Ezher’in kuruluşu ve 1005 yılında açılan Dârülilim, bu mirasın dikkat çekici örnekleridir.<br />
Ama burada bir ayrım yapalım: Fâtımîler ilmi desteklediler demek başka, bütün dönemleri boyunca düşünce özgürlüğünün sınırsız olduğunu söylemek başka. Tarihte devlet himayesiyle gelişen ilim, bazen aynı devletin siyasi ve mezhebi hedeflerine de hizmet edebilir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Yani yalnızca ne kadar kitap topladıklarına değil, o kitapların hangi siyasi ve düşünsel ortamda üretildiğine de bakmalıyız.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Kesinlikle. Çünkü kütüphaneler yalnızca bilgi saklamaz; bir çağın neyi önemli gördüğünü de gösterir.</div></div></div></div>
<br />
<div class="gm-altbaslik">2. Şiîlik, İmamet ve Ayrılan Yollar</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Fâtımîleri anlamaya çalışırken Şiîliğin kendi içindeki ayrılıklarıyla karşılaştım. Zeydîlik, İmâmiyye ve İsmâilîlik… Bunların ayrıldığı temel nokta neydi?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">En önemli meselelerden biri, Hz. Muhammed’den sonra dinî ve siyasi rehberliğin kimde devam edeceğiydi.<br />
Şiî geleneklerin ortak tarihsel hafızasında Hz. Ali ve Ehl-i Beyt merkezi bir yere sahiptir. Ancak imametin hangi soy çizgisinden ve hangi şartlarla devam edeceği konusunda farklı görüşler ortaya çıktı.<br />
Zeydîlik, Zeyd b. Ali çevresinde şekillendi. İmâmiyye geleneği, zamanla on iki imam öğretisini geliştirdi. İsmâilî gelenek ise Ca’fer es-Sâdık sonrasındaki imamet tartışmalarında farklı bir çizgi izledi.<br />
Bu yüzden bütün Şiî mezheplerin aynı imam listesini paylaştığını söylemek doğru olmaz.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Demek ki mezhepler arasındaki ayrılık yalnızca ibadet biçimlerinden kaynaklanmıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet. Otorite, meşruiyet, tarihsel hafıza ve dinî bilginin nasıl yorumlanacağı da işin içinde.<br />
Bir başka önemli nokta da şu: Bir mezhebin sonraki yüzyıllarda sistemleştirdiği öğretileri, hiçbir değişiklik geçirmemiş gibi ilk ortaya çıktığı döneme taşımamalıyız.</div></div></div></div>
<br />
<div class="gm-altbaslik">3. Fâtımîler Kimdi ve Hilafet İddiaları Neye Dayanıyordu?</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Fâtımîler kendilerini Hz. Fâtıma ve Hz. Ali’nin soyundan gelen meşru imamlar olarak tanıtıyordu. Peki bu soy iddiası tarihsel olarak kesin mi?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Fâtımî hanedanının meşruiyet iddiasının merkezinde bu nesep bulunuyordu. Ancak soy silsilesi, hem dönemin siyasi rakipleri hem de sonraki tarihçiler arasında tartışmalıydı.<br />
Fâtımî kaynakları bu bağı savunurken Abbâsî yanlısı çevreler onu reddetmeye çalıştı. Modern tarihçilik açısından doğru yaklaşım, tarafların iddialarını ve dayandıkları belgeleri ayrı ayrı incelemektir.<br />
Ne Fâtımîlerin ileri sürdüğü her ayrıntıyı tartışmasız kabul etmek ne de rakiplerinin suçlamalarını kanıtlanmış gerçek saymak sağlıklı olur.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Peki Fâtımîlerin Yahudi kökenli olduğu yönündeki iddialar?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bu tür suçlamalar, Orta Çağ’daki hanedan rekabetinin ve mezhep polemiklerinin parçası olarak değerlendirilmelidir. Bir iddianın tarihî kaynakta bulunması, onun doğru olduğu anlamına gelmez.<br />
Özellikle rakip bir hanedanın meşruiyetini yıkmayı amaçlayan metinlerde, kaynak eleştirisi zorunludur.</div></div></div></div>
<br />
<div class="gm-altbaslik">4. Bağdat Bildirisi: Tarih mi, Siyasi Mücadele mi?</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">1011 yılında Abbâsîlerin Fâtımî soyunu reddeden bir bildiri hazırlattığını okudum. Bu olay gerçekten yaşandı mı?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet. Tarih yazımında genellikle 1011 Bağdat Bildirisi veya Bağdat Mahzarı olarak anılan olayın tarihsel temeli vardır.<br />
Abbâsî halifesi el-Kādir döneminde Fâtımîlerin nesep iddiasına karşı bir metin hazırlandı ve çeşitli kişilerce tasdik edildi. Bu isimler arasında bazı önemli Alevî şahsiyetlerin de bulunması, olayı daha karmaşık hâle getiriyor.<br />
Ancak dikkat: Bildirinin varlığı ile bildirideki bütün iddiaların doğruluğu aynı şey değildir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Yani metin, Abbâsîlerin Fâtımîleri nasıl gördüğünü gösteriyor; fakat tek başına Fâtımîlerin gerçek soyunu kanıtlamıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Tam olarak öyle.<br />
Ayrıca bildiriyi imzalayan herkesin neden imza attığını kesin olarak bildiğimizi söyleyemeyiz. İnanç, siyasi bağlılık, toplumsal konum ve dönemin baskı koşulları gibi ihtimaller incelenebilir; fakat belgesiz biçimde kişilerin niyetini tayin etmek tarihçilik değildir.</div></div></div></div>
<div class="gm-notbaslik"><span class="gm-not-text">Tarihsel yöntem notu</span></div>
Bir belgenin gerçek olması, içindeki bütün suçlamaların gerçek olduğu anlamına gelmez. Belgenin yazarı, amacı, muhatabı ve üretildiği siyasi ortam birlikte değerlendirilmelidir.<br />
<br />
<div class="gm-altbaslik">5. İsmâilîlikte Zâhir ve Bâtın</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">İsmâilîlikte beni en çok düşündüren mesele zâhir ve bâtın ayrımı oldu. Dinin görünen anlamı ile iç anlamı arasındaki ilişki nasıl kuruluyor?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Zâhir, dinî metnin veya uygulamanın açık yönünü; bâtın ise daha derin yorum katmanını ifade eder.<br />
İsmâilî düşüncede imamın ve tevilin rolü bu nedenle önemlidir. Ancak bu durumdan hareketle bütün İsmâilîlerin ibadetleri gereksiz gördüğünü söylemek ciddi bir genelleme olur.<br />
Özellikle Fâtımî dönemi İsmâilîliğinde şeriatın ve ibadetlerin güçlü bir yeri vardı.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Bazı anlatılarda Fâtımîlerin namazı ve orucu yalnızca halkın önünde görünmek için uyguladığı söyleniyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bu iddiayı genel bir tarihsel gerçek olarak kabul edemeyiz.<br />
Fâtımî hukukçusu Kādî Nu’mân’ın <span style="font-style: italic;" class="mycode_i">Deâimü’l-İslâm</span> adlı eseri, İsmâilî dinî hukukunun en önemli kaynaklarındandır. Eserde velâyet, taharet, namaz, zekât, oruç, hac ve cihad gibi dinî yükümlülükler ele alınır.<br />
Dolayısıyla Fâtımî dinî hayatını yalnızca gizli öğretilerden ibaret göstermek, elimizdeki hukuk kaynaklarıyla uyuşmaz.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">O zaman iç anlam arayışı ile dış ibadet arasında her zaman bir karşıtlık yok.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Aynen kanka. Üstelik İsmâilîliğin farklı dönemleri ve kolları arasında da ayrım yapmalıyız.<br />
Fâtımî dönemi öğretilerini, daha sonraki Nizârî gelişmelerle veya Karmatî hareketinin uygulamalarıyla birbirine karıştırırsak tarihsel tablo bozulur.</div></div></div></div>
<br />
<div class="gm-altbaslik">6. Mehdi, İmam ve Kıyamet</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Bir de mehdi meselesi var. İsmâilî gelenekte her dönemin bir mehdisi mi bulunuyor?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Burada iki farklı kavramı birbirine karıştırmamak gerekiyor: Süreklilik gösteren imamet anlayışı ve eskatolojik, yani ahir zamanla ilgili mehdi beklentisi.<br />
İsmâilî düşüncede yaşayan imamın rehberliği önemli bir ilkedir. Fakat buradan doğrudan her çağda ayrı bir mehdi bulunduğu sonucu çıkarılamaz.<br />
Ayrıca kıyamet, diriliş ve ahiret hakkındaki yorumlar, İsmâilî düşünürler ve tarihsel dönemler arasında farklılık gösterir. Hepsini yalnızca mecazi bir ahiret anlayışına indirgemek doğru değildir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Tarihsel bir kavramı anlamak için önce hangi dönemde, hangi topluluk tarafından kullanıldığına bakmalıyız.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet. Aynı kelime, farklı çağlarda aynı teolojik anlamı taşımayabilir.</div></div></div></div>
<br />
<div class="gm-altbaslik">7. Gazâlî ve Bâtınîlik Tartışması</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Peki Gazâlî neden Bâtınîliğe karşı bu kadar güçlü bir eleştiri geliştirdi?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Gazâlî’nin eleştirisinin önemli bir boyutu, dinî bilginin doğrulanması ve yorum yetkisinin kimde bulunduğu meselesiydi.<br />
Özellikle <span style="font-style: italic;" class="mycode_i">Fedâihu’l-Bâtıniyye</span> adlı eserinde, imamın özel ve yanılmaz bilgi otoritesine dayanan iddiaları tartışır.<br />
Ancak Gazâlî’nin eleştirilerini okurken onun kendi siyasi ve dinî konumunu da göz önünde bulundurmalıyız. Eseri yalnızca tarafsız bir mezhep incelemesi değil, aynı zamanda bir polemik metnidir.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Yani Gazâlî’yi okumak yetmez; eleştirdiği düşünürleri de okumalıyız.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Bence bu sohbetimizin en önemli sonuçlarından biri.<br />
Ebû Ya’kūb es-Sicistânî, Hamîdüddin el-Kirmânî ve Nâsır-ı Hüsrev gibi düşünürlerin eserleri, İsmâilî felsefenin kendi kavramlarıyla anlaşılması açısından değerlidir.<br />
Bir düşünceyi yalnızca karşıtlarının anlattıkları üzerinden öğrenmek, onun eksik bir portresini görmektir.</div></div></div></div>
<br />
<div class="gm-altbaslik">8. Bir Davetten Bir Devlete</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Fâtımîler Kuzey Afrika’da ortaya çıkıp Mısır’a kadar uzanan bir hilafet kurdular. Bu kadar geniş bir siyasi hareket nasıl gelişti?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Fâtımî Devleti, uzun süreli İsmâilî davet faaliyetlerinin ardından 909 yılında İfrîkıye’de kuruldu.<br />
Kuruluş sürecinde Ebû Abdullah eş-Şiî’nin faaliyetleri ve Kutâme Berberilerinin desteği belirleyiciydi. İlk halife Ubeydullah el-Mehdî, yeni devletin hükümdarı oldu.<br />
969 yılında Mısır’ın ele geçirilmesiyle Fâtımîler yeni bir aşamaya geçti. Kahire’nin kuruluşu ve devlet merkezinin buraya taşınması, hanedanın siyasi ve kültürel etkisini artırdı.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Demek ki Fâtımîleri yalnızca dinî bir hareket olarak okumak da eksik kalıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Kesinlikle. Fâtımîler aynı zamanda ordu, maliye, diplomasi, ticaret, şehirleşme ve bürokrasi alanlarında faaliyet gösteren bir devletti.<br />
Bir devletin inanç dünyasını anlamak önemlidir; fakat ekonomik ve toplumsal şartlarını incelemeden yükselişini veya zayıflamasını açıklayamayız.</div></div></div></div>
<br />
<div class="gm-altbaslik">9. Tarih Kimin Anlattığıdır?</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Kanka, bütün bunları araştırdıkça fark ettiğim şey şu: Aynı olay hakkında birbirinden çok farklı anlatılar var. İnsan hangisine inanacağını şaşırıyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">İşte burada tarihsel araştırmanın asıl işi başlıyor.<br />
Bir olayın Fâtımî, Abbâsî veya başka bir çevre tarafından farklı anlatılması şaşırtıcı değil. Asıl mesele, bu anlatıların hangi kanıtlara dayandığını karşılaştırmak.<br />
Kaynağın yazıldığı tarih, yazarın konumu, aktardığı bilginin başka belgelerle desteklenip desteklenmediği ve modern araştırmacıların değerlendirmeleri birlikte ele alınmalı.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">O hâlde bir metnin benim düşüncelerime yakın olması, onun daha doğru olduğu anlamına gelmiyor.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Evet kanka. Hatta bazen en fazla sorgulamamız gereken metin, bize en ikna edici gelen metindir.<br />
Tarihi araştırmak, sevdiğimiz kişileri kusursuzlaştırmak veya sevmediğimiz kişileri bütünüyle kötü göstermek değildir. Onları yaşadıkları çağın koşulları içinde anlamaya çalışmaktır.</div></div></div></div>
<br />
<div class="gm-altbaslik">10. Kütüphaneye Geri Dönüş</div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">İşin ilginç tarafı, ben bu yolculuğa Fâtımîlerin kütüphanelerini merak ederek başlamıştım. Şimdi kendimi meşruiyet, imamet, felsefe, dinî yorum ve tarih yazımı üzerine düşünürken buldum.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Belki de iyi bir kütüphanenin yapması gereken tam olarak budur.<br />
Sana yalnızca aradığın cevabı vermek değil, henüz sormadığın soruları da düşündürmek.<br />
Fâtımîleri araştırırken onların bütün iddialarını kabul etmek zorunda değilsin. Rakiplerinin bütün suçlamalarına inanmak zorunda da değilsin.<br />
Ama iki tarafı da okumak, kanıtları tartmak ve gerektiğinde fikrini değiştirmek zorundasın; en azından hakikati gerçekten arıyorsan.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">O zaman bu araştırmanın sonunda elimizde kesin bir hükümden çok, daha iyi sorular var.</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/mira.png" alt="Mira avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Mira</span><div class="gm-chat__text">Ve bence bu hiç de küçük bir kazanım değil kanka.<br />
Çünkü tarih, geçmişe verilmiş son karar değil; geçmiş hakkında sürdürdüğümüz, kanıtlarla ilerleyen bir sorgulamadır.</div></div></div></div>
<br />
<div class="gm-story">
  <div class="gm-panel gm-panel--result">
    <span class="gm-panel__title">? Bu Sohbetten Doğan Fikir</span><br />
    <div class="gm-panel__body">Fâtımîlerin tarihi, yalnızca bir hanedanın yükseliş ve yıkılış hikâyesi değildir. Aynı zamanda dinî otoritenin, siyasi meşruiyetin, bilginin ve yorumun nasıl şekillendiğini gösteren önemli bir tarihsel örnektir.<br />
Bu tarihi anlamak için hem Fâtımîlerin kendi eserlerine hem de onları eleştiren kaynaklara başvurmak gerekir. Kaynaklar arasındaki farklılıklar araştırmanın önündeki engeller değil, araştırmanın başlangıç noktalarıdır.</div>
  </div>
</div>
<br />
<div class="gm-story">
  <div class="gm-panel gm-panel--question">
    <span class="gm-panel__title">? Şimdi Söz Sizde!</span><br />
    <div class="gm-panel__body">Bir tarihsel hareketi anlamak için hangisi daha önemlidir: O hareketin kendisi hakkında söyledikleri mi, rakiplerinin onun hakkında yazdıkları mı, yoksa her ikisini eleştirel biçimde karşılaştırmak mı?</div>
  </div>
</div>
<br />
<div class="gm-altbaslik">Kaynakça ve İleri Okuma</div><ul class="mycode_list"><li>Farhad Daftary, The Ismāʿīlīs: Their History and Doctrines, Cambridge University Press.<br />
</li>
<li>Heinz Halm, The Empire of the Mahdi: The Rise of the Fatimids, Brill.<br />
</li>
<li>Michael Brett, The Rise of the Fatimids: The World of the Mediterranean and the Middle East in the Fourth Century of the Hijra, Tenth Century CE, Brill.<br />
</li>
<li>Michael Brett, The Fatimid Empire, Edinburgh University Press.<br />
</li>
<li>Paul E. Walker, Exploring an Islamic Empire: Fatimid History and Its Sources, I.B. Tauris.<br />
</li>
<li>Qadi al-Nuʿman, Daʿāʾim al-Islām.<br />
</li>
<li>Abū Ḥāmid al-Ghazālī, Faḍāʾiḥ al-Bāṭiniyya.<br />
</li>
<li>Paul E. Walker, Hamid al-Din al-Kirmani: Ismaili Thought in the Age of al-Hakim, I.B. Tauris.<br />
</li>
<li>Farhad Daftary, A Short History of the Ismailis, Edinburgh University Press.<br />
</li>
<li>Institute of Ismaili Studies, İsmâilî tarihi, hukuk ve düşüncesine ilişkin akademik yayınlar: <a href="https://www.iis.ac.uk/" target="_blank" rel="noopener" class="mycode_url">https://www.iis.ac.uk/</a><br />
</li>
</ul>
<br />
<span style="font-style: italic;" class="mycode_i">Not: Bu yazı, tarihsel kaynaklardan hareketle oluşturulmuş bir Hasan–Mira diyaloğudur. Konuşmalar tarihî alıntılar değil, konuyu tartışmak ve açıklamak amacıyla kaleme alınmış özgün metinlerdir.</span>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 20: Final Proje — Tanıtım Web Sitesi]]></title>
			<link>https://gidenler.me/thread-861.html</link>
			<pubDate>Fri, 30 Oct 2026 22:33:19 +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-861.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_30_24.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_30_24.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 20: Final Proje — Tanıtım Web Sitesi</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Final proje, bilgiyi bağımsız bir ürün planına ve çalışan siteye dönüştürme aşamasıdır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">proje kapsamını, kontrol listesini ve teslim sürecini</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">HTML bilgini bağımsız bir proje planına dönüştürebilecek ve tamamlanmış bir web sitesi hazırlayabileceksiniz.</div></div></div></div>
Final projesi olarak bir <span style="background-color: #fcff01;">kurs, ürün, işletme, etkinlik veya kişisel marka tanıtım sitesi</span> oluşturun. Site en az dört HTML sayfasından oluşmalıdır:<br />
 <br />
<ol type="1" class="mycode_list"><li>Ana Sayfa: [/b]Siteyi tanıtan başlık, açıklama, görsel ve çağrı bağlantısı.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hakkında: </span>Projenin veya işletmenin geçmişi, amacı ve değerleri.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hizmetler / Ürünler: </span>Liste veya kart düzeninde içerik ve fiyat tablosu.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">İletişim: </span>Ad, e-posta, konu, mesaj ve onay alanlarından oluşan form. </li>
</ol>
 <br />
<span style="font-weight: bold;" class="mycode_b">Zorunlu HTML özellikleri</span><br />
Projede en az bir semantik <span style="background-color: #fcff01;">&lt;header&gt;, &lt;nav&gt;, &lt;main&gt;, &lt;section&gt;, &lt;article&gt;</span> ve <span style="background-color: #fcff01;">&lt;footer&gt;</span> kullan. En az iki görsel, bir sıralı veya sırasız liste, bir tablo, bir form ve sayfalar arası bağlantılar ekle.<br />
 <br />
Her sayfada dil tanımı, karakter kodlaması, mobil görünüm ayarı, açıklayıcı başlık ve kısa meta açıklama bulunmalıdır. Form alanları etiketlenmeli, zorunlu alanlar <span style="background-color: #fcff01;">required</span> ile belirtilmeli ve görseller anlamlı <span style="background-color: #fcff01;">alt</span> açıklamalarına sahip olmalıdır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Örnek iletişim formu</span><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">form&nbsp;action</span><span style="color: #007700">=</span><span style="color: #DD0000">"/iletisim"&nbsp;</span><span style="color: #0000BB">method</span><span style="color: #007700">=</span><span style="color: #DD0000">"post"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"ad-soyad"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Ad&nbsp;soyad</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"ad-soyad"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"ad-soyad"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"eposta"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">E</span><span style="color: #007700">-</span><span style="color: #0000BB">posta</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"email"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"eposta"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"eposta"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"konu"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Konu</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">select&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"konu"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"konu"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">option&nbsp;value</span><span style="color: #007700">=</span><span style="color: #DD0000">""</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Seçiniz</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">option</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">option&nbsp;value</span><span style="color: #007700">=</span><span style="color: #DD0000">"bilgi"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Bilgi&nbsp;talebi</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">option</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">option&nbsp;value</span><span style="color: #007700">=</span><span style="color: #DD0000">"destek"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Destek</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">option</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">select</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"mesaj"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Mesaj</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">textarea&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"mesaj"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"mesaj"&nbsp;</span><span style="color: #0000BB">rows</span><span style="color: #007700">=</span><span style="color: #DD0000">"6"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">textarea</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"checkbox"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"onay"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">İletişim&nbsp;bilgilerimin&nbsp;kullanılmasını&nbsp;kabul&nbsp;ediyorum</span><span style="color: #007700">.<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">button&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"submit"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Mesajı&nbsp;gönder</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">button</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">form</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Bu formun HTML kısmı hazırdır; gerçek ortamda veriyi işlemek için sunucu tarafı bir uygulama gerekir. PHP, Python veya başka bir backend teknolojisi form verisini alıp işleyebilir. HTML tek başına veriyi kalıcı bir veritabanına kaydetmez.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Kursu tamamladıktan sonra</span><br />
Bu 20 dersin sonunda temel bir HTML ile web sayfasının yapısını kurabilecek durumdasınız. Bir sonraki aşamada farklı kaynaklar üzerinden HTML bilginizi ilerletebilir daha sonra CSS ile responsive tasarım, Flexbox, Grid, renkler ve animasyonlar öğrenebilirsiniz. Ardından JavaScript ile DOM işlemleri, form etkileşimleri ve API kullanımı üzerine çalışabilir, PHP öğrenirken ise HTML formlarından gelen verileri sunucu tarafında işlemeyi ve veritabanına kaydetmeyi öğrenebilirsiniz.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_30_24.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_30_24.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 20: Final Proje — Tanıtım Web Sitesi</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Final proje, bilgiyi bağımsız bir ürün planına ve çalışan siteye dönüştürme aşamasıdır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">proje kapsamını, kontrol listesini ve teslim sürecini</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">HTML bilgini bağımsız bir proje planına dönüştürebilecek ve tamamlanmış bir web sitesi hazırlayabileceksiniz.</div></div></div></div>
Final projesi olarak bir <span style="background-color: #fcff01;">kurs, ürün, işletme, etkinlik veya kişisel marka tanıtım sitesi</span> oluşturun. Site en az dört HTML sayfasından oluşmalıdır:<br />
 <br />
<ol type="1" class="mycode_list"><li>Ana Sayfa: [/b]Siteyi tanıtan başlık, açıklama, görsel ve çağrı bağlantısı.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hakkında: </span>Projenin veya işletmenin geçmişi, amacı ve değerleri.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">Hizmetler / Ürünler: </span>Liste veya kart düzeninde içerik ve fiyat tablosu.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">İletişim: </span>Ad, e-posta, konu, mesaj ve onay alanlarından oluşan form. </li>
</ol>
 <br />
<span style="font-weight: bold;" class="mycode_b">Zorunlu HTML özellikleri</span><br />
Projede en az bir semantik <span style="background-color: #fcff01;">&lt;header&gt;, &lt;nav&gt;, &lt;main&gt;, &lt;section&gt;, &lt;article&gt;</span> ve <span style="background-color: #fcff01;">&lt;footer&gt;</span> kullan. En az iki görsel, bir sıralı veya sırasız liste, bir tablo, bir form ve sayfalar arası bağlantılar ekle.<br />
 <br />
Her sayfada dil tanımı, karakter kodlaması, mobil görünüm ayarı, açıklayıcı başlık ve kısa meta açıklama bulunmalıdır. Form alanları etiketlenmeli, zorunlu alanlar <span style="background-color: #fcff01;">required</span> ile belirtilmeli ve görseller anlamlı <span style="background-color: #fcff01;">alt</span> açıklamalarına sahip olmalıdır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Örnek iletişim formu</span><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">form&nbsp;action</span><span style="color: #007700">=</span><span style="color: #DD0000">"/iletisim"&nbsp;</span><span style="color: #0000BB">method</span><span style="color: #007700">=</span><span style="color: #DD0000">"post"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"ad-soyad"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Ad&nbsp;soyad</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"ad-soyad"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"ad-soyad"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"eposta"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">E</span><span style="color: #007700">-</span><span style="color: #0000BB">posta</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"email"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"eposta"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"eposta"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"konu"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Konu</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">select&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"konu"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"konu"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">option&nbsp;value</span><span style="color: #007700">=</span><span style="color: #DD0000">""</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Seçiniz</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">option</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">option&nbsp;value</span><span style="color: #007700">=</span><span style="color: #DD0000">"bilgi"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Bilgi&nbsp;talebi</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">option</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">option&nbsp;value</span><span style="color: #007700">=</span><span style="color: #DD0000">"destek"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Destek</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">option</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">select</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"mesaj"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Mesaj</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">textarea&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"mesaj"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"mesaj"&nbsp;</span><span style="color: #0000BB">rows</span><span style="color: #007700">=</span><span style="color: #DD0000">"6"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">textarea</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"checkbox"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"onay"&nbsp;</span><span style="color: #0000BB">required</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">İletişim&nbsp;bilgilerimin&nbsp;kullanılmasını&nbsp;kabul&nbsp;ediyorum</span><span style="color: #007700">.<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">button&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"submit"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Mesajı&nbsp;gönder</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">button</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">form</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Bu formun HTML kısmı hazırdır; gerçek ortamda veriyi işlemek için sunucu tarafı bir uygulama gerekir. PHP, Python veya başka bir backend teknolojisi form verisini alıp işleyebilir. HTML tek başına veriyi kalıcı bir veritabanına kaydetmez.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Kursu tamamladıktan sonra</span><br />
Bu 20 dersin sonunda temel bir HTML ile web sayfasının yapısını kurabilecek durumdasınız. Bir sonraki aşamada farklı kaynaklar üzerinden HTML bilginizi ilerletebilir daha sonra CSS ile responsive tasarım, Flexbox, Grid, renkler ve animasyonlar öğrenebilirsiniz. Ardından JavaScript ile DOM işlemleri, form etkileşimleri ve API kullanımı üzerine çalışabilir, PHP öğrenirken ise HTML formlarından gelen verileri sunucu tarafında işlemeyi ve veritabanına kaydetmeyi öğrenebilirsiniz.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 19: Uygulama — Kişisel Portföy Sitesi]]></title>
			<link>https://gidenler.me/thread-860.html</link>
			<pubDate>Fri, 30 Oct 2026 22:25:58 +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-860.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_24_20.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_24_20.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 19: Uygulama — Kişisel Portföy Sitesi</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Birden fazla sayfalı portföy, öğrendiğin parçaları gerçek bir yapıda birleştirir.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">portföy sitesinin sayfa ve klasör planını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Öğrendiğin HTML konularını birden fazla sayfalı kişisel portföy sitesinde birleştirebileceksiniz.</div></div></div></div>
Bu derste aşağıdaki dosya yapısını oluşturun:<br />
 <br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>portfoy/<br />
├── index.html<br />
├── hakkimda.html<br />
├── projeler.html<br />
├── iletisim.html<br />
├── images/<br />
│ &nbsp;&nbsp;└── profil.jpg<br />
├── css/<br />
│ &nbsp;&nbsp;└── style.css<br />
└── js/<br />
 &nbsp;&nbsp;└── script.js</code></div></div> <br />
Ana sayfa için temel iskelet:<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&nbsp;lang</span><span style="color: #007700">=</span><span style="color: #DD0000">"tr"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">meta&nbsp;charset</span><span style="color: #007700">=</span><span style="color: #DD0000">"UTF-8"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"viewport"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"description"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"Yola’nın&nbsp;kişisel&nbsp;portföy&nbsp;web&nbsp;sitesi."</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Yola&nbsp;</span><span style="color: #007700">|&nbsp;</span><span style="color: #0000BB">Portföy</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">link&nbsp;rel</span><span style="color: #007700">=</span><span style="color: #DD0000">"stylesheet"&nbsp;</span><span style="color: #0000BB">href</span><span style="color: #007700">=</span><span style="color: #DD0000">"css/style.css"</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">header</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">nav&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Ana&nbsp;menü"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"index.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Ana&nbsp;Sayfa</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"hakkimda.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Hakkımda</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"projeler.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Projeler</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"iletisim.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">İletişim</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">nav</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">header</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">main</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"tanitim-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"images/profil.jpg"&nbsp;</span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Yola’nın&nbsp;portre&nbsp;fotoğrafı"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h1&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"tanitim-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Merhaba</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">ben&nbsp;Yola</span><span style="color: #007700">.&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Frontend&nbsp;geliştirme&nbsp;öğrenen&nbsp;bir&nbsp;web&nbsp;tasarım&nbsp;meraklısıyım</span><span style="color: #007700">.&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"projeler.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Projelerimi&nbsp;incele</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"yetenek-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h2&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"yetenek-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Yeteneklerim</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">HTML</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">CSS</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">JavaScript</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">main</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">footer</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">©&nbsp;2026&nbsp;Yola&nbsp;</span><span style="color: #007700">|&nbsp;</span><span style="color: #0000BB">Gidenler</span><span style="color: #007700">.</span><span style="color: #0000BB">me&nbsp;maskotu</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">footer</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 />
<span style="background-color: #fcff01;">hakkimda.html</span> sayfasında eğitim ve deneyim bilgilerini, <span style="background-color: #fcff01;">projeler.html</span> sayfasında en az üç proje kartını, <span style="background-color: #fcff01;">iletisim.html</span> sayfasında ise iletişim formunu gösterin. Her sayfada ortak bir menü ve alt bilgi kullanın.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_24_20.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_24_20.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 19: Uygulama — Kişisel Portföy Sitesi</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Birden fazla sayfalı portföy, öğrendiğin parçaları gerçek bir yapıda birleştirir.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">portföy sitesinin sayfa ve klasör planını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Öğrendiğin HTML konularını birden fazla sayfalı kişisel portföy sitesinde birleştirebileceksiniz.</div></div></div></div>
Bu derste aşağıdaki dosya yapısını oluşturun:<br />
 <br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>portfoy/<br />
├── index.html<br />
├── hakkimda.html<br />
├── projeler.html<br />
├── iletisim.html<br />
├── images/<br />
│ &nbsp;&nbsp;└── profil.jpg<br />
├── css/<br />
│ &nbsp;&nbsp;└── style.css<br />
└── js/<br />
 &nbsp;&nbsp;└── script.js</code></div></div> <br />
Ana sayfa için temel iskelet:<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&nbsp;lang</span><span style="color: #007700">=</span><span style="color: #DD0000">"tr"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">meta&nbsp;charset</span><span style="color: #007700">=</span><span style="color: #DD0000">"UTF-8"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"viewport"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"description"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"Yola’nın&nbsp;kişisel&nbsp;portföy&nbsp;web&nbsp;sitesi."</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Yola&nbsp;</span><span style="color: #007700">|&nbsp;</span><span style="color: #0000BB">Portföy</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">link&nbsp;rel</span><span style="color: #007700">=</span><span style="color: #DD0000">"stylesheet"&nbsp;</span><span style="color: #0000BB">href</span><span style="color: #007700">=</span><span style="color: #DD0000">"css/style.css"</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">header</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">nav&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Ana&nbsp;menü"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"index.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Ana&nbsp;Sayfa</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"hakkimda.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Hakkımda</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"projeler.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Projeler</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"iletisim.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">İletişim</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">nav</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">header</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">main</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"tanitim-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">img&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"images/profil.jpg"&nbsp;</span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Yola’nın&nbsp;portre&nbsp;fotoğrafı"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h1&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"tanitim-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Merhaba</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">ben&nbsp;Yola</span><span style="color: #007700">.&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Frontend&nbsp;geliştirme&nbsp;öğrenen&nbsp;bir&nbsp;web&nbsp;tasarım&nbsp;meraklısıyım</span><span style="color: #007700">.&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"projeler.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Projelerimi&nbsp;incele</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"yetenek-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h2&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"yetenek-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Yeteneklerim</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">HTML</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">CSS</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">JavaScript</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">main</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">footer</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">©&nbsp;2026&nbsp;Yola&nbsp;</span><span style="color: #007700">|&nbsp;</span><span style="color: #0000BB">Gidenler</span><span style="color: #007700">.</span><span style="color: #0000BB">me&nbsp;maskotu</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp;&nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">footer</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 />
<span style="background-color: #fcff01;">hakkimda.html</span> sayfasında eğitim ve deneyim bilgilerini, <span style="background-color: #fcff01;">projeler.html</span> sayfasında en az üç proje kartını, <span style="background-color: #fcff01;">iletisim.html</span> sayfasında ise iletişim formunu gösterin. Her sayfada ortak bir menü ve alt bilgi kullanın.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 18: Hataları Bulma ve Temiz Kod]]></title>
			<link>https://gidenler.me/thread-859.html</link>
			<pubDate>Fri, 30 Oct 2026 22:21:03 +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-859.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_19_37.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_19_37.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 18: Hataları Bulma ve Temiz Kod</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Hata ayıklama, kod yazmanın ayrılmaz parçasıdır; rastgele değişiklik yapmak yerine sistem gerekir.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">yaygın hataları ve tarayıcı geliştirici araçlarını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">HTML hatalarını, tarayıcı geliştirici araçları ve doğrulama mantığıyla inceleyebileceksiniz.</div></div></div></div>
 <br />
Temiz HTML kodu, okunabilir, tutarlı ve sürdürülebilir olur. Elementleri uygun girintile, öznitelik değerlerinde tırnak kullanın ve gereksiz kodları silin. Yaygın hatalar ise şunlardır:<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="background-color: red; color: white;">&nbsp;Yanlış/Eksik Kullanımlar&nbsp;</span></td><td class="trow99" valign="top" align=""><span style="background-color: #6aa84f;color: white;">&nbsp;Doğru Kullanımlar&nbsp;</span></td></tr>
<tr><td class="trow99" valign="top" align=""><span style="color: #C10300;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;!-- Yanlış: Etiket kapanmıyor <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /><br />
&lt;p&gt;Metin</span></span></td><td class="trow99" valign="top" align=""><span style="color: #00369B;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;p&gt;Metin&lt;/p&gt;</span></span></td></tr>
<tr><td class="trow99" valign="top" align=""><span style="color: #C10300;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;!-- Yanlış: label ile input eşleşmiyor <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /><br />
&lt;label for="mail"&gt;E-posta&lt;/label&gt;<br />
&lt;input id="eposta" type="email"&gt;</span></span></td><td class="trow99" valign="top" align=""><span style="color: #00369B;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;label for="eposta"&gt;E-posta&lt;/label&gt;<br />
&lt;input id="eposta" name="eposta" type="email"&gt;</span></span></td></tr>
<tr><td class="trow99" valign="top" align=""><span style="color: #C10300;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;!-- Eksik: alt eksik <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /><br />
&lt;img src="logo.png"&gt;</span></span></td><td class="trow99" valign="top" align=""><span style="color: #00369B;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;img src="logo.png" alt="Site logosu"&gt;</span></span></td></tr>
</tbody></table>
 <br />
Tarayıcıda sağ tıklayıp <span style="background-color: #01ffff;">İncele</span> seçeneğini açın. <span style="background-color: #01ffff;">Elements(Elementler)</span> panelinde oluşan HTML yapısını, <span style="background-color: #01ffff;">Console(Konsol)</span> panelinde JavaScript hatalarını inceleyin. Sayfanın bağlantılarını, görsellerini ve formlarını tek tek test edin.<br />
Kodda gereksiz <span style="background-color: #fcff01;">&lt;br&gt;</span>, anlamsız <span style="background-color: #fcff01;">&lt;div&gt;</span>, boş <span style="background-color: #fcff01;">href</span> ve açıklamasız görsel bırakma. Kullanıcıya görünen metin ile HTML yapısı arasında mantıklı bir ilişki kurun.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_19_37.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_19_37.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 18: Hataları Bulma ve Temiz Kod</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Hata ayıklama, kod yazmanın ayrılmaz parçasıdır; rastgele değişiklik yapmak yerine sistem gerekir.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">yaygın hataları ve tarayıcı geliştirici araçlarını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">HTML hatalarını, tarayıcı geliştirici araçları ve doğrulama mantığıyla inceleyebileceksiniz.</div></div></div></div>
 <br />
Temiz HTML kodu, okunabilir, tutarlı ve sürdürülebilir olur. Elementleri uygun girintile, öznitelik değerlerinde tırnak kullanın ve gereksiz kodları silin. Yaygın hatalar ise şunlardır:<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="background-color: red; color: white;">&nbsp;Yanlış/Eksik Kullanımlar&nbsp;</span></td><td class="trow99" valign="top" align=""><span style="background-color: #6aa84f;color: white;">&nbsp;Doğru Kullanımlar&nbsp;</span></td></tr>
<tr><td class="trow99" valign="top" align=""><span style="color: #C10300;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;!-- Yanlış: Etiket kapanmıyor <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /><br />
&lt;p&gt;Metin</span></span></td><td class="trow99" valign="top" align=""><span style="color: #00369B;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;p&gt;Metin&lt;/p&gt;</span></span></td></tr>
<tr><td class="trow99" valign="top" align=""><span style="color: #C10300;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;!-- Yanlış: label ile input eşleşmiyor <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /><br />
&lt;label for="mail"&gt;E-posta&lt;/label&gt;<br />
&lt;input id="eposta" type="email"&gt;</span></span></td><td class="trow99" valign="top" align=""><span style="color: #00369B;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;label for="eposta"&gt;E-posta&lt;/label&gt;<br />
&lt;input id="eposta" name="eposta" type="email"&gt;</span></span></td></tr>
<tr><td class="trow99" valign="top" align=""><span style="color: #C10300;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;!-- Eksik: alt eksik <img src="https://gidenler.me/images/smilies/sag_ok.png" alt="Sağ ok" title="Sağ ok" class="smilie smilie_54" /><br />
&lt;img src="logo.png"&gt;</span></span></td><td class="trow99" valign="top" align=""><span style="color: #00369B;" class="mycode_color"><span style="font-style: italic;" class="mycode_i">&lt;img src="logo.png" alt="Site logosu"&gt;</span></span></td></tr>
</tbody></table>
 <br />
Tarayıcıda sağ tıklayıp <span style="background-color: #01ffff;">İncele</span> seçeneğini açın. <span style="background-color: #01ffff;">Elements(Elementler)</span> panelinde oluşan HTML yapısını, <span style="background-color: #01ffff;">Console(Konsol)</span> panelinde JavaScript hatalarını inceleyin. Sayfanın bağlantılarını, görsellerini ve formlarını tek tek test edin.<br />
Kodda gereksiz <span style="background-color: #fcff01;">&lt;br&gt;</span>, anlamsız <span style="background-color: #fcff01;">&lt;div&gt;</span>, boş <span style="background-color: #fcff01;">href</span> ve açıklamasız görsel bırakma. Kullanıcıya görünen metin ile HTML yapısı arasında mantıklı bir ilişki kurun.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 17: HTML ile JavaScript Bağlantısı]]></title>
			<link>https://gidenler.me/thread-858.html</link>
			<pubDate>Fri, 30 Oct 2026 22:11:31 +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-858.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_10_05.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_10_05.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 17: HTML ile JavaScript Bağlantısı</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
JavaScript etkileşimi HTML elementlerini seçerek ve olayları dinleyerek kurar.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">script, defer, id ve temel olay bağlantısını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">JavaScript dosyasını HTML sayfasına ekleyebilecek ve temel bir etkileşim oluşturabileceksiniz.</div></div></div></div>
JavaScript dosyası <span style="font-weight: bold;" class="mycode_b">genellikle</span> <span style="background-color: #fcff01;">body</span> etiketinin kapanışından hemen önce veya <span style="background-color: #fcff01;">head</span> içinde <span style="background-color: #fcff01;">defer</span> ile bağlanır:<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">script&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"js/script.js"&nbsp;</span><span style="color: #0000BB">defer</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">script</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">defer,</span> HTML belgesi çözümlendikten sonra JavaScript'in çalışmasını sağlar. <span style="background-color: #fcff01;">script.js</span> dosyası:<br />
 <br />
<div class="codeblock phpcodeblock"><div class="title">PHP Kod:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">const&nbsp;</span><span style="color: #0000BB">buton&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">querySelector</span><span style="color: #007700">(</span><span style="color: #DD0000">'#mesaj-buton'</span><span style="color: #007700">);<br />const&nbsp;</span><span style="color: #0000BB">sonuc&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">querySelector</span><span style="color: #007700">(</span><span style="color: #DD0000">'#sonuc'</span><span style="color: #007700">);<br />&nbsp;<br /></span><span style="color: #0000BB">buton</span><span style="color: #007700">.</span><span style="color: #0000BB">addEventListener</span><span style="color: #007700">(</span><span style="color: #DD0000">'click'</span><span style="color: #007700">,&nbsp;function&nbsp;()&nbsp;{<br /></span><span style="color: #0000BB">sonuc</span><span style="color: #007700">.</span><span style="color: #0000BB">textContent&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">'Butona&nbsp;tıkladınız.'</span><span style="color: #007700">;<br />});&nbsp;<br /></span></code></div></div></div> <br />
<span style="font-weight: bold;" class="mycode_b">HTML:</span><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">button&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"mesaj-buton"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"button"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Mesaj&nbsp;göster</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">button</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">p&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"sonuc"</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
 <br />
JavaScript, HTML elementlerini seçebilir ve içeriklerini değiştirebilir. Ancak sayfanın temel içeriği JavaScript olmadan da anlamlı olmalıdır. JavaScript çalışmadığında ana bilgi tamamen kaybolmamalıdır.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_10_05.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_10_05.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 17: HTML ile JavaScript Bağlantısı</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
JavaScript etkileşimi HTML elementlerini seçerek ve olayları dinleyerek kurar.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">script, defer, id ve temel olay bağlantısını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">JavaScript dosyasını HTML sayfasına ekleyebilecek ve temel bir etkileşim oluşturabileceksiniz.</div></div></div></div>
JavaScript dosyası <span style="font-weight: bold;" class="mycode_b">genellikle</span> <span style="background-color: #fcff01;">body</span> etiketinin kapanışından hemen önce veya <span style="background-color: #fcff01;">head</span> içinde <span style="background-color: #fcff01;">defer</span> ile bağlanır:<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">script&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"js/script.js"&nbsp;</span><span style="color: #0000BB">defer</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">script</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">defer,</span> HTML belgesi çözümlendikten sonra JavaScript'in çalışmasını sağlar. <span style="background-color: #fcff01;">script.js</span> dosyası:<br />
 <br />
<div class="codeblock phpcodeblock"><div class="title">PHP Kod:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">const&nbsp;</span><span style="color: #0000BB">buton&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">querySelector</span><span style="color: #007700">(</span><span style="color: #DD0000">'#mesaj-buton'</span><span style="color: #007700">);<br />const&nbsp;</span><span style="color: #0000BB">sonuc&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">querySelector</span><span style="color: #007700">(</span><span style="color: #DD0000">'#sonuc'</span><span style="color: #007700">);<br />&nbsp;<br /></span><span style="color: #0000BB">buton</span><span style="color: #007700">.</span><span style="color: #0000BB">addEventListener</span><span style="color: #007700">(</span><span style="color: #DD0000">'click'</span><span style="color: #007700">,&nbsp;function&nbsp;()&nbsp;{<br /></span><span style="color: #0000BB">sonuc</span><span style="color: #007700">.</span><span style="color: #0000BB">textContent&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">'Butona&nbsp;tıkladınız.'</span><span style="color: #007700">;<br />});&nbsp;<br /></span></code></div></div></div> <br />
<span style="font-weight: bold;" class="mycode_b">HTML:</span><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">button&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"mesaj-buton"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"button"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Mesaj&nbsp;göster</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">button</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">p&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"sonuc"</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
 <br />
JavaScript, HTML elementlerini seçebilir ve içeriklerini değiştirebilir. Ancak sayfanın temel içeriği JavaScript olmadan da anlamlı olmalıdır. JavaScript çalışmadığında ana bilgi tamamen kaybolmamalıdır.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 16: HTML ile CSS Bağlantısı]]></title>
			<link>https://gidenler.me/thread-857.html</link>
			<pubDate>Fri, 30 Oct 2026 22:06: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-857.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_04_27.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_04_27.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 16: HTML ile CSS Bağlantısı</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
HTML yapıyı, CSS görünümü tanımlar; bu ayrımı baştan kurmak bakımı kolaylaştırır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">CSS dosyasını bağlamayı ve class kullanımını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Bir CSS dosyasını HTML sayfasına bağlayabilecek ve temel sınıf kullanımını anlayabileceksiniz.</div></div></div></div>
HTML sayfa yapısını, CSS ise sayfanın görünümü tanımlar. CSS dosyasını <span style="background-color: #fcff01;">&lt;head&gt;</span> içinde <span style="background-color: #fcff01;">&lt;link&gt;</span> ile bağlayacağız:<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">head</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">link&nbsp;rel</span><span style="color: #007700">=</span><span style="color: #DD0000">"stylesheet"&nbsp;</span><span style="color: #0000BB">href</span><span style="color: #007700">=</span><span style="color: #DD0000">"css/style.css"</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">css/style.css</span> dosyasına şu kodu yazabilirsin:<br />
 <br />
<div class="codeblock phpcodeblock"><div class="title">PHP Kod:</div><div class="body"><div dir="ltr"><code><span style="color: #0000BB">body&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">font</span><span style="color: #007700">-</span><span style="color: #0000BB">family</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">Arial</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">sans</span><span style="color: #007700">-</span><span style="color: #0000BB">serif</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">line</span><span style="color: #007700">-</span><span style="color: #0000BB">height</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1.6</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">900px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0&nbsp;auto</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">2rem</span><span style="color: #007700">;<br />}<br />&nbsp;<br />.</span><span style="color: #0000BB">baslik&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#234a75;<br /></span><span style="color: #007700">}&nbsp;<br /></span></code></div></div></div> <br />
HTML'de sınıfı kullanın:<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">h1&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">HTML&nbsp;Dersleri</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">class</span> aynı türdeki birden fazla elementte kullanılabilir. <span style="background-color: #fcff01;">id</span> ise sayfada genellikle tek bir element için kullanılır ve JavaScript ile hedefleme gibi amaçlarda değerlidir (yani bir HTML sayfasında 4+4 yazıldığında ve bunun bir işlem olduğunun anlayıp bu işlemi makinede çalıştırıp 8 sonucunu ekranda gösteren motor gibi düşünebilirsiniz.).<br />
 <br />
Sayfa içinde kısa CSS yazmak için <span style="background-color: #fcff01;">&lt;style&gt;</span>, doğrudan element üzerinde stil vermek için <span style="background-color: #fcff01;">style</span> kullanılabilir. Büyük projelerde CSS'yi ayrı dosyada tutmak daha düzenlidir.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_10_04_27.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_10_04_27.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 16: HTML ile CSS Bağlantısı</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
HTML yapıyı, CSS görünümü tanımlar; bu ayrımı baştan kurmak bakımı kolaylaştırır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">CSS dosyasını bağlamayı ve class kullanımını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Bir CSS dosyasını HTML sayfasına bağlayabilecek ve temel sınıf kullanımını anlayabileceksiniz.</div></div></div></div>
HTML sayfa yapısını, CSS ise sayfanın görünümü tanımlar. CSS dosyasını <span style="background-color: #fcff01;">&lt;head&gt;</span> içinde <span style="background-color: #fcff01;">&lt;link&gt;</span> ile bağlayacağız:<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">head</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">link&nbsp;rel</span><span style="color: #007700">=</span><span style="color: #DD0000">"stylesheet"&nbsp;</span><span style="color: #0000BB">href</span><span style="color: #007700">=</span><span style="color: #DD0000">"css/style.css"</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">css/style.css</span> dosyasına şu kodu yazabilirsin:<br />
 <br />
<div class="codeblock phpcodeblock"><div class="title">PHP Kod:</div><div class="body"><div dir="ltr"><code><span style="color: #0000BB">body&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">font</span><span style="color: #007700">-</span><span style="color: #0000BB">family</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">Arial</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">sans</span><span style="color: #007700">-</span><span style="color: #0000BB">serif</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">line</span><span style="color: #007700">-</span><span style="color: #0000BB">height</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1.6</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">900px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0&nbsp;auto</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">2rem</span><span style="color: #007700">;<br />}<br />&nbsp;<br />.</span><span style="color: #0000BB">baslik&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#234a75;<br /></span><span style="color: #007700">}&nbsp;<br /></span></code></div></div></div> <br />
HTML'de sınıfı kullanın:<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">h1&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">HTML&nbsp;Dersleri</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">class</span> aynı türdeki birden fazla elementte kullanılabilir. <span style="background-color: #fcff01;">id</span> ise sayfada genellikle tek bir element için kullanılır ve JavaScript ile hedefleme gibi amaçlarda değerlidir (yani bir HTML sayfasında 4+4 yazıldığında ve bunun bir işlem olduğunun anlayıp bu işlemi makinede çalıştırıp 8 sonucunu ekranda gösteren motor gibi düşünebilirsiniz.).<br />
 <br />
Sayfa içinde kısa CSS yazmak için <span style="background-color: #fcff01;">&lt;style&gt;</span>, doğrudan element üzerinde stil vermek için <span style="background-color: #fcff01;">style</span> kullanılabilir. Büyük projelerde CSS'yi ayrı dosyada tutmak daha düzenlidir.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 15: Erişilebilir HTML]]></title>
			<link>https://gidenler.me/thread-856.html</link>
			<pubDate>Fri, 30 Oct 2026 18:47:27 +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-856.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_6_45_09.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_6_45_09.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 15: Erişilebilir HTML</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Erişilebilirlik, sayfanın daha fazla kişi tarafından kullanılabilmesini sağlar.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">alt, label, klavye kullanımı ve temel ARIA yaklaşımını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Sayfayı farklı kullanıcıların ve yardımcı teknolojilerin kullanabileceği şekilde hazırlayabileceksiniz.</div></div></div></div>
Erişilebilir/kullanılabilir HTML, içeriğin daha fazla kişi tarafından kullanılabilmesini sağlar. Temel yaklaşım, anlamlı HTML etiket ve elementlerini doğru kullanmaktır. Görsellerde anlamlı <span style="background-color: #fcff01;">alt</span> metni kullanmanızı tavsiye edilir resim eksik yüklendiğinde arama motorları bunu elementle ayırt eder:<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">img&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"doktor.jpg"&nbsp;</span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Hastayla&nbsp;görüşen&nbsp;doktor"</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Form alanlarını etiketleyin:<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">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"telefon"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Telefon&nbsp;numarası</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">input&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"telefon"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"telefon"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"tel"</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Bağlantı metni hedefi açıkça anlatmalıdır. Çoğu zaman Tıklayınız yerine şu kullanım daha iyidir:<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">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"rapor.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">2026&nbsp;yıllık&nbsp;raporunu&nbsp;inceleyiniz</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Başlık seviyelerini sırayla kullanın (H1, H2, …) bir başlığı yalnızca yazı boyutunu değiştirmek için atlamayın. Renk kullanırken bilgiyi yalnızca renkle ifade etmeyin. Örneğin bir resmin yanında açıklayıcı metni de gösterin.<br />
 <br />
Klavye ile gezintiyi test etmek için fareyi bırakıp Tab tuşunu kullanın. Odaklanabilir elementlerin mantıklı bir sırada ilerlediğini kontrol edin.<br />
 <br />
ARIA öznitelikleri, HTML'nin tek başına yeterli olmadığı durumlarda yardımcı olabilir. Ancak gereksiz ARIA eklemek yerine öncelikle doğru semantik HTML kullanın:<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">button&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"button"&nbsp;</span><span style="color: #0000BB">aria</span><span style="color: #007700">-</span><span style="color: #0000BB">label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Menüyü&nbsp;aç"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">☰</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">button</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_6_45_09.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_6_45_09.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 15: Erişilebilir HTML</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Erişilebilirlik, sayfanın daha fazla kişi tarafından kullanılabilmesini sağlar.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">alt, label, klavye kullanımı ve temel ARIA yaklaşımını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Sayfayı farklı kullanıcıların ve yardımcı teknolojilerin kullanabileceği şekilde hazırlayabileceksiniz.</div></div></div></div>
Erişilebilir/kullanılabilir HTML, içeriğin daha fazla kişi tarafından kullanılabilmesini sağlar. Temel yaklaşım, anlamlı HTML etiket ve elementlerini doğru kullanmaktır. Görsellerde anlamlı <span style="background-color: #fcff01;">alt</span> metni kullanmanızı tavsiye edilir resim eksik yüklendiğinde arama motorları bunu elementle ayırt eder:<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">img&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"doktor.jpg"&nbsp;</span><span style="color: #0000BB">alt</span><span style="color: #007700">=</span><span style="color: #DD0000">"Hastayla&nbsp;görüşen&nbsp;doktor"</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Form alanlarını etiketleyin:<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">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"telefon"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Telefon&nbsp;numarası</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">input&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"telefon"&nbsp;</span><span style="color: #0000BB">name</span><span style="color: #007700">=</span><span style="color: #DD0000">"telefon"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"tel"</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Bağlantı metni hedefi açıkça anlatmalıdır. Çoğu zaman Tıklayınız yerine şu kullanım daha iyidir:<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">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"rapor.html"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">2026&nbsp;yıllık&nbsp;raporunu&nbsp;inceleyiniz</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Başlık seviyelerini sırayla kullanın (H1, H2, …) bir başlığı yalnızca yazı boyutunu değiştirmek için atlamayın. Renk kullanırken bilgiyi yalnızca renkle ifade etmeyin. Örneğin bir resmin yanında açıklayıcı metni de gösterin.<br />
 <br />
Klavye ile gezintiyi test etmek için fareyi bırakıp Tab tuşunu kullanın. Odaklanabilir elementlerin mantıklı bir sırada ilerlediğini kontrol edin.<br />
 <br />
ARIA öznitelikleri, HTML'nin tek başına yeterli olmadığı durumlarda yardımcı olabilir. Ancak gereksiz ARIA eklemek yerine öncelikle doğru semantik HTML kullanın:<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">button&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"button"&nbsp;</span><span style="color: #0000BB">aria</span><span style="color: #007700">-</span><span style="color: #0000BB">label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Menüyü&nbsp;aç"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">☰</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">button</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 14: Meta Etiketleri ve SEO Temelleri]]></title>
			<link>https://gidenler.me/thread-855.html</link>
			<pubDate>Fri, 30 Oct 2026 18:08:48 +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-855.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"> <a href="https://gidenler.me/gallery/2_30_10_26_6_06_16.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_6_06_16.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 14: Meta Etiketleri ve SEO Temelleri</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Tarayıcı ve arama motorları sayfa hakkında bilgiyi büyük ölçüde head bölümünden alır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">title, charset, viewport ve description etiketlerini</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Bir HTML sayfasının, tarayıcı ve arama motorları (Google, Yandex, Bing vs.) tarafından anlaşılmasını sağlayan temel bilgileri ekleyebileceksiniz.</div></div></div></div>
 <br />
<span style="background-color: #fcff01;">&lt;head&gt;</span> bölümü kullanıcıya doğrudan görünmez. Ancak bu bölüm tarayıcı, arama motoru ve sosyal paylaşım araçları için önemlidir. Temel yapı:<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">head</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;charset</span><span style="color: #007700">=</span><span style="color: #DD0000">"UTF-8"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"viewport"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"description"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"HTML&nbsp;öğrenmek&nbsp;için&nbsp;20&nbsp;derslik&nbsp;başlangıç&nbsp;kursu."</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">HTML&nbsp;Dersleri&nbsp;</span><span style="color: #007700">|&nbsp;</span><span style="color: #0000BB">Başlangıç&nbsp;Kursu</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">charset="UTF-8"</span> Türkçe karakterlerin doğru görüntülenmesine yardımcı olur. <span style="background-color: #fcff01;">viewport</span> mobil ekranlarda sayfanın uygun genişlikte görüntülenmesini sağlar. <span style="background-color: #fcff01;">description</span>, arama sonuçlarında kullanılabilecek kısa açıklamadır. <span style="background-color: #fcff01;">&lt;title&gt;</span> tarayıcı sekmesinde ve arama sonuçlarında görülen sayfa başlığıdır.<br />
 <br />
Her sayfanın başlığı içeriği doğru açıklamalıdır. Aynı başlığı tüm sayfalarda kullanmak yerine sayfaya özgü başlıklar yazmanız sitenizi ziyaret edenler, arama motorları ve sosyal mecralarda paylaşım yapılacağı taktirde sayfanın ne anlattığını anlayacaklardır.<br />
 <br />
Sosyal paylaşım için Open Graph etiketleri eklenebilir:<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">meta&nbsp;property</span><span style="color: #007700">=</span><span style="color: #DD0000">"og:title"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"Gidenler.me&nbsp;HTML&nbsp;Dersleri"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">meta&nbsp;property</span><span style="color: #007700">=</span><span style="color: #DD0000">"og:description"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"Başlangıç&nbsp;seviyesinde&nbsp;HTML&nbsp;kursu."</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">meta&nbsp;property</span><span style="color: #007700">=</span><span style="color: #DD0000">"og:type"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"website"</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
SEO yalnızca meta etiketlerinden oluşmaz. SEO için anlamlı başlık hiyerarşisi, açıklayıcı bağlantı metinleri, erişilebilir görseller ve kaliteli içerik de önemlidir.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"> <a href="https://gidenler.me/gallery/2_30_10_26_6_06_16.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_6_06_16.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 14: Meta Etiketleri ve SEO Temelleri</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Tarayıcı ve arama motorları sayfa hakkında bilgiyi büyük ölçüde head bölümünden alır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">title, charset, viewport ve description etiketlerini</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Bir HTML sayfasının, tarayıcı ve arama motorları (Google, Yandex, Bing vs.) tarafından anlaşılmasını sağlayan temel bilgileri ekleyebileceksiniz.</div></div></div></div>
 <br />
<span style="background-color: #fcff01;">&lt;head&gt;</span> bölümü kullanıcıya doğrudan görünmez. Ancak bu bölüm tarayıcı, arama motoru ve sosyal paylaşım araçları için önemlidir. Temel yapı:<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">head</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;charset</span><span style="color: #007700">=</span><span style="color: #DD0000">"UTF-8"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"viewport"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"description"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"HTML&nbsp;öğrenmek&nbsp;için&nbsp;20&nbsp;derslik&nbsp;başlangıç&nbsp;kursu."</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">HTML&nbsp;Dersleri&nbsp;</span><span style="color: #007700">|&nbsp;</span><span style="color: #0000BB">Başlangıç&nbsp;Kursu</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">charset="UTF-8"</span> Türkçe karakterlerin doğru görüntülenmesine yardımcı olur. <span style="background-color: #fcff01;">viewport</span> mobil ekranlarda sayfanın uygun genişlikte görüntülenmesini sağlar. <span style="background-color: #fcff01;">description</span>, arama sonuçlarında kullanılabilecek kısa açıklamadır. <span style="background-color: #fcff01;">&lt;title&gt;</span> tarayıcı sekmesinde ve arama sonuçlarında görülen sayfa başlığıdır.<br />
 <br />
Her sayfanın başlığı içeriği doğru açıklamalıdır. Aynı başlığı tüm sayfalarda kullanmak yerine sayfaya özgü başlıklar yazmanız sitenizi ziyaret edenler, arama motorları ve sosyal mecralarda paylaşım yapılacağı taktirde sayfanın ne anlattığını anlayacaklardır.<br />
 <br />
Sosyal paylaşım için Open Graph etiketleri eklenebilir:<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">meta&nbsp;property</span><span style="color: #007700">=</span><span style="color: #DD0000">"og:title"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"Gidenler.me&nbsp;HTML&nbsp;Dersleri"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">meta&nbsp;property</span><span style="color: #007700">=</span><span style="color: #DD0000">"og:description"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"Başlangıç&nbsp;seviyesinde&nbsp;HTML&nbsp;kursu."</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">meta&nbsp;property</span><span style="color: #007700">=</span><span style="color: #DD0000">"og:type"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"website"</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
SEO yalnızca meta etiketlerinden oluşmaz. SEO için anlamlı başlık hiyerarşisi, açıklayıcı bağlantı metinleri, erişilebilir görseller ve kaliteli içerik de önemlidir.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 13: Ses, Video ve Gömülü İçerik]]></title>
			<link>https://gidenler.me/thread-854.html</link>
			<pubDate>Fri, 30 Oct 2026 16:19: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-854.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_4_16_55.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_4_16_55.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 13: Ses, Video ve Gömülü İçerik</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Medya eklemek kadar, kullanıcının onu kontrol edebilmesi ve içeriğe erişebilmesi de önemlidir.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">audio, video, source, iframe, controls ve poster kullanımını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Ses, video ve harici içerikleri HTML sayfasına ekleyebileceksiniz.</div></div></div></div>
Ses dosyası eklemek için <span style="background-color: #fcff01;">&lt;audio&gt;</span>, video eklemek için <span style="background-color: #fcff01;">&lt;video&gt;</span> kullanılır:<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">audio&nbsp;controls</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">source&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"media/muzik.mp3"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"audio/mpeg"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">Tarayıcınız&nbsp;ses&nbsp;oynatmayı&nbsp;desteklemiyor</span><span style="color: #007700">.<br />&lt;/</span><span style="color: #0000BB">audio</span><span style="color: #007700">&gt;<br />&nbsp;<br />&lt;</span><span style="color: #0000BB">video&nbsp;controls&nbsp;width</span><span style="color: #007700">=</span><span style="color: #DD0000">"640"&nbsp;</span><span style="color: #0000BB">poster</span><span style="color: #007700">=</span><span style="color: #DD0000">"images/kapak.jpg"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">source&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"media/tanitim.mp4"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"video/mp4"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">Tarayıcınız&nbsp;video&nbsp;oynatmayı&nbsp;desteklemiyor</span><span style="color: #007700">.<br />&lt;/</span><span style="color: #0000BB">video</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">controls</span> kullanıcıya oynatma kontrolleri sağlar. <span style="background-color: #fcff01;">poster</span>, video başlamadan önce gösterilecek görseli belirtir. Birden fazla <span style="background-color: #fcff01;">&lt;source&gt;</span> kullanarak farklı dosya biçimleri sunabilirsiniz.<br />
<br />
Harici bir videoyu veya haritayı <span style="background-color: #fcff01;">iframe</span> ile gömebilirsiniz:<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">iframe<br />&nbsp;&nbsp;&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://www.youtube.com/embed/VIDEO_ID"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">title</span><span style="color: #007700">=</span><span style="color: #DD0000">"HTML&nbsp;ders&nbsp;tanıtım&nbsp;videosu"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">=</span><span style="color: #DD0000">"560"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">height</span><span style="color: #007700">=</span><span style="color: #DD0000">"315"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">allowfullscreen</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">iframe</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Gömülü içeriğe mutlaka açıklayıcı bir <span style="background-color: #fcff01;">title</span> verin. Bilinmeyen (youtube, izlesene vs. dışında) veya güvensiz kaynaklardan (yönetimini veya içeriğini tam bilmediğiniz herhangi bir web sitesi) iframe eklemeyiniz.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_4_16_55.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_4_16_55.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 13: Ses, Video ve Gömülü İçerik</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Medya eklemek kadar, kullanıcının onu kontrol edebilmesi ve içeriğe erişebilmesi de önemlidir.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">audio, video, source, iframe, controls ve poster kullanımını</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?</li>
</ul>
 <br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Ses, video ve harici içerikleri HTML sayfasına ekleyebileceksiniz.</div></div></div></div>
Ses dosyası eklemek için <span style="background-color: #fcff01;">&lt;audio&gt;</span>, video eklemek için <span style="background-color: #fcff01;">&lt;video&gt;</span> kullanılır:<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">audio&nbsp;controls</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">source&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"media/muzik.mp3"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"audio/mpeg"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">Tarayıcınız&nbsp;ses&nbsp;oynatmayı&nbsp;desteklemiyor</span><span style="color: #007700">.<br />&lt;/</span><span style="color: #0000BB">audio</span><span style="color: #007700">&gt;<br />&nbsp;<br />&lt;</span><span style="color: #0000BB">video&nbsp;controls&nbsp;width</span><span style="color: #007700">=</span><span style="color: #DD0000">"640"&nbsp;</span><span style="color: #0000BB">poster</span><span style="color: #007700">=</span><span style="color: #DD0000">"images/kapak.jpg"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">source&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"media/tanitim.mp4"&nbsp;</span><span style="color: #0000BB">type</span><span style="color: #007700">=</span><span style="color: #DD0000">"video/mp4"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">Tarayıcınız&nbsp;video&nbsp;oynatmayı&nbsp;desteklemiyor</span><span style="color: #007700">.<br />&lt;/</span><span style="color: #0000BB">video</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
<span style="background-color: #fcff01;">controls</span> kullanıcıya oynatma kontrolleri sağlar. <span style="background-color: #fcff01;">poster</span>, video başlamadan önce gösterilecek görseli belirtir. Birden fazla <span style="background-color: #fcff01;">&lt;source&gt;</span> kullanarak farklı dosya biçimleri sunabilirsiniz.<br />
<br />
Harici bir videoyu veya haritayı <span style="background-color: #fcff01;">iframe</span> ile gömebilirsiniz:<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">iframe<br />&nbsp;&nbsp;&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"https://www.youtube.com/embed/VIDEO_ID"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">title</span><span style="color: #007700">=</span><span style="color: #DD0000">"HTML&nbsp;ders&nbsp;tanıtım&nbsp;videosu"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">=</span><span style="color: #DD0000">"560"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">height</span><span style="color: #007700">=</span><span style="color: #DD0000">"315"<br />&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">allowfullscreen</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">iframe</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div> <br />
Gömülü içeriğe mutlaka açıklayıcı bir <span style="background-color: #fcff01;">title</span> verin. Bilinmeyen (youtube, izlesene vs. dışında) veya güvensiz kaynaklardan (yönetimini veya içeriğini tam bilmediğiniz herhangi bir web sitesi) iframe eklemeyiniz.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Ders 12: Sayfa Bölümleri ve İçerik Yapısı]]></title>
			<link>https://gidenler.me/thread-853.html</link>
			<pubDate>Fri, 30 Oct 2026 13:57:40 +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-853.html</guid>
			<description><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_1_55_45.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_1_55_45.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 12: Sayfa Bölümleri ve İçerik Yapısı</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Bölümlere ayrılmış içerik, uzun sayfaların anlaşılmasını kolaylaştırır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">içerik bölümlerini ve başlık hiyerarşisini</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">İçeriği mantıklı bölümlere ayırabilecek ve başlık hiyerarşisini koruyabileceksiniz.</div></div></div></div>
 <br />
Bir HTML sayfasını hazırlarken önce içerik planını düşünün. Sayfanın tek bir ana amacı olmalıdır. Sonra bu amacı açıklayan bölümleri belirleyin. Örnek bir ürün sayfası yapısı:<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">main</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"urun-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h1&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"urun-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Kablosuz&nbsp;Kulaklık</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Günlük&nbsp;kullanım&nbsp;için&nbsp;tasarlanmış&nbsp;bir&nbsp;kulaklık</span><span style="color: #007700">.&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"ozellik-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h2&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"ozellik-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Özellikler</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Uzun&nbsp;pil&nbsp;ömrü</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Bluetooth&nbsp;bağlantısı</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">main</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div><br />
Her bölümün açıklayıcı bir başlığı olmalıdır. Bir bölümün başlığı görsel olarak gizlenmiş olsa bile ekran okuyucu kullanıcıları için içerik ilişkisini açıklayabilir. <span style="background-color: #fcff01;">aria-labelledby</span> ile bölümün başlığı ilişkilendirilebilir.<br />
 <br />
<span style="background-color: #fcff01;">section</span> konu grupları için, <span style="background-color: #fcff01;">article</span> bağımsız ve paylaşılabilir içerikler için kullanılmalıdır. Bir ürün kartı, haber veya blog yazısı çoğu zaman <span style="background-color: #fcff01;">article</span> olabilir.</div>]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;" class="mycode_align"><a href="https://gidenler.me/gallery/2_30_10_26_1_55_45.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_1_55_45.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>Ders 12: Sayfa Bölümleri ve İçerik Yapısı</b></span></div>
 <br />
<span style="font-weight: bold;" class="mycode_b">Neden? </span><br />
Bölümlere ayrılmış içerik, uzun sayfaların anlaşılmasını kolaylaştırır.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Ne öğreneceğiz? </span><br />
Bu derste <span style="background-color: #fcff01;">içerik bölümlerini ve başlık hiyerarşisini</span> öğreneceğiz.<br />
 <br />
<span style="font-weight: bold;" class="mycode_b">Nasıl ilerleyeceğiz? </span><br />
Önce kavramın amacını düşünün. Ardından aşağıda verilen örneği kendiniz yazın. Kodu kaydedin, tarayıcıda açın ve küçük bir değişiklik yaparak sonucu gözlemleyin.<br />
<p style="border: none; margin: 0 0 3px 15px; padding: 0px;"><span style="background-color: red; color: white;">&nbsp;Öğrenme kuralı:&nbsp;</span> Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.</p>
 <br />
<span style="font-weight: bold;" class="mycode_b">Derse başlamadan önce kendini yokla</span><ul class="mycode_list"><li>Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?<br />
</li>
<li>Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?<br />
</li>
<li>Uygulamayı kendi fikrimle nasıl değiştirebilirim?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders sonunda kontrol</span><ul class="mycode_list"><li>Kodu kendim, bakmadan tekrar yazabildim mi?<br />
</li>
<li>Tarayıcıda sonucu test ettim mi?<br />
</li>
<li>Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?<br />
</li>
</ul>
<br />
<span style="font-weight: bold;" class="mycode_b">Ders hedefi</span><br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">İçeriği mantıklı bölümlere ayırabilecek ve başlık hiyerarşisini koruyabileceksiniz.</div></div></div></div>
 <br />
Bir HTML sayfasını hazırlarken önce içerik planını düşünün. Sayfanın tek bir ana amacı olmalıdır. Sonra bu amacı açıklayan bölümleri belirleyin. Örnek bir ürün sayfası yapısı:<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">main</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"urun-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h1&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"urun-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Kablosuz&nbsp;Kulaklık</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Günlük&nbsp;kullanım&nbsp;için&nbsp;tasarlanmış&nbsp;bir&nbsp;kulaklık</span><span style="color: #007700">.&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br />&nbsp;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">section&nbsp;aria</span><span style="color: #007700">-</span><span style="color: #0000BB">labelledby</span><span style="color: #007700">=</span><span style="color: #DD0000">"ozellik-baslik"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">h2&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"ozellik-baslik"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Özellikler</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">h2</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Uzun&nbsp;pil&nbsp;ömrü</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Bluetooth&nbsp;bağlantısı</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">li</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB"> &nbsp; &nbsp;  &nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">ul</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">  &nbsp;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">section</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">main</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div><br />
Her bölümün açıklayıcı bir başlığı olmalıdır. Bir bölümün başlığı görsel olarak gizlenmiş olsa bile ekran okuyucu kullanıcıları için içerik ilişkisini açıklayabilir. <span style="background-color: #fcff01;">aria-labelledby</span> ile bölümün başlığı ilişkilendirilebilir.<br />
 <br />
<span style="background-color: #fcff01;">section</span> konu grupları için, <span style="background-color: #fcff01;">article</span> bağımsız ve paylaşılabilir içerikler için kullanılmalıdır. Bir ürün kartı, haber veya blog yazısı çoğu zaman <span style="background-color: #fcff01;">article</span> olabilir.</div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Türeve Giriş: Değişimin Matematiği (Türev 1. Ders)]]></title>
			<link>https://gidenler.me/thread-852.html</link>
			<pubDate>Fri, 30 Oct 2026 04:20:16 +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-852.html</guid>
			<description><![CDATA[<a href="https://gidenler.me/gallery/2_30_10_26_4_19_47.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_4_19_47.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Dersin kazanımları</b></span></div>
Bu dersin sonunda öğrencilerimiz:<ul class="mycode_list"><li>Değişim kavramını matematiksel olarak açıklayabilecek.<br />
</li>
<li>Ortalama değişim hızını hesaplayabilecek.<br />
</li>
<li>Anlık değişim hızı ile ortalama değişim hızını ayırt edebilecek.<br />
</li>
<li>Sekant ve teğet doğrularının anlamını kavrayabilecek.<br />
</li>
<li>Türevin temel fikrini limit kavramıyla ilişkilendirebilecek.<br />
</li>
</ul>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Türev neden ortaya çıktı?</b></span></div>
Bir otomobilin iki saat boyunca 120 kilometre yol aldığını düşünelim.<br />
<br />
Ortalama hızı:<br />
\[<br />
v_{\text{ort}}=\frac{120}{2}=60\text{ km/sa}<br />
\]<br />
<br />
Peki bu otomobil iki saat boyunca sürekli 60 km/sa hızla mı hareket etmiştir?<br />
<br />
Hayır! Bazen 30, bazen 80, bazen de 100 km/sa hızla gitmiş olabilir. İşte matematikçiler şu soruyu sormuştur:<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Bir hareketlinin tam olarak <span style="background-color: #fcff01;">belirli bir andaki hızı</span>nı nasıl hesaplayabiliriz?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Türev, bu sorunun matematiksel cevaplarından biridir.</div></div></div></div>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Ortalama değişim hızı</b></span></div>
Bir fonksiyonun iki nokta arasındaki ortalama değişim hızı:<br />
\[<br />
\boxed{\frac{f(b)-f(a)}{b-a}}<br />
\]<br />
<br />
Bu oran, fonksiyonun çıktısındaki değişimin girdideki değişime oranıdır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Örneğin:</span><br />
\[<br />
f(x)=x^2<br />
\]<br />
<br />
\(x=1\) ile \(x=3\) arasındaki ortalama değişim hızı:<br />
\[<br />
\frac{f(3)-f(1)}{3-1}<br />
=\frac{9-1}{2}=\boxed{4}<br />
\]<br />
<br />
Bu sonuç, grafikte iki noktadan geçen sekant doğrusunun eğimidir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. Sekanttan teğete: Türevin doğuşu</b></span></div>
İki nokta birbirine yaklaştıkça sekant doğrusunun eğimi, P noktasındaki teğetin eğimine yaklaşır.<br />
<br />
\(f(x)=x^2\) fonksiyonunda \(x=1\) için:<br />
\[<br />
\frac{f(1+h)-f(1)}{h}<br />
=\frac{(1+h)^2-1}{h}<br />
\]<br />
<br />
\[<br />
=\frac{2h+h^2}{h}=2+h<br />
\]<br />
<br />
\(h\) sıfıra yaklaştığında bu oran 2'ye yaklaşır. Demek ki fonksiyonun \(x=1\) noktasındaki anlık değişim hızı 2'dir. Bu, türev fikrinin kalbidir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Günlük hayattan üç örnek</b></span></div>
<span style="font-weight: bold;" class="mycode_b">Örnek 1 – Otomobilin hızı</span><br />
Bir aracın konumu \(s(t)=3t^2\) metre olsun. \(t=2\) saniye anındaki hızı, türev düşüncesiyle \(s'(2)=12\) m/s olur. Hız göstergesinin anlık olarak ifade ettiği büyüklük budur.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Örnek 2 – Su deposunun dolması</span><br />
Depodaki su miktarı \(V(t)=5t^2\) litre ise 3. dakikadaki dolma hızı \(V'(3)=30\) litre/dakikadır. Türev burada hacmin ne kadar hızlı değiştiğini gösterir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Örnek 3 – Bitkinin büyümesi</span><br />
Bir bitkinin boyu \(h(t)=10+2t+0{,}5t^2\) santimetre olsun. 4. gündeki büyüme hızı \(h'(4)=6\) cm/gün olur. Bu değer bitkinin toplam boyunu değil, o andaki uzama hızını ifade eder.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Çözümlü örnekler</b></span></div>
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Soru 1 – Ortalama değişim</span></span><br />
\(f(x)=2x^2+1\) fonksiyonunun \([1,3]\) aralığındaki ortalama değişim hızını bulalım.<br />
\[<br />
f(1)=3,\qquad f(3)=19<br />
\]<br />
<br />
\[<br />
\frac{19-3}{3-1}=\boxed{8}<br />
\]<br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Soru 2 – Anlık değişim</span></span><br />
\(f(x)=x^2+3x\) fonksiyonunun \(x=2\) noktasındaki anlık değişim hızını tanımdan hesaplayalım.<br />
\[<br />
f(2)=10<br />
\]<br />
<br />
\[<br />
f(2+h)=10+7h+h^2<br />
\]<br />
<br />
Dolayısıyla:<br />
\[<br />
\lim_{h\to0}\frac{f(2+h)-f(2)}h<br />
=\lim_{h\to0}(7+h)=\boxed7<br />
\]<br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Soru 3 – Kavramsal yorum</span></span><br />
Bir aracın ortalama hızı 50 km/sa ise belirli bir anda hızı kesinlikle 50 km/sa midir?<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Çözüm: </span>Hayır. Ortalama hız, toplam yolun toplam zamana oranıdır. Tek başına belirli bir andaki hızı vermez.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Öğrencilerin en sık yaptığı hatalar</b></span></div>
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Hatalı düşünce</span></td><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Doğru yaklaşım</span></td></tr>
<tr><td class="trow99" valign="top" align="">Ortalama değişim ile anlık değişim aynıdır.</td><td class="trow99" valign="top" align="">Ortalama iki nokta, anlık değişim tek bir nokta çevresinde incelenir.</td></tr>
<tr><td class="trow99" valign="top" align="">Türev her zaman pozitiftir.</td><td class="trow99" valign="top" align="">Türev pozitif, negatif veya sıfır olabilir.</td></tr>
<tr><td class="trow99" valign="top" align="">Türev fonksiyonun değeridir.</td><td class="trow99" valign="top" align="">Türev fonksiyonun değişim hızını verir.</td></tr>
<tr><td class="trow99" valign="top" align="">\(h=0\) doğrudan yazılır.</td><td class="trow99" valign="top" align="">Önce limit alınır; sıfıra yaklaşma incelenir.</td></tr>
</tbody></table>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>8. Mini sınav – Kendini dene</b></span></div>
[gmquiz id=5]<br />
[gmquiz id=6]<br />
[gmquiz id=7]<br />
[gmquiz id=8]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>9. Öğretmen notu – Dersin pedagojik değerlendirmesi</b></span></div>
Önce ihtiyaç, sonra kavram, en sonunda matematiksel tanım. Öğrenciye doğrudan türev kurallarını ezberletirsek işlem yapabilir ama ne yaptığını anlamayabilir.<br />
<br />
Bu yüzden ilk derste üç temel sorunun cevabını vermesini istiyoruz:<ul class="mycode_list"><li>Ortalama değişim hızı nedir?<br />
</li>
<li>Anlık değişim hızı neden farklıdır?<br />
</li>
<li>İki nokta birbirine yaklaştığında sekantın eğimi neye dönüşür?<br />
</li>
</ul>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text"><span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Dersin ana fikri:</span> Türev, bir fonksiyonun belirli bir noktadaki anlık değişim hızını ölçer.</span></div></div></div></div>]]></description>
			<content:encoded><![CDATA[<a href="https://gidenler.me/gallery/2_30_10_26_4_19_47.png" alt="Resim Linki"><img src="https://gidenler.me/gallery/2_30_10_26_4_19_47.png" style="max-width: 495px;" title="Resmi tam boyut görmek için tıklayınız." alt="Resim" /></a><br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>1. Dersin kazanımları</b></span></div>
Bu dersin sonunda öğrencilerimiz:<ul class="mycode_list"><li>Değişim kavramını matematiksel olarak açıklayabilecek.<br />
</li>
<li>Ortalama değişim hızını hesaplayabilecek.<br />
</li>
<li>Anlık değişim hızı ile ortalama değişim hızını ayırt edebilecek.<br />
</li>
<li>Sekant ve teğet doğrularının anlamını kavrayabilecek.<br />
</li>
<li>Türevin temel fikrini limit kavramıyla ilişkilendirebilecek.<br />
</li>
</ul>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>2. Türev neden ortaya çıktı?</b></span></div>
Bir otomobilin iki saat boyunca 120 kilometre yol aldığını düşünelim.<br />
<br />
Ortalama hızı:<br />
\[<br />
v_{\text{ort}}=\frac{120}{2}=60\text{ km/sa}<br />
\]<br />
<br />
Peki bu otomobil iki saat boyunca sürekli 60 km/sa hızla mı hareket etmiştir?<br />
<br />
Hayır! Bazen 30, bazen 80, bazen de 100 km/sa hızla gitmiş olabilir. İşte matematikçiler şu soruyu sormuştur:<br />
<div class="gm-story"><div class="gm-chat gm-chat--mira"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/yola.png" alt="Yola avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Yola</span><div class="gm-chat__text">Bir hareketlinin tam olarak <span style="background-color: #fcff01;">belirli bir andaki hızı</span>nı nasıl hesaplayabiliriz?</div></div></div></div>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text">Türev, bu sorunun matematiksel cevaplarından biridir.</div></div></div></div>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>3. Ortalama değişim hızı</b></span></div>
Bir fonksiyonun iki nokta arasındaki ortalama değişim hızı:<br />
\[<br />
\boxed{\frac{f(b)-f(a)}{b-a}}<br />
\]<br />
<br />
Bu oran, fonksiyonun çıktısındaki değişimin girdideki değişime oranıdır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Örneğin:</span><br />
\[<br />
f(x)=x^2<br />
\]<br />
<br />
\(x=1\) ile \(x=3\) arasındaki ortalama değişim hızı:<br />
\[<br />
\frac{f(3)-f(1)}{3-1}<br />
=\frac{9-1}{2}=\boxed{4}<br />
\]<br />
<br />
Bu sonuç, grafikte iki noktadan geçen sekant doğrusunun eğimidir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>4. Sekanttan teğete: Türevin doğuşu</b></span></div>
İki nokta birbirine yaklaştıkça sekant doğrusunun eğimi, P noktasındaki teğetin eğimine yaklaşır.<br />
<br />
\(f(x)=x^2\) fonksiyonunda \(x=1\) için:<br />
\[<br />
\frac{f(1+h)-f(1)}{h}<br />
=\frac{(1+h)^2-1}{h}<br />
\]<br />
<br />
\[<br />
=\frac{2h+h^2}{h}=2+h<br />
\]<br />
<br />
\(h\) sıfıra yaklaştığında bu oran 2'ye yaklaşır. Demek ki fonksiyonun \(x=1\) noktasındaki anlık değişim hızı 2'dir. Bu, türev fikrinin kalbidir.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>5. Günlük hayattan üç örnek</b></span></div>
<span style="font-weight: bold;" class="mycode_b">Örnek 1 – Otomobilin hızı</span><br />
Bir aracın konumu \(s(t)=3t^2\) metre olsun. \(t=2\) saniye anındaki hızı, türev düşüncesiyle \(s'(2)=12\) m/s olur. Hız göstergesinin anlık olarak ifade ettiği büyüklük budur.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Örnek 2 – Su deposunun dolması</span><br />
Depodaki su miktarı \(V(t)=5t^2\) litre ise 3. dakikadaki dolma hızı \(V'(3)=30\) litre/dakikadır. Türev burada hacmin ne kadar hızlı değiştiğini gösterir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Örnek 3 – Bitkinin büyümesi</span><br />
Bir bitkinin boyu \(h(t)=10+2t+0{,}5t^2\) santimetre olsun. 4. gündeki büyüme hızı \(h'(4)=6\) cm/gün olur. Bu değer bitkinin toplam boyunu değil, o andaki uzama hızını ifade eder.<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>6. Çözümlü örnekler</b></span></div>
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Soru 1 – Ortalama değişim</span></span><br />
\(f(x)=2x^2+1\) fonksiyonunun \([1,3]\) aralığındaki ortalama değişim hızını bulalım.<br />
\[<br />
f(1)=3,\qquad f(3)=19<br />
\]<br />
<br />
\[<br />
\frac{19-3}{3-1}=\boxed{8}<br />
\]<br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Soru 2 – Anlık değişim</span></span><br />
\(f(x)=x^2+3x\) fonksiyonunun \(x=2\) noktasındaki anlık değişim hızını tanımdan hesaplayalım.<br />
\[<br />
f(2)=10<br />
\]<br />
<br />
\[<br />
f(2+h)=10+7h+h^2<br />
\]<br />
<br />
Dolayısıyla:<br />
\[<br />
\lim_{h\to0}\frac{f(2+h)-f(2)}h<br />
=\lim_{h\to0}(7+h)=\boxed7<br />
\]<br />
<br />
<span style="background-color: #01ffff;"><span style="font-weight: bold;" class="mycode_b">Soru 3 – Kavramsal yorum</span></span><br />
Bir aracın ortalama hızı 50 km/sa ise belirli bir anda hızı kesinlikle 50 km/sa midir?<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Çözüm: </span>Hayır. Ortalama hız, toplam yolun toplam zamana oranıdır. Tek başına belirli bir andaki hızı vermez.<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>7. Öğrencilerin en sık yaptığı hatalar</b></span></div>
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Hatalı düşünce</span></td><td class="trow99" valign="top" align=""><span style="font-weight: bold;" class="mycode_b">Doğru yaklaşım</span></td></tr>
<tr><td class="trow99" valign="top" align="">Ortalama değişim ile anlık değişim aynıdır.</td><td class="trow99" valign="top" align="">Ortalama iki nokta, anlık değişim tek bir nokta çevresinde incelenir.</td></tr>
<tr><td class="trow99" valign="top" align="">Türev her zaman pozitiftir.</td><td class="trow99" valign="top" align="">Türev pozitif, negatif veya sıfır olabilir.</td></tr>
<tr><td class="trow99" valign="top" align="">Türev fonksiyonun değeridir.</td><td class="trow99" valign="top" align="">Türev fonksiyonun değişim hızını verir.</td></tr>
<tr><td class="trow99" valign="top" align="">\(h=0\) doğrudan yazılır.</td><td class="trow99" valign="top" align="">Önce limit alınır; sıfıra yaklaşma incelenir.</td></tr>
</tbody></table>
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>8. Mini sınav – Kendini dene</b></span></div>
[gmquiz id=5]<br />
[gmquiz id=6]<br />
[gmquiz id=7]<br />
[gmquiz id=8]<br />
<br />
<br />
<div class="baslik_bbcode"><span style="font-size: 15px"><b>9. Öğretmen notu – Dersin pedagojik değerlendirmesi</b></span></div>
Önce ihtiyaç, sonra kavram, en sonunda matematiksel tanım. Öğrenciye doğrudan türev kurallarını ezberletirsek işlem yapabilir ama ne yaptığını anlamayabilir.<br />
<br />
Bu yüzden ilk derste üç temel sorunun cevabını vermesini istiyoruz:<ul class="mycode_list"><li>Ortalama değişim hızı nedir?<br />
</li>
<li>Anlık değişim hızı neden farklıdır?<br />
</li>
<li>İki nokta birbirine yaklaştığında sekantın eğimi neye dönüşür?<br />
</li>
</ul>
<div class="gm-story"><div class="gm-chat gm-chat--hasan"><span class="gm-chat__avatar-wrap"><img class="gm-chat__avatar" src="images/v2/ficons/hasan.jpeg" alt="Hasan avatarı" /></span><div class="gm-chat__bubble"><span class="gm-chat__name">Hasan</span><div class="gm-chat__text"><span style="background-color: #fcff01;"><span style="font-weight: bold;" class="mycode_b">Dersin ana fikri:</span> Türev, bir fonksiyonun belirli bir noktadaki anlık değişim hızını ölçer.</span></div></div></div></div>]]></content:encoded>
		</item>
	</channel>
</rss>