<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Geliştirici</title>
	<atom:link href="http://www.webgelistirici.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webgelistirici.com</link>
	<description>:: PHP, JavaScript, Ajax, XHTML, XML, CSS, MySQL ve diğer web yazılım geliştirme teknolojileri hakkında faydalı bilgi ve teknikler</description>
	<lastBuildDate>Sun, 21 Feb 2010 05:55:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>MARQUEE Elementi ile Basit Kayma Efekti Oluşturmak</title>
		<link>http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html</link>
		<comments>http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 07:55:22 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[HTML / XHTML]]></category>
		<category><![CDATA[marquee]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=39</guid>
		<description><![CDATA[HTML&#8217;in &#60;marquee&#62; elementi ile JavaScript, Flash gibi başka bir teknolojiye gerek duymadan basitçe kayan yazı veya resim efekti oluşturabiliriz. Bu element span ya da img elementleri gibi bir satır içi (inline) elementtir.
Örnek kullanımları;

&#60;marquee scrollamount=&#34;5&#34; behavior=&#34;scroll&#34; direction=&#34;left&#34; style=&#34;background-color: #FAFAA0; width: 200px;&#34;&#62;webgelistirici.com&#60;/marquee&#62;

webgelistirici.com

&#60;marquee scrollamount=&#34;5&#34; behavior=&#34;alternate&#34; direction=&#34;left&#34; style=&#34;background-color: #FAFAA0; width: 200px;&#34;&#62;webgelistirici.com&#60;/marquee&#62;

webgelistirici.com
scrollamount niteliğinin değeri ne kadar büyük olursa metin o [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		A:link { so-language: zxx } -->HTML&#8217;in <code>&lt;marquee&gt;</code> elementi ile JavaScript, Flash gibi başka bir teknolojiye gerek duymadan basitçe kayan yazı veya resim efekti oluşturabiliriz. Bu element <code>span</code> ya da <code>img</code> elementleri gibi bir satır içi (inline) elementtir.</p>
<p>Örnek kullanımları;</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;marquee scrollamount<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;5&quot;</span> behavior<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;scroll&quot;</span> direction<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;left&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background-color: #FAFAA0; width: 200px;&quot;</span>&gt;</span>webgelistirici.com<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>marquee&gt;</span></pre></div></div>

<div align="center" style="margin-bottom: 15px;"><marquee scrollamount="5" behavior="scroll" direction="left" style="background-color: #FAFAA0; width: 200px;">webgelistirici.com</marquee></div>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;marquee scrollamount<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;5&quot;</span> behavior<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;alternate&quot;</span> direction<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;left&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background-color: #FAFAA0; width: 200px;&quot;</span>&gt;</span>webgelistirici.com<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>marquee&gt;</span></pre></div></div>

<div align="center"><marquee scrollamount="5" behavior="alternate" direction="left" style="background-color: #FAFAA0; width: 200px;">webgelistirici.com</marquee></div>
<p><code>scrollamount</code> niteliğinin değeri ne kadar büyük olursa metin o kadar hızlı kayar.</p>
<p><code>behavior</code> niteliğinin <code>altenate</code> olması sağa-sola kaymayı, <code>slide</code> olması <code>loop</code> niteliğinde verilen sayı kadar kaymanın tekrarlanacağını, <code>scroll</code> olması kaymanın sürekli tekrarlanacağını ifade eder.</p>
<p><code>&lt;marquee&gt;</code> elementi ayrıca <code>&lt;img/&gt;</code> elementinde de kullanılabilen <code>width, height, hspace, vspace, align</code> niteliklerini de destekler.</p>
<p>İnternette tüm özelliklerini bir arayüzden seçebilmemize olanak veren <strong>HTML Marquee Generator</strong> araçları mevcuttur. Örneğin <a href="http://www.quackit.com/html/html_generators/html_marquee_generator.cfm" target="_blank">şu adreste</a> bir tane mevcut.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dizi Elemanlarını Biçimli Olarak Görüntülemek</title>
		<link>http://www.webgelistirici.com/dizi-elemanlarini-formatli-olarak-goruntulemek.html</link>
		<comments>http://www.webgelistirici.com/dizi-elemanlarini-formatli-olarak-goruntulemek.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 07:49:14 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[dizi]]></category>
		<category><![CDATA[print_r]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=35</guid>
		<description><![CDATA[PHP&#8217;nin print_r() fonksiyonu bir dizinin içeriğini ekranda görüntülemeye yarar. Bazen program geliştirirken bir dizinin o anki içeriğini öğrenmek isteriz. Bu durumda diziyi döngü içinde kullanıp her bir elemanını ayrı ayrı yazdırmak yerine doğrudan bu komutu kullanabiliriz.
Bu komutu kullandığımızda, HTML birden fazla boşluğu tek boşluğa indirgediği için tüm dizi içeriği yan yana gösterilecektir. Eleman sayısı fazla [...]]]></description>
			<content:encoded><![CDATA[<p>PHP&#8217;nin <code>print_r()</code> fonksiyonu bir dizinin içeriğini ekranda görüntülemeye yarar. Bazen program geliştirirken bir dizinin o anki içeriğini öğrenmek isteriz. Bu durumda diziyi döngü içinde kullanıp her bir elemanını ayrı ayrı yazdırmak yerine doğrudan bu komutu kullanabiliriz.</p>
<p>Bu komutu kullandığımızda, HTML birden fazla boşluğu tek boşluğa indirgediği için tüm dizi içeriği yan yana gösterilecektir. Eleman sayısı fazla olan dizilerde bu ifadenin okunması ve anlaşılması zor olacaktır.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$dizi</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'a'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'b'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'c'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">print_r</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$dizi</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Bu fonksiyonu HTML&#8217;in <code>&lt;pre&gt;</code> elementi içinde kullanırsak tüm boşluklar olduğu gibi bırakılır ve dizi içeriği okunup anlaşılması daha kolay bir şekilde görüntülenir.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;pre&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #990000;">print_r</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$dizi</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;/pre&gt;'</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/dizi-elemanlarini-formatli-olarak-goruntulemek.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Farklı Tarayıcılar İçin Farklı JavaScript Harici Dosyası Kullanmak</title>
		<link>http://www.webgelistirici.com/farkli-tarayicilar-icin-farkli-javascript-harici-dosyasi-yuklemek.html</link>
		<comments>http://www.webgelistirici.com/farkli-tarayicilar-icin-farkli-javascript-harici-dosyasi-yuklemek.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 07:37:07 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[harici]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=29</guid>
		<description><![CDATA[Sayfamızda kullanacağımız JavaScript kodlarını harici bir dosyada toplayabiliriz. Bu durumda bu kodları &#60;script src="dosya.js" type="text/javascript"&#62; şeklinde sayfamıza ekleriz.
Tarayıcı türümüze özel kodlarımızı ayrı dosyalarda toplayıp, sadece ilgili tarayıcı için gerekli kodları yükletmek istersek şu yöntemi kullanabiliriz.

if &#40;document.all&#41; // Internet Explorer için
&#123;
   document.write&#40;'&#60;script src=&#34;ie.js&#34; type=&#34;text/javascript&#34;&#62;'&#41;;
&#125;
else if &#40;document.style&#41; // Firefox için
&#123;
   document.write&#40;'&#60;script src=&#34;ff.js&#34; type=&#34;text/javascript&#34;&#62;'&#41;;
&#125;

Burada [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } -->Sayfamızda kullanacağımız JavaScript kodlarını harici bir dosyada toplayabiliriz. Bu durumda bu kodları <code>&lt;script src="dosya.js" type="text/javascript"&gt;</code> şeklinde sayfamıza ekleriz.</p>
<p>Tarayıcı türümüze özel kodlarımızı ayrı dosyalarda toplayıp, sadece ilgili tarayıcı için gerekli kodları yükletmek istersek şu yöntemi kullanabiliriz.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">all</span><span style="color: #009900;">&#41;</span> <span style="color: #006600; font-style: italic;">// Internet Explorer için</span>
<span style="color: #009900;">&#123;</span>
   document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;script src=&quot;ie.js&quot; type=&quot;text/javascript&quot;&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">style</span><span style="color: #009900;">&#41;</span> <span style="color: #006600; font-style: italic;">// Firefox için</span>
<span style="color: #009900;">&#123;</span>
   document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;script src=&quot;ff.js&quot; type=&quot;text/javascript&quot;&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Burada özellik algılama tekniğini kullanarak tarayıcı türünü öğrendik ve uygun harici JavaScript dosyasını sayfamıza dahil ettik. Tarayıcı türünü tespit etmek için <code>navigator.userAgent</code> ile elde edilen metindeki bilgiler de kullanılabilirdi. Ayrıca JavaScript&#8217;te <code>write()</code> fonksiyonu içine bu şekilde HTML kodları gömmek mümkündür.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/farkli-tarayicilar-icin-farkli-javascript-harici-dosyasi-yuklemek.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MySQL&#8217;de Sorgu İçine Açıklama Yazmak</title>
		<link>http://www.webgelistirici.com/mysql-sorgusunun-icine-aciklama-yazmak.html</link>
		<comments>http://www.webgelistirici.com/mysql-sorgusunun-icine-aciklama-yazmak.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 07:27:01 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[MySQL]]></category>
		<category><![CDATA[açıklama]]></category>
		<category><![CDATA[SQL]]></category>
		<category><![CDATA[yorum]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=26</guid>
		<description><![CDATA[Programlama dillerinde açıklamalar eklemek için çeşitli yapılar bulunur. Örneğin PHP&#8217;de tek satırlık ve çok satırlık açıklamalar şu şekilde kullanılır.

// tek satırlık açıklama
/*
çok
satırlık
açıklama
*/

MySQL sorguları içinde de benzer şekilde açıklamalar kullanmak mümkündür.

SELECT * FROM personel WHERE departman_id = 5 /* 5 : Muhasebe */ OR departman_id = 8 /* 8 : İnsan Kaynakları */

Bu sorgu aşağıdaki sorgu [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } -->Programlama dillerinde açıklamalar eklemek için çeşitli yapılar bulunur. Örneğin PHP&#8217;de tek satırlık ve çok satırlık açıklamalar şu şekilde kullanılır.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// tek satırlık açıklama</span>
<span style="color: #666666; font-style: italic;">/*
çok
satırlık
açıklama
*/</span></pre></div></div>

<p>MySQL sorguları içinde de benzer şekilde açıklamalar kullanmak mümkündür.</p>

<div class="wp_syntax"><div class="code"><pre class="mysql" style="font-family:monospace;"><span style="color: #990099; font-weight: bold;">SELECT</span> <span style="color: #CC0099;">*</span> <span style="color: #990099; font-weight: bold;">FROM</span> personel <span style="color: #990099; font-weight: bold;">WHERE</span> departman_id <span style="color: #CC0099;">=</span> <span style="color: #008080;">5</span> <span style="color: #808000; font-style: italic;">/* 5 : Muhasebe */</span> <span style="color: #CC0099; font-weight: bold;">OR</span> departman_id <span style="color: #CC0099;">=</span> <span style="color: #008080;">8</span> <span style="color: #808000; font-style: italic;">/* 8 : İnsan Kaynakları */</span></pre></div></div>

<p>Bu sorgu aşağıdaki sorgu ile eşdeğerdir.</p>

<div class="wp_syntax"><div class="code"><pre class="mysql" style="font-family:monospace;"><span style="color: #990099; font-weight: bold;">SELECT</span> <span style="color: #CC0099;">*</span> <span style="color: #990099; font-weight: bold;">FROM</span> personel <span style="color: #990099; font-weight: bold;">WHERE</span> departman_id <span style="color: #CC0099;">=</span> <span style="color: #008080;">5</span> <span style="color: #CC0099; font-weight: bold;">OR</span> departman_id <span style="color: #CC0099;">=</span> <span style="color: #008080;">8</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/mysql-sorgusunun-icine-aciklama-yazmak.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS&#8217;de Bir Kuralı Baskın Yapmak</title>
		<link>http://www.webgelistirici.com/cssde-bir-kurali-baskin-yapmak.html</link>
		<comments>http://www.webgelistirici.com/cssde-bir-kurali-baskin-yapmak.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 07:22:19 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[!important]]></category>
		<category><![CDATA[baskın kural]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=23</guid>
		<description><![CDATA[Bir element içinde farklı yerlerde tanımlanmış CSS kurallarının çakışması halinde hangisinin geçerli olacağını elemente yakınlık belirler. Örneğin elementin style niteliği içindeki bir CSS kuralı, sayfanın baş tarafında &#60;style&#62;&#60;/style&#62; bloğu içinde bulunan bir CSS kuralına göre daha baskındır. Ancak !important ifadesi ile hangi kuralın baskın olacağına biz karar verebiliriz.

&#60;style type=&#34;text/css&#34;&#62;
.etiket { color: red; }
&#60;/style&#62;
&#60;span style=&#34;color: green;&#34;&#62;merhaba&#60;/span&#62;

Yukarıdaki [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } -->Bir element içinde farklı yerlerde tanımlanmış CSS kurallarının çakışması halinde hangisinin geçerli olacağını elemente yakınlık belirler. Örneğin elementin style niteliği içindeki bir CSS kuralı, sayfanın baş tarafında <code>&lt;style&gt;&lt;/style&gt;</code> bloğu içinde bulunan bir CSS kuralına göre daha baskındır. Ancak <code><strong>!important</strong></code> ifadesi ile hangi kuralın baskın olacağına biz karar verebiliriz.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span>
.etiket { color: red; }
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;color: green;&quot;</span>&gt;</span>merhaba<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;</span></pre></div></div>

<p>Yukarıdaki durumda &#8220;merhaba&#8221; yazısının rengi yeşil olacaktır.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">style</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span>&gt;</span>
.etiket { color: red !important; }
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">style</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;color: green;&quot;</span>&gt;</span>merhaba<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;</span></pre></div></div>

<p>Yukarıdaki durumda ise yazı rengi kırmızı olacaktır. <code>!important</code> ifadesi ile çakışma durumunda hangi kuralın baskın olacağını biz belirlemiş olduk.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/cssde-bir-kurali-baskin-yapmak.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
