<?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>İlgiselcom &#187; nasıl yapılır</title>
	<atom:link href="http://ilgisel.com/blog/etiket/nasil-yapilir/feed/" rel="self" type="application/rss+xml" />
	<link>http://ilgisel.com/blog</link>
	<description>İlgi alanlarına dair konular</description>
	<lastBuildDate>Wed, 04 Jan 2012 19:47:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Excel’de Eğer (if) formülü nasıl kullanılır?</title>
		<link>http://ilgisel.com/blog/yazi/excel%e2%80%99de-eger-if-formulu-nasil-kullanilir/</link>
		<comments>http://ilgisel.com/blog/yazi/excel%e2%80%99de-eger-if-formulu-nasil-kullanilir/#comments</comments>
		<pubDate>Wed, 17 Aug 2011 20:36:29 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Yazılım]]></category>
		<category><![CDATA[Eğer formülünde önemli olan noktalar]]></category>
		<category><![CDATA[excel]]></category>
		<category><![CDATA[excel de eğer kullanımı]]></category>
		<category><![CDATA[excel de iç içe eğer kullanımı]]></category>
		<category><![CDATA[excel de if kullanımı]]></category>
		<category><![CDATA[Excel'de İç içe IF Kullanımı]]></category>
		<category><![CDATA[IF]]></category>
		<category><![CDATA[if formülü]]></category>
		<category><![CDATA[IF nedir]]></category>
		<category><![CDATA[nasıl kullanılır]]></category>
		<category><![CDATA[nasıl yapılır]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[office programları]]></category>
		<category><![CDATA[yazılım]]></category>

		<guid isPermaLink="false">http://ilgisel.com/blog/?p=2090</guid>
		<description><![CDATA[Office programları içerisinde yer alan Excel, gelişmiş bir programdır. Excel'de de programlama dillerindeki IF (eğer) formülünü kullanabiliriz. Çalışma mantığı aynı ve kullanımı daha basittir.]]></description>
			<content:encoded><![CDATA[<h6><img class="aligncenter size-full wp-image-2094 border" title="excel2007" src="http://ilgisel.com/blog/wp-content/uploads/2011/08/excel2007.jpg" alt="" width="536" height="246" /></h6>
<h6>Office programları içerisinde yer alan Excel, gelişmiş bir programdır. Günlük hayatımda ve özellikle işyerinde gerek fiyat değişiklikleri, gerekse yeni ürün girişleri ve bunun gibi muhasebe girişlerini toplu yapmak ve kolaylaştırmak için devamlı Excel&#8217;le içli dışlıyım (Tabi kullandığım muhasebe programı SQL tabanlı ve Excel&#8217;den veri çekmeme izin veriyor)</h6>
<p>Web tasarım bile olsa bir şey programlama ile uğraşmışsanız IF (Eğer) formülünü duymuşsunuzdur, işte bu formülün Excel tipi de bulunmakta ve bunu Excel için basitçe kullanabiliyoruz.</p>
<h3>Excel&#8217;da If Formülünü kullanmak</h3>
<p>Bir formülü anlatmak için formülün en basit halini göstermek gerekir. Böylece formülün mantığı kolayca anlaşılır ve kullanılması gereken yerlerde kullanılır.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2091 border" title="excel-if" src="http://ilgisel.com/blog/wp-content/uploads/2011/08/excel-if.jpg" alt="" width="244" height="197" /></p>
<p>Yukarıda gördüğünüz örnekte B3 kutusuna aşağıdaki formül yazıldı;</p>
<blockquote><p>=EĞER(A3&gt;=50;”50 den büyük”;”50 den küçük”)</p></blockquote>
<p>Kutucuk köşesinden tutularak aşağı B8 kutusuna kadar çekildi ve sonuçta böyle bir hücre şekli ortaya çıktı. Bu formüle göre A3 sütunundaki sayı eğer 50′ye eşit veya büyükse bize “50′den büyük” ibaresini vermekte, eğer küçükse “50′den küçük” yanıtını alıyoruz. Bu kutucuğu aşağı kadar indirdiğimizdeyse sırasıyla A3‘ten A8‘e kadar olan hücrelerin içindeki sayılara göre sonuç bilgisi alıyoruz.</p>
<h4>Eğer formülünde önemli olan noktalar</h4>
<p>Eğer formülünü kullanırken dikkat etmemiz gereken bir kaç nokta bulunmaktadır, bunlar;</p>
<ul>
<li>Açılan ve kapatılan parantez sayısı birbirine eşit olmalı</li>
<li>Karakterler çift tırnak içinde gösterilmeli</li>
<li>Sayılar çift tırnak (veya tırnak) içine alınmamalı</li>
<li>Doğru veya yanlış değer verilmeyecekse noktalı virgül <strong>mutlaka</strong> konulmalı</li>
</ul>
<p>Basit şekilde Excel&#8217;de if kullanımı bu şekilde kullanabilir. Buna benzer bir formülü öğrencilerin sınav notlarını toplayıp, bölüp çıkan sonuca göre <strong>Geçti, Kaldı </strong>doğrulamasını yapmak içinde kullanabiliriz.</p>
<h3>Excel&#8217;de İç içe IF Kullanımı</h3>
<p>Tek İf kullanımına yukarıdaki örnekten yeniden göz atın, Böylece İç içe IF kullanımını daha çabuk kavrayabilirsiniz. İçiçe if kullanımı, birden fazla koşul kullanacaksak uygulanır. Elimizde bir kırtasiye listesi olduğunu düşünelim. Buradaki kısaltmaları düzgün görünmesi açısından yeniden düzenlemek istiyoruz. Bu yüzden İçiçe birden fazla Eğer kullanarak gerekli düzenlemeyi yapıyoruz.</p>
<p><img class="aligncenter size-full wp-image-2093" title="icice-if-eger" src="http://ilgisel.com/blog/wp-content/uploads/2011/08/icice-if-eger.jpg" alt="" width="273" height="200" /></p>
<p>Yukarıdaki örnekte C3 kutusuna aşağıdaki formül yazıldı;</p>
<blockquote><p>=EĞER(B3=&#8221;Dz&#8221;;&#8221;Düzine&#8221;;EĞER(B3=&#8221;Pk&#8221;;&#8221;Paket&#8221;;EĞER(B3=&#8221;Grs&#8221;;&#8221;Grosa&#8221;;&#8221;Adet&#8221;)))</p></blockquote>
<p>sKutucuk son hücreye kadar aşağı çekildiğinde yukarıdaki gibi oluyor. Formülü biraz açarsak B3 hücresinde bulunan değer Dz ise Düzine; Pk ise Paket; Grs ise Grosa; Eğer bunlardan hiçbiri değilse de Adet yazmasını istedik. Bunu da yukarıdaki gibi iç içe eğer kullanarak formülledik, Neden Ad&#8217;yi de formüle almadık dersek, Adet bizim değişkenlerimizden biri yazılmasa da sistemimize tanıtılmasını istediğimiz bir sonuç yani Miktar kutucuğundan biri Düzine, Paket, Grosa dışında bir içerik taşıyorsa bunun Adet olmasını istediğimizden böyle yazıldı. Formülde Sonuçlarımızı bu şekilde düzeltiyor.</p>
<h2>Sonuç</h2>
<p>Excel&#8217;de IF (Eğer) formülünü bu şekilde kolayca kullanabilir ve birçok projemizde bize zaman kazandırmasını sağlayabiliriz. Umarım bu yazı yardımıyla Eğer formülünün mantığını kavrayabilirsiniz. Sağlıcakla Kalın.</p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/excel%e2%80%99de-eger-if-formulu-nasil-kullanilir/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>AJAX Nedir? Faydaları Nelerdir?</title>
		<link>http://ilgisel.com/blog/yazi/ajax-nedir-faydalari-nelerdir/</link>
		<comments>http://ilgisel.com/blog/yazi/ajax-nedir-faydalari-nelerdir/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 19:03:29 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[ajax faydaları nelerdir]]></category>
		<category><![CDATA[ajax nedir]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[nasıl yapılır]]></category>
		<category><![CDATA[script.aculo.us]]></category>

		<guid isPermaLink="false">http://ilgisel.com/blog/?p=1979</guid>
		<description><![CDATA[Ajax aslında yeni bir dil değildir. Yani birkaç teknikten oluşan yeni bir dil değil, web dünyasında yeni bir yoldur. ]]></description>
			<content:encoded><![CDATA[<p>Ajax aslında yeni bir dil değildir. Adından da anlaşılabileceği gibi (<strong>Asynchronous JavaScript and XML</strong>) in birleşiminden oluşan bir kısaltmadır. Yani birkaç teknikten oluşan yeni bir dil değil, web dünyasında yeni bir yoldur. Ajax ile bir sayfayı yenilemeden o sayfadaki belli alanları yada hepsini değiştirmemiz mümkündür. Bu da birçok avantajı birbirinde getirmektedir</p>
<p>Ajax, bu şekilde veri trafiğini azaltır, her seferinde bütün sayfanın yüklenmesi yerine sadece gerekli olan bölümü yenileyerek bunu sağlar. Bunu bir örnekle pekiştirelim;</p>
<blockquote><p>Anlık Döviz ve Altın bilgilerini verecek bir sistem tasarlıyorsunuz. Normalde yeni bilgilerin ekrana basılması için sayfanın hepsinin belli periyotlarla yenilenmesi gerekir. Ajax ile sayfada değişiklik gören tek bir alanı yenilecek şekilde kodlama yapıp, sistemi bilginin tamamını yüklemek yerine, yalnızca gerekli olanı alarak yenileyen bir yapıya getiriyoruz.</p></blockquote>
<h2>Ajax’ın Faydaları Nelerdir?</h2>
<ul>
<li>Oluşturulmuş projedeki sitenin <strong>performans</strong>ının daha iyi olmasını sağlar</li>
<li>Eski sisteme göre AJAX daha <strong>hız</strong>lı iletişim sağlar</li>
<li>AJAX ile daha <strong>kullanışlı</strong> sayfalar oluşturabiliriz. Gerekli araçları kullanarak bir sayfada birden fazla işlem yaptırabiliriz</li>
</ul>
<p>Ajax’ın faydası kısaca bize  web application geliştirirken çok daha kullanışlı ve hızlı bir çalışma ortamı getirmektedir. Ajax ile PHP veya ASP gibi web programlama dillerinden birinin gücünü kullanarak çok hızlı ve güçlü çözümler oluşturabiliriz. Şu anda en bilinen AJAX kütüphaneleri olarak Jquery, Mootools ve script.aculo.us kütüphaneleri bilinmektedir. Aşağıda bu 3 kütüphanenin sitelerini bulabilirsiniz.</p>
<p><a href="http://jquery.com/" target="_blank">http://jquery.com/</a></p>
<p><a href="http://mootools.net/" target="_blank">http://mootools.net/</a></p>
<p><a href="http://script.aculo.us/" target="_blank">http://script.aculo.us/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/ajax-nedir-faydalari-nelerdir/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alt Gr tuşunun Marifetleri</title>
		<link>http://ilgisel.com/blog/yazi/alt-gr-tusunun-marifetleri/</link>
		<comments>http://ilgisel.com/blog/yazi/alt-gr-tusunun-marifetleri/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 20:29:05 +0000</pubDate>
		<dc:creator>Alper</dc:creator>
				<category><![CDATA[Yazılım]]></category>
		<category><![CDATA[alt gr]]></category>
		<category><![CDATA[altgr]]></category>
		<category><![CDATA[gr]]></category>
		<category><![CDATA[klavye]]></category>
		<category><![CDATA[marifet]]></category>
		<category><![CDATA[nasıl yapılır]]></category>
		<category><![CDATA[tuş]]></category>
		<category><![CDATA[tuşların marifetleri]]></category>

		<guid isPermaLink="false">http://ilgisel.com/blog/?p=1977</guid>
		<description><![CDATA[Klavyeye baktığımızda Space'in sağında bir Alt Gr tuşunun olduğunu görürüz. Çoğumuzda bunun asıl görevinin ne olduğunu bilmez ve Alt tuşunun bir değişiği olduğunu sanar ama Alt Gr bu kadar basit bir tuş değil.]]></description>
			<content:encoded><![CDATA[<p>Klavyeye baktığımızda <strong>Space</strong>&#8216;in sağında bir <strong>Alt Gr</strong> tuşunun olduğunu görürüz. Çoğumuzda bunun asıl görevinin ne olduğunu bilmez ve <em>Alt</em> tuşunun bir değişiği olduğunu sanar ama <strong>Alt Gr</strong> bu kadar basit bir tuş değil.</p>
<p>İşte bu tuş ile birlikte aşağıda vereceğim kombinasyonları kullandığınızda değişik karakterleri ekrana basabilirsiniz. Daha fazla konuşmayı kesip, tuşların yaptıklarını görelim.</p>
<blockquote>
<p><strong>alt gr + 2 = £</strong> pound ingiliz para birimi<br />
<strong>alt gr + 3 = #</strong> diyez işareti<br />
<strong>alt gr + 4 = $</strong> bilmeyen var mı<br />
<strong>alt gr + 7 = {</strong> küme parantezi<br />
<strong>alt gr + 8 = [</strong> köşeli parantez<br />
<strong>alt gr + 9 = ]</strong> ters köşeli parantez<br />
<strong>alt gr + 10 = }</strong> ters küme parantezi<br />
<strong>alt gr + * =  </strong>ters slaş
</p></blockquote>
<p>Şimdi bilinmeyenler&#8217;e göz atalım.</p>
<blockquote>
<p><strong>alt gr + &#8221; = < </strong>küçüktür<br />
<strong>alt gr + 1 = ></strong> büyüktür<br />
<strong>alt gr + 5 = ½</strong> bilmem her klavyede varmı ama benimkinde var<br />
<strong>alt gr + &#8211; = | </strong>ince uzun çıtıpıtı çizgi<br />
<strong>alt gr + q = @</strong> et işareti, biçoğumuz kullanırız zaten<br />
<strong>alt gr + e = €</strong> avrupa para birimi olan euro&#8217;nun simgesi, malum ab&#8217;ye giriyoruz<br />
<strong>alt gr + ı = i</strong> sanırım ingilizce için düşünülmüş<br />
<strong>alt gr + ğ = ¨</strong> bu ne yaw anladınız mı ?<br />
<strong>alt gr + ü = ~</strong> yaklaşık işareti diye bilirim ama progra1~ şeklinde kullanımlar görmek mümkün<br />
<strong>alt gr + a = æ</strong> uluslararası telaffuz dilinde bir işaret, harfin e-a arası okunacağını bildiriyor<br />
<strong>alt gr + s = ß</strong> yunan alfabesinde beta almanlarda ise ss harfi<br />
<strong>alt gr + ş = ´</strong> tırnak işareti ama hafiften yana yatık<br />
<strong>alt gr + < = |</strong> ince uzun çıtıpıtı çizgi<br />
<strong>alt gr + , = `</strong> tırnak işareti ama yana yatık 2
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/alt-gr-tusunun-marifetleri/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Md5 Nedir? Php&#8217;de Md5 Şifreleme nasıl yapılır?</title>
		<link>http://ilgisel.com/blog/yazi/md5-nedir-phpde-md5-sifreleme-nasil-yapilir/</link>
		<comments>http://ilgisel.com/blog/yazi/md5-nedir-phpde-md5-sifreleme-nasil-yapilir/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 11:15:15 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[128bit şifreleme]]></category>
		<category><![CDATA[bedava php ders]]></category>
		<category><![CDATA[crc32]]></category>
		<category><![CDATA[md5]]></category>
		<category><![CDATA[md5 in alternatifleri nelerdir]]></category>
		<category><![CDATA[md5 kırılabilir mi]]></category>
		<category><![CDATA[md5 nasıl yapılır]]></category>
		<category><![CDATA[md5 ne işe yarar]]></category>
		<category><![CDATA[md5 şifreleme]]></category>
		<category><![CDATA[nasıl yapılır]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[php ders]]></category>
		<category><![CDATA[sha1]]></category>

		<guid isPermaLink="false">http://ilgisel.com/blog/?p=1942</guid>
		<description><![CDATA[Php ile bir üyelik sistemi yada benzer birşey yapıyorsak, kullanıcının bazı bilgilerini (mesela parola) şifreleme gereği duyarız. İşte bu noktada kurtarıcı olarak Md5 karşımıza çıkıyor.]]></description>
			<content:encoded><![CDATA[<p>Bu yazımda Md5 şifrelemenin ne olduğundan ve bunun nasıl yapılacağından bahsedeceğim. Md5 <strong>hashing / FingerPrinting</strong> algoritmasıdır ve 1<strong>28-bit’lik (16-bayt)</strong> bir çıktı üretir.</p>
<p>Bu nedenle de üyelik sistemlerinde parolaları şifrelemek için kullanır. Böylece şifreyi kullanıcının kendisi dışında hiçkimse bilemez. Aslında bu tip şifreleme çok kolaydır. Php bunu bizim için oldukça basitleştirmiştir.</p>
<p><span id="more-1942"></span></p>
<h2><strong>Md5 Nedir? Nerelerde Kullanılır? Ne işe yarar?</strong></h2>
<p>Kriptografide  <strong>MD5</strong> (Message-Digest Algorithm 5 / Mesaj Özeti Algoritması 5) , 128-bit yığın düğüm değeri ile geniş çaplı olarak kullanılan bir kriptografik düğüm fonksiyonudur. Bir internet standartı olarak (RFC 1321) MD5 geniş çeşit yelpazesindeki bir çok güvenlik uygulamasında kullanılmış ve halen kullanılmaktadır.</p>
<p>Veri güvenliğinin kontrolü için genellikle Md5 kullanılır. Yani Md5 öncelikle bir verinin doğru transfer edilip, edilmediği ve değiştirilip, değiştirilmediğini kontrol için kullanılır. Md5, Ronal Rivest tarafından <strong>1991</strong> yılında bir önceki düğüm fonksiyonu olan Md4&#8242;un yerine tasarlanmıştır.</p>
<p>Md5&#8242;i web piyasasında kullananlar <strong>Phpbb</strong>, <strong>PhpNuke</strong> ve <strong>WordPress</strong>&#8216;tir. Bu sistemler şifreleri md5 ile şifreleyerek korur.</p>
<h2><strong>Md5 Şifreleme Yapalım</strong></h2>
<p>Kolayca anlamanız için aşağıdaki örneği incelemenizi tavsiye ederim.</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
$pass = &quot;sifre123&quot;;
$secret_pass = md5($pass);
echo $pass;
echo &quot; parolası md5 ile şifrelenerek &quot;;
echo $secret_pass;
echo &quot; oldu.&quot;;
?&gt;
</pre>
<p>Yukarıdaki örneği açıklamak gerekirse önce <code>$pass</code> değişkenine bir parola atıyoruz, sonra bu değişkeni md5 ile şifreliyoruz ve varolan sonuca <code>$secret_pass</code> adını verip, bunu bastırıyoruz. Yani ilk yazdığımız şifrenin md5 şekli <code>$secret_pass</code>&#8216;ın kendisi oluyor.</p>
<p>Bunu üyelik sisteminde nasıl kullanacağımıza gelirsek;</p>
<blockquote><p><strong>Üye kayıt olurken</strong> ilgili parola girdisini üyeden form yardımıyla alıp bu şifreyi md5 ile şifreleyip veritabanında kullanıcı için açtığımız şifre ile ilgili bölüme kaydediyoruz.</p>
<p><strong>Oturum açarken</strong> formdan gelen şifre bilgisini alıp md5 ile şifreliyoruz, daha sonra veritabanında ilgili üyenin şifresi ile karşılaştırıyoruz. Eğer şifre doğruysa giriş yapılıyor, doğru değilse uyarı mesajı verdiriyoruz.</p></blockquote>
<h2>Md5&#8242;in alternatifleri var mıdır? Md5 kırılabilir mi?</h2>
<p>Php&#8217;de <strong>Md5</strong> dışında <strong>Sha1() </strong>ve <strong>crc32()</strong> şifreleme fonksiyonları da bulunmaktadır. Diğer alternatiflerinde de olabileceği gibi md5 şifreleme de kırılabilir. Sonuçta virüs yapan zihniyet, bunları kırmak içinde uğraşıyordur ama şifremizi sayı ve karakter olarak karışık ve uzun tutarsak, şifremizi kırmaları bayağı zorlaşır.</p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/md5-nedir-phpde-md5-sifreleme-nasil-yapilir/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery&#8217;de Sekmeler</title>
		<link>http://ilgisel.com/blog/yazi/jqueryde-sekmeler/</link>
		<comments>http://ilgisel.com/blog/yazi/jqueryde-sekmeler/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 23:19:08 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[ajax sekme]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[JQuery Framework]]></category>
		<category><![CDATA[JQuery UI Javascript]]></category>
		<category><![CDATA[nasıl yapılır]]></category>

		<guid isPermaLink="false">http://www.dincerdegre.com/weblog/?p=149</guid>
		<description><![CDATA[Modern Web programcılığında arkadaki işlemler kadar sitenin görselliği de projeye büyük bir artı sağlıyor. Bunu yapmak içinde Javascript en basit ve en iyi yollardan biri.]]></description>
			<content:encoded><![CDATA[<p>Görsel olarak Javascript bazlı değişimler yapmak için bir sürü Framework oluşturulmuş bulunmakta. Bu yazı ile Jquery ile sekme sisteminin nasıl yapıldığını anlayıp uygulayacaksınız.</p>
<p><span id="more-1747"></span></p>
<h3>Neye İhtiyacımız Var?</h3>
<p>Basit bir Sekme sistemi oluşturacağımız için bize <a href="http://docs.jquery.com/Downloading_jQuery" target="_blank">JQuery Framework Dosyası</a> ve <a href="http://jqueryui.com/download" target="_blank">JQuery UI Javascript dosyaları</a> gerekiyor. UI Downloader size hangi özellikleri kullanmak istediğinizi seçme olanağı tanıyor, bu aşamada ben sadece Tabs yani sekme bölümünü seçtim. Neler gerekli olduğunu öğrendiğimize göre artık işleme başlayabiliriz.</p>
<h3>Başlangıçta Yapılacaklar</h3>
<p>İlk işimiz indirdiğimiz Jquery dosyalarını HTML dosyamızın bulunduğu yere kopyalamak ve ilgili HTML dosyamız içinde &lt;/head&gt; bölümünün hemen üstüne aşağıdaki kodları yapıştırmak.</p>
<blockquote>
<pre style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: monospace; vertical-align: baseline; width: auto; float: none; clear: none; overflow-x: visible; overflow-y: visible; line-height: 1.333; padding: 0px; margin: 0px; border: 0px initial initial;">&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery-ui.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery-tabs.js"&gt;&lt;/script&gt;</pre>
</blockquote>
<p>Bir sonraki aşamamızda script&#8217;in döküman yüklendiğinde ne yapması gerektiğini yazıyoruz. diğer kodların hemen altına. Buradaki &#8220;#tabs&#8221; ilgili taşıyıcı div&#8217;in id&#8217;sidir.</p>
<blockquote>
<pre style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: monospace; vertical-align: baseline; width: auto; float: none; clear: none; overflow-x: visible; overflow-y: visible; line-height: 1.333; padding: 0px; margin: 0px; border: 0px initial initial;">&lt;script&gt;
$(document).ready(function()
{
	$("#tabs &gt; ul").tabs();
});
&lt;/script&gt;</pre>
</blockquote>
<p>Basitçe anlatmak gerekirse bu script bütün diğer dosyalar yüklendiğinde bir kereye mahsus çalışacak. Script&#8217;in istediğimiz yeri döküman içinden seçebilmesi için Div&#8217;in id olayı kullanıldı. Sistemi az çok anladığımıza göre şimdi içerik ekleyelim.</p>
<h3>Sekmeleri Oluşturalım</h3>
<p>Sekmeler birer div taşıyıcına bağlanacak, böylece istediğimizi script sayesinde gösterebileceğiz. Biraz önce div taşıyıcı olarak id&#8217;i &#8220;#tabs&#8221; olarak kullandığımız için burada da aşağıdaki gibi olacak.</p>
<blockquote>
<pre style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: monospace; vertical-align: baseline; width: auto; float: none; clear: none; overflow-x: visible; overflow-y: visible; line-height: 1.333; padding: 0px; margin: 0px; border: 0px initial initial;">&lt;div id="tabs" class="tabs"&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a href="target"&gt;&lt;span&gt;Bir&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="target"&gt;&lt;span&gt;İki&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</pre>
</blockquote>
<p>Bilgiyi sekmelerin içine koymak için bir çok yol var. İlki ilgili sekmede göstermek istediğimiz bilgiyi sayfadaki farklı bir div&#8217;den çekebiliriz. Bunu yapmak için çekmek istediğimiz farklı div&#8217;in id&#8217;sini olması gerektiği gibi gerekli yere yazmalıyız. Diğer metottaysa sekmeyi div olarak deil dosya yani .html olarak çekmekten bahsedebiliriz.</p>
<p>Bu şekilde anlatıldığında anlamlı gelmese de yukarıdaki kodumuzu biraz değiştirerek ne demek istediğimizi anlatabiliriz.</p>
<blockquote>
<pre style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: monospace; vertical-align: baseline; width: auto; float: none; clear: none; overflow-x: visible; overflow-y: visible; line-height: 1.333; padding: 0px; margin: 0px; border: 0px initial initial;">&lt;div id="tabs" class="tabs"&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a href="#example"&gt;&lt;span&gt;Örnek&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="another_file.html"&gt;&lt;span&gt;Diğer Dosya&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
        &lt;div id="example"&gt;
        Birşeyler yazalım
        &lt;/div&gt;
&lt;/div&gt;</pre>
</blockquote>
<p>Bunu yaptıktan sonra aynı dizine birde another_file.html dosyası oluşturun ve içine aşağıdakini yazıp kaydedin.</p>
<blockquote>
<pre style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: monospace; vertical-align: baseline; width: auto; float: none; clear: none; overflow-x: visible; overflow-y: visible; line-height: 1.333; padding: 0px; margin: 0px; border: 0px initial initial;">&lt;p&gt;bu da diğer dosyadaki yazı&lt;/p&gt;</pre>
</blockquote>
<p>HTML dosyasında yapmamız gerekenler bu kadardan ibaret. Şu anda basit şekilde oluşturulmuş sekmelerimiz bulunmakta. Bu dosyalara CSS yardımıyla şekil vermek size kalmış. Daha fazla bilgi için aşağıdaki ZIP&#8217;li dosyayı indirebilir veya demoyu inceleyebilirsiniz.</p>
<p><a href="http://www.dincerdegre.com/demolar/01/jquerysekme/" target="_blank">Jquery Sekme Demo</a></p>
<p><a href="http://www.dincerdegre.com/demolar/01/jquery_sekme.zip" target="_blank">Jquery Sekme ZIP Indir</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/jqueryde-sekmeler/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Kendi Kartvizitini Tasarla</title>
		<link>http://ilgisel.com/blog/yazi/kendi-kartvizitini-tasarla/</link>
		<comments>http://ilgisel.com/blog/yazi/kendi-kartvizitini-tasarla/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 15:15:06 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Tasarım]]></category>
		<category><![CDATA[bedava kartvizit template]]></category>
		<category><![CDATA[kartvizit]]></category>
		<category><![CDATA[kartvizit tasarımı]]></category>
		<category><![CDATA[kendi kartvizitini tasarla]]></category>
		<category><![CDATA[nasıl yapılır]]></category>
		<category><![CDATA[yaratıcı]]></category>

		<guid isPermaLink="false">http://www.dincerdegre.com/weblog/?p=137</guid>
		<description><![CDATA[Konular tek tek aynı yoldan geliyor, şimdi de Kendi Kartvizitimizi nasıl tasarlayabileceğimize değinelim. İlk önce Photoshop veya benzeri bir resim düzenleme aracına sahip olmalıyız.]]></description>
			<content:encoded><![CDATA[<p>Bundan sonra karşımıza iki seçenek çıkıyor, eğer Template bulabilmişsek onu açıp düzenleyerek kendimize bir kartvizit tasarımı oluşturabiliriz, diğer yol ise daha uzun ama tasarımcılığımızı da olumlu etkileyeceği için bunu seçmek daha iyi olacaktır. (Eğer bir tasarımcı olmak istiyorsanız, istemiyorsanız uğraşmayabilirsiniz)</p>
<p><span id="more-137"></span></p>
<p>Bu yazıda yine net üzerinde bulduğum ve anlatımı ingilizce olan bir kaç Kartvizit Tasarı Tutorial&#8217;ının linklerini vereceğim. İngilizce bilmiyorum desenizde bir bakmanızı tavsiye ederim, çünkü çok fazla ingilizce gerektirmiyor.</p>
<p>Bu tasarımları yapıp, hem bir kartvizit&#8217;in nasıl tasarlandığını öğrenecek, hem de bir kaç tasarımın güzel yönlerini alıp kendi eşsiz tasarımını oluşturma imkanını bulabileceksiniz.</p>
<p><strong>Business card layout</strong></p>
<p>Bu tasarımda genel olarak bir kartvizit yapımı gösterilmekte, rengi kendinize göre ayarlayabilirsiniz.</p>
<p><a href="http://alfoart.com/business_card_layout_1.html" target="_blank"><img class="aligncenter size-full wp-image-138" title="AlexandraF" src="http://www.dincerdegre.com/weblog/wp-content/uploads/2009/07/AlexandraF.jpg" alt="AlexandraF" width="500" height="288" /></a></p>
<p><strong>Baskıya Hazır Kartvizit Tasarımı</strong></p>
<p>Bu tasarımı yapmak için Adobe Photoshop, Adobe Illustrator ve Adobe InDesign programları kullanılacak ve gördüğünüz gibi karton görünümlü bir tasarımcı kartvizit&#8217;i oluşturulacak.</p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/design-a-print-ready-business-card-for-designers" target="_blank"><img class="aligncenter size-full wp-image-139" title="spoongraphics" src="http://www.dincerdegre.com/weblog/wp-content/uploads/2009/07/spoongraphics.jpg" alt="spoongraphics" width="500" height="395" /></a></p>
<p><strong>Grungy Kartvizit Tasarımı</strong></p>
<p>Bu tasarıma Grungy denmekte ismi de o yüzden böyle oldu. Konuyu okuyun daha iyi anlayacaksınız.</p>
<p style="text-align: center;"><a href="http://luxa.org/tutorial_making_a_grungy_business_card.php" target="_blank"><img class="size-full wp-image-140 aligncenter" title="luxa" src="http://www.dincerdegre.com/weblog/wp-content/uploads/2009/07/luxa.jpg" alt="luxa" width="500" height="401" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;"><strong>Kart ve Kağıt Karışımı Tasarım</strong></p>
<p style="text-align: left;">Bu tasarımda da yine tasarımcılara özel bir şekilde Kartvizit nasıl yapılır o öğretilmiş.</p>
<p style="text-align: left;"><a href="http://pshero.com/archives/cardboard-and-torn-paper-business-card" target="_blank"><img class="aligncenter size-full wp-image-141" title="pshero" src="http://www.dincerdegre.com/weblog/wp-content/uploads/2009/07/pshero.jpg" alt="pshero" width="500" height="305" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;"><strong>Visibility Karvizit Tasarım</strong></p>
<p style="text-align: center;"><a href="http://www.blog.spoongraphics.co.uk/tutorials/business-card-design-project-walkthrough" target="_blank"><img class="size-full wp-image-142 aligncenter" title="business-card-design-project-walkthrough" src="http://www.dincerdegre.com/weblog/wp-content/uploads/2009/07/business-card-design-project-walkthrough.jpg" alt="business-card-design-project-walkthrough" width="500" height="376" /></a></p>
<p style="text-align: center;">
<p style="text-align: left;"><strong><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/making-a-print-ready-business-card-using-only-photoshop/" target="_blank">Koyu Tasarım</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/kendi-kartvizitini-tasarla/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress&#8217;te Sürüm Yükseltme</title>
		<link>http://ilgisel.com/blog/yazi/wordpress-te-surum-yukseltme/</link>
		<comments>http://ilgisel.com/blog/yazi/wordpress-te-surum-yukseltme/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 10:24:04 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[nasıl yapılır]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wp sürüm yükseltme]]></category>

		<guid isPermaLink="false">http://www.dincerdegre.com/weblog/?p=34</guid>
		<description><![CDATA[Wordpress oluşumu açısından güncel tutulması gereken bir sistem. Her seferinde sıfırdan Wordpress kurulamadığına göre sürüm yükseltmenin nasıl yapıldığını bilmek gerekir.]]></description>
			<content:encoded><![CDATA[<p>WordPress oluşumu açısından güncel tutulması gereken bir sistem. Her seferinde sıfırdan WordPress kurulamadığına göre sürüm yükseltmenin nasıl yapıldığını bilmek gerekir.</p>
<p>Aslında genel olarak sürüm yükseltme oldukça kolay bir olay. Sadece dikkatli olmak, gerekli yedeklemeleri alıp yeni sürümü anlatacağım şekilde yükleyip, yeni sisteme geçiş yapmak gerekiyor.</p>
<p><span id="more-34"></span></p>
<p><strong>Sürüm Yükseltmeye başlamadan önce;</strong></p>
<ul>
<li>Veritabanınızın bir yedeğini alın.</li>
<li>Sitenizdeki tüm WordPress dosyalarını ve varsa .htaccess dosyasınında yedeğini alın.</li>
<li>Aldığınız yedekler bir sorun olduğu takdirde yeniden kullanılacak, bu yüzden bu yedeklerin kullanabilir olduğuna emin olun.</li>
<li>Tüm WordPress eklentilerinizi sistem içinden Etkisizleştirin.</li>
</ul>
<p>Yukarıdaki adımları tamamladıysanız şimdi Sürüm Yükseltmeye başlayabiliriz. <span style="color: #ff0000;"><strong>Dikkat: Yukarıdaki adımları yapmadıysanız sürüm yükseltmeye kalkmayın. Geri dönülmeyecek bir durumu girmiş olursunuz.</strong></span></p>
<h3>Sürüm Yükseltme Adımları</h3>
<ul>
<li>WordPress&#8217;i kurmak için <a href="http://www.wordpress-tr.com" target="_blank">WordPress-tr</a> sitesine gidin ve en son sürüm&#8217;ü indirin. WordPress&#8217;i ingilizce olarak kurmak istiyorsanız, <a href="http://wordpress.org/" target="_blank">http://wordpress.org</a> ye gitmeniz gerekmektedir.</li>
<li>Aşağıda belirtilen dosyaları pc&#8217;nizde ayrı bir yere kopyalayın.</li>
</ul>
<blockquote><p>Blog kök dizinindeki /wp-config.php dosyası</p>
<p>/wp-content klasörü ve içindekiler (Uyarı: Eğer bu klasörün içinde cache dosyası yada klasörü varsa &#8221;/wp-content/cache&#8221; silin.)</p>
<p>/wp-images klasörü (Varsa, bazılarından bulunmayabiliyor)</p>
<p>Eğer oluşturmuşsak kendi oluşturduğumuz klasör ve dosyalar ve eğer farklı bir dil dosyası kullanacaksanız &#8220;wp-content/languages&#8221; dizini</p></blockquote>
<ul>
<li>Bu yedeklemeleri yaptıktan sonra yazının başında indirdiğimiz son sürüm WordPress&#8217;i kök dizine atın ve Overwrite (Yani varolan dosyanın üzerine yazılsın mı türü birşey sorulduğunda her klasör ve dosya için evet yanıtını verin) yapın.</li>
<li>Yeni sürümü tam olarak attıktan sonra web taracınıza Worpress&#8217;i kurduğunuz adresi örnekteki şekliyle yazın (www.siteadı.com/wp-admin/upgrade.php) Blog&#8217;da fazla içerik olduğu takdirde bu işlem uzun sürecektir.</li>
<li>İstediğiniz kalıcı bağlantı (permalink) tipini ayarlayın ve eğer gerekliyse .htaccess dosyasınızın içeriğini güncelleyin.</li>
<li>Kullandığınız pluginlerin (eklentilerin) ve temanın yükselttiğiniz WordPress sürümü ile uyumlu olmaması durumunda yeni sürümlerinin olup olmadığını araştırın ve varsa yenilerini yükleyin.</li>
<li>Pluginleri yeniden etkinleştirin.</li>
</ul>
<p>Ben sürüm yükseltmeyi böyle yapıyorum ve şu ana kadar bir sorunla karşılaşmadım. WordPress-tr&#8217;da bu işlem biraz daha farklı olarak anlatılmış ama yanlışlıkla bazı şeyleri silmek açısından onların yazdığı sürüm yükseltmeyi yapmıyorum ama fikir olması açısından <a href="http://www.wordpress-tr.com/belgeler/wordpress/wordpress-surum-yukseltme/" target="_blank">http://www.wordpress-tr.com/belgeler/wordpress/wordpress-surum-yukseltme/</a> linkinden o belgeyi de inceleyebilirsiniz.</p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/wordpress-te-surum-yukseltme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

