http://www.bildirgec.org/ tr-tr 40 bildirgec.org - aJx - beğendikleri aJx <p><a href="http://www.bildirgec.org/yazi/en-etkili-bilim-adamlari-galileo">Şurada da</a> kendisinden bahsettiğimiz <a href="http://tr.wikipedia.org/wiki/Leonardo_da_Vinci">Leonardo da Vinci</a>, Rönesans döneminin en büyük sanatçılarının biri olmakla birlikte birçok şeye ilham kaynağı olan ve hala da olmaya devam eden eşsiz bir bilim adamıdır. Onun, şimdi bile etkisini devam ettiren bu ilham kaynağı olma durumu adeta kendisinden sonra insanlığa kalan bir miras gibidir.</p> <p>ve bu mirastan yola çıkarak burada, <a href="http://www.bildirgec.org/etiket/web-tasarım">web tasarım</a>ı hakkında ondan öğrenebileceğimiz 6 ipucu bulunmakta. Web tasarımcıları veya web tasarımcısı olmak isteyenler için Leonardo da Vinci’den 6 web tasarım tavsiyesi.</p> <p>1– <strong>Meraklı ol</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/da-vinci-flying-machine.jpg' alt="\"\"" border="0"><br></div>Leonardo ile ilgili en dikkate değer şeylerden biri de onun doymak bilmez bir meraka sahip olmasıdır.<br><!-- buradan kes --><br>Önemli bir ressam olmasının yanında onun diğer ilgilerinin bazıları şu şekilde: <ul> <li>Botanik </li> <li>Müzik </li> <li>İnsan ve hayvan anatomisi </li> <li>Akışkanlar dinamiği (bu isimle bir bilim dalı oluşmadan önce)</li> <li>şiir yazma </li> <li>Platonik felsefe </li> <li>Uçan makineler ve tank çeşitlerini de barındıran önemli buluşlar ve tasarımlar</li> </ul> <p>Burada önemli olan nokta meraklı olmak ve görünüşte web tasarımıyla alakalı olmasa da birçok şeyi öğrenmek. Nihayetinde bu, kusursuz bir tasarıma ulaşmanız için size yardımcı olacak, bir noktaya, birçok farklı açıdan bakmanızı sağlayacaktır.</p> <p><strong></strong><br>2 – <strong>dış görünüşün altındakilere bak</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/da-vinci-anatomy.jpg' alt="\"\"" border="0"><br></div>Az önce da vinci'nin anatomiye olan merakından bahsetmiştik. Onun, bir şeyin görünüşün altında ne bulunduğuna dair çalışmaları, çizim ve boyama çalışmalarında kayda değer sonuçlara ulaşabilmesine olanak sağlayan bir anlayış kazandırdı. Bu web tasarımında da uygulanabilecek bir şey.<br>Web tasarımında da benzer uygulamalar mevcuttur. <br>Grafik tasarımcı için bu, <a href="http://tr.wikipedia.org/wiki/HTML">HTML</a> ve <a href="http://tr.wikipedia.org/wiki/CSS">CSS</a>’in temel yapısının nasıl çalıştığını öğrenmek olabilir. Arayüz kodlayıcıları (<a href="http://en.wikipedia.org/wiki/Front-end_and_back-end">front-end coder</a>) için ise bir içerik yönetim sisteminin (<a href="http://en.wikipedia.org/wiki/Content_management_system">content management system</a>) nasıl çalıştığını anlamak olabilir.</p> <p><strong></strong><br>3 – <strong>diğerlerinin çalışmaları üzerine temellendir</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/da-vinci-verrocchio.jpg' alt="\"\"" border="0"><br></div>Onun dehasına rağmen, leonardo’nun başarılarının çoğu onun zekasıyla şekillenmedi. o, çalışmalarını, kendiyle aynı dönemde ya da kendinden önce eserler vermiş olanların çalışmaları üzerine temellendiriyordu. çünkü da vinci, floransalı ustası <a href="http://tr.wikipedia.org/wiki/Andrea_del_Verrocchio">Verrocchio</a>’nın yanında çalışarak hem ustasının hem de rönesans sanatının teknik ve özelliklerini öğrenmişti. <br>Peki, bu bahsedilen web tasarımı için ne anlama gelir? yani demem o ki en başından alıp da tekerleği yeniden icat etmeyin. müşterileriniz kendi sitelerini yönetebilmeye ihtiyaç duyuyorlar mı? belki de <a href="http://www.wordpress-tr.com/">wordpress</a> ile yapılan ufak bir uyarlama ihtiyaçlarını karşılayacaktır. <br>Ayrıca tekerleği yeniden icat edip durmak yerine çoğunlukla rayları kendiliğinden yerleştirme mantığı, <a href="http://tr.wikipedia.org/wiki/Ruby_on_Rails">Ruby on Rails</a>, <a href="http://tr.wikipedia.org/wiki/Django">Django</a>, ve <a href="http://tr.wikipedia.org/wiki/CakePHP">CakePHP</a> gibi programlama sistemlerinin arkasında yatan temel felsefedir.<br>Bunun yanında, tabii ki, son ayarlamalar öncesinde sayfa düzeni ve tipografi üzerinde çalışabilmenizi sağlaması için <a href="http://www.blueprintcss.org/">Blueprint</a> gibi bir css framework’ünü de kullanabilirsin.</p> <p><strong></strong><br>4 – <strong>eskizler yap</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/da-vinci-studies.jpg' alt="\"\"" border="0"><br></div><a href="http://www.bildirgec.org/etiket/Leonardo-da-vinci">Leonardo da vinci</a>, çalışmasına başlamadan önce genellikle onun eskizlerini çizerdi. Böylece farklı bakış açılarında çalışmanın temel öğelerinin birbirlerini nasıl etkileyeceğini, uyguladığı farklı kompozisyonlarla denemiş oluyor ve en iyi sonuca ulaşıyordu.<br>Bu, web tasarımı için de yapılabilir bir şey. Bir Sayfa düzeni ya da bir web uygulaması için bir fikriniz mi var? hemen bir kağıda kaba taslak çizin aklınızdakileri. eğer güzel görünüyorsa uygulamaya geçebilirsiniz. Eğer sevmediyseniz, tekrar deneyin.</p> <p><strong></strong><br>5 – <strong>yeniden yap, daha iyi yap</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/da-vinci-virgin-of-the-rock.jpg' alt="\"\"" border="0"><br></div>Da vinci, sadece normal çalışmalarını tekrarlamadı. Baştan sona yeniden yaptığı bir tablosunun olduğu da bilinmektedir. (kayalıklar bakiresi - <a href="http://en.wikipedia.org/wiki/Virgin_of_the_Rocks">The Virgin of the Rocks</a>)</p> <p>Ama web tasarımında bizim bunu yapmamız daha kolaydır. Eğer üzerinde çalıştığımız işi yeniden yapmayı ve bu şekilde daha iyi bir sonuca ulaşmayı istersek, tekrar işin en başından başlamak zorunda değiliz. Sadece istediğimiz yerlerdeki düzenlemeleri yapabiliriz.</p> <p><strong></strong><br>6 – <strong>yeni teknikler denerken dikkatli ol</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/da-vinci-last-supper.jpg' alt="\"\"" border="0"><br></div>Leonardo’dan öğrenebileceğimiz son ders aslında bir uyarı. Son yemek (<a href="http://en.wikipedia.org/wiki/The_Last_Supper_(Leonardo)">Last Supper</a>) adlı tablosunu yaparken, boyalarını karıştırarak elde ettiği deneysel bir teknik kullandı. İlk başlarda her şey yolunda görünürken hemen sonra tabloda çatlaklar görünmeye başladı. o zamandan beri bozulmaya devam eden başyapıtı resmen çürüyor.<br>Web tasarımcılar da dikkat etmeli. Yani, deneysel bir teknoloji ya da teknik mükemmel olabilir. Fakat onu direkt olarak çok önemli bir sisteme/siteye uygularken çok dikkatli olun. Aksi takdirde uyguladığınız o mükemmel teknik sizi yarı yolda bırakabilir aynı leonardo’ya da olduğu gibi.</p> <p><strong>orjinal kaynak</strong>: <a href="http://designpepper.com/2007/12/27/6-web-design-tips-from-leonardo-da-vinci/"><strong>design pepper</strong></a></p> <p><strong></strong><br><strong>|</strong><a href="http://xerre.bildirgec.org/"><strong>diğer yazılarım</strong></a><strong>|</strong></p> <p><strong>|</strong><a href="http://www.bildirgec.org/rss/uye/xerre/yazi.xml"><strong>dilerseniz yazılarımı rss üzerinden de takip edebilirsiniz</strong></a><strong>|</strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/aJx">aJx</a> tarafından <a href=" http://www.bildirgec.org/yazi/leonardo-da-vinci-den-6-web ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 17 Jun 2009 06:31:00 GMT 213114@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/leonardo-da-vinci-den-6-web aJx <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/feather.jpg' alt="tüy gibi jquery eklentileri" border="0"><br>tüy gibi hafif jquery eklentileri</div> <p>Web sayfanızda bir sürü <a href="http://jquery.com/">jQuery</a> eklentisi kullanmak istiyorsunuz ama bir yandan da sayfanın yüklenme hızını kendinize dert ediniyorsunuz. O halde aşağıdaki eklentilere mutlaka göz atmak isteyeceksiniz...</p> <p><strong>1.</strong> <a href="http://www.sunsean.com/idTabs/">idTabs</a> (<em>2.1 kb</em>): Basit ve esnek bir şekilde sekmeli arayüzler oluşturmanızı sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/idtabs.jpg' alt="idTabs" border="0"></div> <p><strong>2.</strong> <a href="http://www.gmarwaha.com/jquery/jcarousellite/">jCarousel Lite</a> (<em>2.1 kb</em>): çok seçenekli bir karosel (<a href="http://www.bildirgec.org/etiket/carousel">carousel</a>) uygulaması</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/jcarousel-lite.jpg' alt="jCarousel Lite" border="0"></div> <p><!-- buradan kes --></p> <p><strong>3.</strong> <a href="http://plugins.jquery.com/project/lazy">Lazy Loader</a> (<em>530 b</em>): istenildiği zaman bir eklentinin yüklenmesini sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/lazy.jpg' alt="Lazy Loader" border="0"></div> <p><strong>4.</strong> <a href="http://www.codenothing.com/archives/jquery/single-drop-down-menu/">Single Drop-Down Menu</a> (<em>584 b</em>): aşağı-açılır navigasyon menüleri oluşturur.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/single-dropdown.jpg' alt="Single Drop-Down Menu" border="0"></div> <p><strong>5.</strong> <a href="http://dev.iceburg.net/jquery/jqModal/">jQModal</a> (<em>2.8 kb</em>): <a href="http://www.bildirgec.org/etiket/lightbox">lightbox</a> olarak bilinen model pencereler oluşturur.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/jqmodal.jpg' alt="jQModal" border="0"></div> <p><strong>6.</strong> <a href="http://www.lousyllama.com/sandbox/jquery-autotab">AutoTab</a> (<em>1.6 kb</em>): form alanlarında filtreleme yapmanızı sağlar. "Bu alana yalnızca rakamlar" girilebilsin gibi...</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/autotab.jpg' alt="AutoTab" border="0"></div> <p><strong>7.</strong> <a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery">CSS Globe Tooltip</a> (<em>479 b</em>): Linklerin üzerine fare ile gelindiğinde açıklama kutucuğu (<a href="http://www.bildirgec.org/etiket/tooltip">tooltip</a>) gösterir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/easy-tooltip.jpg' alt="\" border="0"></div> <p><strong>8.</strong> <a href="http://stanlemon.net/projects/jgrowl.html">jGrowl</a> (<em>4.1 kb</em>): MacOS X'deki <a href="http://growl.info/about.php">Growl</a> uygulamasının yaptığına benzer şekilde bildirim mesajları oluşturmanızı sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/jgrowl.jpg' alt="jGrowl" border="0"></div> <p><strong>9.</strong> <a href="http://malsup.com/jquery/cycle/lite/">Cycle Lite</a> (<em>3.5 kb</em>): Resimleri kullanarak slayt gösterisi oluşturabileceğiniz bir eklentidir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/cycle-lite.jpg' alt="Cycle Lite" border="0"></div> <p><strong>10.</strong> <a href="http://jquery.kuzemchak.net/toggleval.php">ToggleVal</a> (<em>1.1 kb</em>): Herhangi form elemanına varsayılan bir metin yerleştirir. Kullanıcı bu elemana tıkladığında metin gizlenir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/toggleval.jpg' alt="ToggleVal" border="0"></div> <p><strong>11.</strong> <a href="http://pop.seaofclouds.com/">Pop!</a> (<em>872 b</em>): Tıklandığında görünen veya gizlenen mesaj kutuları oluşturmanızı sağlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/pop.jpg' alt="Pop!" border="0"></div> <p>~ <strong><a href="http://trif3cta.com/blog/entry/jquery-plugins-under-4k/">Bildirinin Kaynağı</a></strong> ~</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/aJx">aJx</a> tarafından <a href=" http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sun, 26 Apr 2009 10:01:00 GMT 207538@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery aJx <p>özellikle <a href="http://www.bildirgec.org/ara/flash/1/tum-yazilar">flash</a> ile hazılanmış web sitelerinde imleç ile herhangi bir objenin üzerine geldiğimizde hoş efektler oluşur.flash kullanmadan hazırlanmış ve <a href="http://www.bildirgec.org/ara/xhtml/1/tum-yazilar">xhtml</a>, <a href="http://www.bildirgec.org/ara/css/1/tum-yazilar">css</a> ve <a href="http://www.bildirgec.org/ara/jquery/1/tum-yazilar">jquery</a> ile hazırlanmış hoş bir Hover Effect'inin demosuna <a href="http://www.sohtanaka.com/web-design/examples/image-zoom/">buradan</a> ve eğitimine de <a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/">buradan</a> erişebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/preview.jpg' alt="\"\"" border="0"><br></div><br>kaynak: <a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/">sohtanaka</a> <p>[mb:<a href="http://www.bildirgec.org/ara/mikro-bildiri/1/tum-yazilar">mikro-bildiri</a>] <br>takip edin: <a href="http://algoz.bildirgec.org/">bildirgeç</a> <a href="http://friendfeed.com/algoz">friendfeed</a> <a href="http://twitter.com/algozz">twitter</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">rss</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/aJx">aJx</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-ile-hos-bir-hover ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 22 Apr 2009 17:50:00 GMT 206945@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-ile-hos-bir-hover aJx <p>Web sitenizin <a href="http://www.bildirgec.org/yazi/size-sifirdan-photoshop-ogretecek-35" title="Size Sıfırdan Photoshop Öğretecek 35 Kaynak">tasarımı hazır</a>, <a href="http://www.bildirgec.org/yazi/sosyal-ag-komunite-olusturma-yazilimlari" title="Sosyal Ağ Komünite Oluşturma Yazılımları">içerik yönetim sistemi</a> muhteşem çalışıyor, <a href="http://www.bildirgec.org/yazi/web-sitenizi-olusturabileceginiz-8-ucretsiz" title="web sitenizi oluşturabileceğiniz 8 ücretsiz tasarım platformu">içerik siteye eklendi</a> ve müşteriniz son derece memnun. Artık sitenizi yayımlamanın vakti geldi. Yoksa gelmedi mi? Bir web sitesini yayımlarken genellikle onu yayımlamak için duyduğunuz sabırsızlık nedeniyle birkaç önemli noktayı atlarsınız. Bu yüzden sitenizi dünyaya duyurmadan önce yapılması gerekenleri içeren bir kontrol listesi bulundurmanız ve onu her yeni web sitesini yayımlamadan önce kontrol etmeniz, sitenizin geleceği ve kalitesi açısından önemlidir.</p> <p>Bu makalede, <strong>bir websitesi resmiyete kavuşmadan önce kontrol edilmesi gerekenlerin bir listesi</strong>ni bulacaksınız. Makale içerisinde genellikle unutulan küçük ayrıntılar yer alıyor ve bunlar zamanında yapıldığı taktirde hem sizin daha az zamanınızı alacaktır, hem de genel olarak kullanıcı deneyimine olumlu katkıları olacaktır.</p> <p><strong>1. Favicon</strong></p> <p><a href="http://www.bildirgec.org/etiket/favicon/">Favicon</a> bir web sitesini sekme ya da pencre üzerinde tanıtmaya yardımcı olur. Faviconlar genellikle bir web sitesinin yer imlerine eklenmesi durumunda da adres ile birlikte istemci üzerine kaydedilir. Ancak bundan emin olmak için aşağıdaki kodu sitenizin <em>head</em> etiketleri arasına yerleştirmeniz gerekir.</p> <code>&lt;link rel="icon" type="image/x-icon" href="/favicon.ico" /&gt;</code> <p>Eğer iPhone için bir favicon kaydetmek istiyorsanız, o zaman aşağıdaki kodu da eklemelisiniz.</p> <code>&lt;link rel="apple-touch-icon" type="image/x-icon" href="/favicon.ico" /&gt;</code> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-01.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><strong>2. Başlıklar ve Meta Verisi</strong></p> <p>Sayfanızın başlığı SEO (Arama Motoru Optimizasyonu) için en önemli elementtir. Bunun yanısıra kullanıcılarınızın ziyaret ettikleri sayfada ne olduğunu anlamaları açısından da önem taşır. Sayfa başlığının her bir sayfada değişmesine ve sayfa içeriği ile alakalı olmasına özen gösterin.</p> <code>&lt;title&gt;Web Sitenizi Yayımlamadan Önce Yapmanız Gereken 15 Önemli Kontrol | bildirgec&lt;/title&gt;</code> <p>Meta <em>description</em> (açıklama, tanımlama) ve <em>keyword</em> (anahtar kelime) etiketleri SEO için artık çok önemli olmasa da (en azından en çok kullanılan arama motorları için), siz yine de onları sayfanıza eklemeye özen gösterin. Her bir sayfada açıklamanın değiştiğine ve sayfanın içeriği ile alakalı bir açıklama olması gerektiğine dikkat edin zira genellikle bu açıklama, Google'nin arama sonuçları sayfasında göstereceği şey olacaktır.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/basliklarinizi-daha-kullanici-dostu-kilacak">Başlıklarınızı Daha Kullanıcı Dostu Kılacak 5 İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/seo-uzmanlari-icin-populer-firefox">SEO Uzmanları İçin Popüler Firefox Eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/seo-araclari-listesi">SEO Araçları Listesi</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-02.jpg' alt="\"\"" border="0"><br></div> <p><strong>3. Çapraz Tarayıcı Kontrolleri</strong></p> <p>Tasarımınızın mükemmel göründüğünü düşündüğünüz anda onu Internet Explorer üzerinde kontrol ettiğinizde öyle olmadığını anlayacaksınızdır. Web sitenizin farklı tarayıcılarda aynı şekilde görünmesi oldukça önemlidir. Her şey %100 aynı olmasa bile en azından ana işlevselliği korunmalıdır ve kullanıcı herhangi bir problemin varlığını sezmemelidir. Kontrol etmeniz popüler tarayıcılar Internet Explorer 6, 7 ve 8, Firefox 3, Safari 3, Chrome, Opera ve iPhone olmalıdır.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin">Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları</a></li> <li><a href="http://www.bildirgec.org/yazi/mobil-web-i-nasil-herkes">Mobil Web'i Nasıl Herkes İçin Daha İyi Yaparız?</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-03.jpg' alt="\"\"" border="0"><br></div> <p><strong>4. Yazım Denetimi</strong></p> <p>Her şeyi okuyun. Eğer daha önce okumuş olsanız bile tekrar okuyun. Bir başkasına da okutun. Genellikle bu kontroller sırasında hatalı olan şeyleri fark edecek ve onları değiştirmek isteyeceksinizdir. Sitenizdeki metni içerik konusuna hedefleyerek onu az tutmayı deneyin. Uzun metin bloklarını daha kısa paragraflara bölün. Yazı genelinde başlıklar kullanın ve listeler kullanarak okurlarınızın kolay bir şekilde içeriğinizi tarayabilmesini sağlayın. Uyarı kutuları gibi dinamik metinleri de unutmayın.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/onlarsiz-yapamayacaginiz-20-tipografi-uygulamasi">Onlarsız Yapamayacağınız 20 Tipografi Uygulaması</a></li> </ul> <p><strong>5. Bağlantılar</strong></p> <p>Tüm bağlantılarınızın çalışacağını sanmayın. Onlara tıklayın. Harici web sitelerine bağlantı verirken bağlantıların başına "http://" eklemeyi unutmuş olabilirsiniz. Bağlantılar sayfadaki metnin geri kalanından daha ön planda olmalıdır. Bağlantı olmayan bir metnin altını çizmeyin zira bu kullanıcının kafasını karıştıracaktır. Ziyaret edilmiş bağlantılarınız için de ayrı bir stil uygulamayı ihmal etmeyin.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/buraya-tiklamayin-baglantilari-dogru-kullanmak">Buraya Tıklamayın! Bağlantıları Doğru Kullanmak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-04.jpg' alt="\"\"" border="0"><br></div> <p><strong>6. İşlevsellik Kontrolü</strong></p> <p>Sitenizdeki her şeyi derinlemesine kontrol edin. Eğer bir iletişim formunuz var ise, kendinize bir mesaj göndermeyi deneyin ve kullanıcıların ne ile karşılaşacaklarını kendiniz görün. Sitenizi başkalarınızın test etmesini sağlayın. Sadece arkadaşlarınızın ya da diğer aile üyelerinizin değil, web sitenizin hedeflediği pazar alanındaki kişiler tarafından test edilmesini sağlayın. Arkanıza yaslanın ve bir kullanıcının sitenizi nasıl kullandığını izleyin. Bir başkasının sitenizi kullanma şeklini gördükten sonra sizin sandığınızdan ne kadar farklı olduğunu anladığınızda çok şaşıracaksınız. Kontrol edilmesi gereken şeyler arasında iletişim formları, arama özellikleri, alışveriş sepetleri ya da giriş alanları yer almalıdır.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilarinin-hayatini-kolaylastiracak-13">Web Tasarımcılarının Hayatını Kolaylaştıracak 13 Ücretsiz Web Uygulaması</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-arac">Web Tasarımcıları İçin 12 Araç ve Site</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-web-uzerindeki">Web Tasarımcıları İçin Web Üzerindeki 6 Kullanışlı Araç</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak">Web Tasarımında Boşlukları Verimli Olarak Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/10-kullanisli-web-uygulamasi-arayuzu">10 Kullanışlı Web Uygulaması Arayüzü</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik">Web Tasarımcıları İçin 10 Kullanılırlık İpucu</a></li> </ul> <p><strong>7. Sorunsuz İndirgeme</strong></p> <p>Web siteniz JavaScript'in etkin olmadığı tarayıcılar üzerinde de çalışmalıdır. Kullanıcılar genellikle güvenlik için JavaScript'i kapatırlar, bu yüzden buna hazırlıklı olmalısınız. JavaScript'i Firefox üzerinde kolayca etkisizleştirebilirsiniz. Formlarınızı kontrol ederek JavaScript'in etkin olmadığı durumlarda bile sunucu tarafflı kontrollerden sorunsuzca geçtiğini ve güzel görünümlü AJAX parçalarını kontrol edin ve JavaScript etkin olmadığında bile bunun sitenizin genel kullanılırlığını engelleyip engellemediğini inceleyin.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/website-ziyaretcilerinizin-ilk-izlenimini-etkileyen">Website Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-05.jpg' alt="\"\"" border="0"><br></div> <p><strong>8. Doğrulama</strong></p> <p>100% doğrulanmış bir web sitesini hedeflemelisiniz. Her ne kadar <a href="http://www.bildirgec.org/yazi/dogrulanmis-x-html-onemli-mi">doğrulanmamış bir web sitesi dünyanın sonu olmasa da</a> sitenizin doğrulanmamasına sebep olan hataları bilmek ve o can sıkıcı hataları giderebilmek, kodunuzun ve sitenizin kalitesi açısından da önemlidir. Sitenizin doğrulanmamasına sebep olacak hatalar arasında <em>alt</em> etiketi içermeyen görseller, kapanış etiketleri kullanılmaması ve <em>&amp;</em> yerine <em>&amp;amp;</em> kullanılmamış olması.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/website-erisilebilirligine-dikkat-etmek">Website Erişilebilirliğine Dikkat Etmek</a></li> <li><a href="http://www.bildirgec.org/yazi/html5-te-semantikler">HTML5'te Semantikler</a></li> <li><a href="http://www.bildirgec.org/yazi/dogrulanmis-x-html-onemli-mi">Doğrulanmış (X)HTML - Önemli mi?</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-06.jpg' alt="\"\"" border="0"><br></div> <p><strong>9. RSS Bağlantıları</strong></p> <p>Eğer web siteniz bir bloga ya da haber akışına sahipse, kullanıcılarınızın abone olabilecekleri bir RSS bağlantısı olmasına özen gösterin. Kullanıcılarınız RSS beslemelerini kolayca bulabilmelidir. Aşağıdaki kodu sitenizin <em>head</em> etiketleri arasına eklerseniz, destekleyen tarayıcılarda adres satırının hemen yanında standart RSS simgesi görünecektir ve kullanıcılarınız o simgenin üzerine tıklayarak sitenize abone olabilirler.</p> <code>&lt;link rel="alternate" type="application/rss+xml" title="Site or RSS title" href="link-to-feed" /&gt;</code> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-07.jpg' alt="\"\"" border="0"><br></div> <p><strong>10. Analiz</strong></p> <p>Sitenizin ziyaretçi istatistiklerini takip edebileceğiniz bir tür site analiz aracı kullanmak, sitenizin ne kadar başarılı olduğunu ve hedeflerinizin ne kadarının gerçekleştiğini anlamanız açısından önemlidir. Günlük tekil ziyaretçişleri, aylık sayfa gösterim sayılarını ve tarayıcı istatistiklerini takip edin. Tüm bu veriler sitenizin yayında olduğu ilk günden itibaren takip edilmelidir. <a href="http://www.google.com/analytics/">Google Analytics</a> pek çok web sitesi sahibi arasında popülerdir. Kullanabileceğiniz diğerleri ise <a href="http://getclicky.com/">Clicky</a>, <a href="http://kissmetrics.com/">Kissmetrics</a> (halen kapalı beta formunda), <a href="http://haveamint.com/">Mint</a> ve <a href="http://statcounter.com/">StatCounter</a> gösterilebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/website-trafiginizi-takip-etmenin-50">Website Trafiğinizi Takip Etmenin 50 Yolu Daha</a></li> <li><a href="http://www.bildirgec.org/yazi/site-trafigini-populerligini-ve-istatistiklerini">Site Trafiğini, Popülerliğini ve İstatistiklerini İzleyebilmenin 10 Yolu</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-08.gif' alt="\"\"" border="0"><br></div> <p><strong>11. Sitemap</strong></p> <p>Sitenizi barındırdığınız sunucunun ana dizini üzerine (sitenizin ana sayfasının bulunduğu dizin) sitemap.xml dosyası eklemeniz durumunda arama motorları sitenizi daha kolay bir şekilde arşivleyebilecektir. Bu dosyanın içeriği, sitenizdeki tüm sayfaların adreslerinden oluşmaktadır. <a href="http://www.xml-sitemaps.com/">XML-Sitemaps</a> web sitesi, sizin için kolayca sitemap.xml dosyasını oluşturacaktır. Bu dosyayı oluşturduktan sonra ilgili dosyayı sitenizin ana dizinine yüklemelisiniz, bu sayede dosyanın adresi http://www.sitenizinadresi.com/sitemap.xml olmalıdır.</p> <p>Eğer <a href="http://www.bildirgec.org/yazi/wordpress-blogculari-icin-15-kullanisli" title="WordPress Kullanıcıları İçin 15 Kullanışlı Araç">WordPress kullanıyorsanız</a>, <a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Google XML Sitemap Eklentisi</a> sayesinde siz ne zaman blogunuza yeni bir yazı yazarsanız, ilgili eklenti sitemap dosyanızı otomatik olarak güncelleyecektir. Ayrıca sitenizi ve sitemap adresinizi <a href="https://www.google.com/webmasters/tools">Google Webmaster Araçları</a>na eklemeyi unutmayın. Bu araç Google'ye bir sitemap sahibi olduğunuzu söyler ve ardından ilgili araç aracılığı ile sitenizin en son ne zaman Google tarafından arşivlendiği ve sitenizdeki hangi sayfaların Google tarafından erişilemediği gibi bilgilere ulaşabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-09.gif' alt="\"\"" border="0"><br></div> <p><strong>12. Koruyucu Tasarım</strong></p> <p>Genellikle pek üzerinde durulmayan koruyucu tasarım elementi 404 sayfasıdır. Eğer bir kullanıcı siteniz üzerinde bulunmayan bir sayfayı ziyaret ederse, <strong>404 sayfası</strong> görüntülenir. Bu, pek çok farklı sebep yüzünden olabilir. Bu sebepler arasında bir başka web sitesinin sitenizde yer almayan bir sayfaya bağlantı vermesi sonucu olabilir. Kullanıcılarınızı ana sayfaya yönlendiren bir 404 sayfası oluşturarak kullanıcılarınızı sitenizde tutabilirsiniz. Ayrıca ziyaretçilerinizi alakalı sayfalara da yönlendirmeyi tercih edebilirsiniz.</p> <p>Bir diğer koruyucu tasarım tekniği ise <strong>formunuzun doğrulanıp doğrulanmadığını kontrol etmektir</strong>. Form alanlarınıza alışılmışın dışında veriler girerek (örneğin çok fazla sayıda karakter, numara alanlarına harf girmek vs) formuzun çalışıp çalışmadığını ve bir hata vermesi durumunda ise kullanıcılarınızın bu sorunu giderebilmeleri için neler yapması gerektiği konusunda bilgilendiren bir mesajın belirip belirmediğini kontrol edin.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-kullanici-arayuz-tasarimi">İyi Bir Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik</a></li> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-web-sitesinin-sahibi">İyi Bir Web Sitesinin Sahibi Olması Gereken 15 Anahtar Element</a></li> <li><a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin">Kullanıcı Geribildirimleri İle Sitenizin Kullanılırlığını Arttırmak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-10.jpg' alt="\"\"" border="0"><br></div> <p><strong>13. İyileştirin</strong></p> <p>Web sitenizin en yüksek performansta çalışmasını istersiniz. Bunu siteniz yayımlandıktan sonra düzenli olarak kontrol ederek gerçekleştirebilirsiniz ancak siteniz yayımlanmadan önce de kontrol etmeniz gereken bazı şeyler vardır. HTTP isteklerini azaltmak, CSS sprites (hareketleri) kullanmak, görsellerinizi web için optimize etmek, JavaScript ve CSS dosyalarınızı sıkıştırmak gibi önceden alabileceğiniz tedbirler, sitenizin daha hızlı açılması ile sonuçlanacak ve ayrıca sunucunuza daha az yük getirecektir.</p> <p>Ayrıca, kullandığınız yayımlama motoru ile değişmekle birlikte, daha ciddi tedbirler almayı da deneyebilirsiniz. Örneğin, eğer WordPress kullanıyorsanız, caching adı verilen ve dinamik sayfaları önceden işleyerek onları HTML biçimine dönüştüren ve bu sayede sunucunun işlemcisini çok daha az yoran eklentileri kullanmayı deneyebilirsiniz. <strong>WP-Cache</strong> eklentisi bu alanda işinizi görecektir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/websitenizi-hizlandiracak-ve-kodunuzu-iyilestirecek">Websitenizi Hızlandıracak ve Kodunuzu İyileştirecek 15 İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-10-web-sitesi">En İyi 10 Web Sitesi İçin Görsel Performans Optimizasyonu</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-11.gif' alt="\"\"" border="0"><br></div> <p><strong>14. Yedekleyin</strong></p> <p>Eğer web siteniz bir veritabanı üzerinden çalışıyorsa, o zaman bir yedekleme stratejisine ihtiyacınız olacaktır. Yoksa verilerinizi kaybettiğiniz gün geldiğinde, neden verilerimi yedeklemedim diye kendi kendinizi yer bitirirsiniz. Olmaz demeyin, oluyor. Eğer WordPress kullanıyorsanız, <a href="http://wordpress.org/extend/plugins/wp-db-backup/">WordPress Veritabanı Yedekleme Eklentisi</a>ni kullanın. Eklenti sayesinde sitenizin düzenli olarak yedeğinin alınmasını sağlayabilir, ve bu yedeklerin elektronik posta adresine gönderilecek şekilde ayarlayabilirsiniz.</p> <p><strong>15. Yazdırma Stil Şablonu</strong></p> <p>Eğer bir kullanıcı web siteniz üzerindeki bir sayfayı yazdırmak istiyorsa, o kullanıcının sitenizdeki gezinti elementleri ya da harici tasarım elementlerinin kağıt üzerinde görünmesini istememe, sadece içeriğin görünmesini isteme ihtimali oldukça yüksektir. İşte bu yüzden yazıcılar için bir stil şablonu oluşturmak önemlidir. Ayrıca yüzen elementler gibi bazı CSS elementleri, yazıcı çıktısı üzerinde güzel görünmezler.</p> <p>Bilgisayarların yazıcı çıktısı alınması sırasında otomatik olarak algılayacakları bir stil şablonu oluşturmak için aşağıdaki kodu sitenizin <em>head</em> etiketleri arasına yerleştirmeniz yeterlidir.</p> <code>&lt;link rel="stylesheet" type="text/css" href="print.css" media="print" /&gt;</code> <p>Koddan da anlayacağınız üzere yazdırma stil şablonunuzu <em>print.css</em> üzerinde oluşturmalısınız.</p> <p><strong>Kontrol Listesini İndirin</strong></p> <p>Kısa bir süre önce <em>Dan Zambonini</em>, bir web sitesi hem yayımlanmadan önce hem de yayımlandıktan sonra yapılması gereken kontrolleri içeren oldukça detaylı bir kontrol listesi hazırladı. Diğer şeylerin yanısıra <a href="http://www.boxuk.com/blog/the-ultimate-website-launch-checklist">Ultimate Website Launch Checklist</a>, içerik ve stil ile alakalı kontrolleri, standartlar ve doğrulamayı, arama motoru görünürlüğünü, işlevsellik testini, güvenlik ve risk oluşumlarını, performansı ve pazarlamayı da içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-12.gif' alt="\"\"" border="0"><br></div> <p>İlgili kontrol listesinin <a href="http://www.boxuk.com/upload/website_launch_checklist_v1.pdf">pdf sürümü</a> de bulunuyor. Bu kontrol listesi özellikle gündelik projeleriniz üzerinde oldukça faydalı olmasının yanısıra siteniz yayımlandıktan sonra hatalarla karşılaşma olasılığınızı da en az seviyeye indirecektir.</p> <p>Ayrıca <em>David Leggett</em>'in hazırladığı <a href="http://www.uxbooth.com/blog/quick-usability-checklist/">Hızlı Kullanılabilirlik Kontrol Listesi</a>'ne de bir göz atmak isteyebilirsiniz. Bu liste, özellikle tasarımcıların projelerini tasarlarken, <a href="http://www.bildirgec.org/etiket/usability/">kullanılabilirlik</a> ve <a href="http://www.bildirgec.org/etiket/accessibility/">erişilebilirlik</a> kontrolleri için yapmaları gerekenleri içeriyor. Her ne kadar bu listedekilerin hepsi her web sitesi için geçerli olmasa da, sitenizi tasarlama aşamasında bir göz atmanızda fayda var.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-13.jpg' alt="\"\"" border="0"><br></div> <p><strong>Sizin Listeye Eklemek İstediğiniz Diğer Kontroller Neler?</strong></p> <p>Kendinize bir yapılacaklar listesi oluşturun ve herhangi bir web sitesini hazırlamadan önce ona bir göz atın. Yukarıdaki listede yer almayan ve sizin de listeye eklemek istediğiniz herhangi bir kontrol öğesi var mı? Yorumlarınızla paylaşın.</p> <ul> <li><div class="imajsag"><a href="http://pinkfloyd.bildirgec.org/rss.xml"><img src='http://www.bildirgec.org/imaj/pinkfloyd/pinkfloyd-rss.jpg' alt="\"\"" border="0"><br></a></div><strong>Kaynak</strong>: <a href="http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/">Smashing Magazine</a></li> <li><strong><a href="http://pinkfloyd.bildirgec.org/rss.xml">Yazılarımı RSS Üzerinden Takip Edin</a></strong></li> <li><strong><a href="http://twitter.com/pinkfloyd">@pinkfloyd twitter</a> | <a href="http://friendfeed.com/brightonem">friendfeed</a></strong> </li> <li><strong><a href="http://pinkfloyd.bildirgec.org/">pinkfloyd köşesi</a></strong></li> <li><strong><a href="http://www.oyyla.com/user/view/profile/pinkfloyd">pinkfloyd@oyyla</a></strong> <a href="http://www.oyyla.com/gonder?url=http://www.bildirgec.org/yazi/web-sitenizi-yayimlamadan-once-yapmaniz/"><img src="http://www.oyyla.com/ld/byo.png" alt="Bu yazıyı Oyyla!" title="Bu yazıyı Oyyla!" border="0"></a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/aJx">aJx</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-sitenizi-yayimlamadan-once-yapmaniz ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 10 Apr 2009 06:45:00 GMT 205627@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-sitenizi-yayimlamadan-once-yapmaniz aJx <p><a href="http://research.microsoft.com/">microsoft araştırma ekibi</a> tarafından geliştirilen <a href="http://research.microsoft.com/projects/boku/">boku</a>, kendinize özgü oyunlar yaratmanız için kullanabileceğiniz yeni bir görsel programlama dili.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/microsoft-boku-2.jpg' alt="boku" border="0"><br>boku</div> yetişkinlere nazaran daha çok çocuklar hedef alınarak hazırlanan yazılım, <a href="http://www.xbox.com/en-US/">xbox oyun konsolu</a> için geliştirilmiş. kendinize özgü yeni oyunlarınızı tasarlamanızı ve onlarla oynamanızı sağlayacak olan <a href="http://www.xbox360fanboy.com/2008/11/03/watch-out-little-big-planet-here-comes-microsofts-boku/">boku</a>, ayarlanabilen ve icon temelli bir kullanıcı arayüzüne ve de basit bir kullanıma sahip.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/boku-microsoft.jpg' alt="boku" border="0"><br>boku</div><br><!-- buradan kes --><br>kasım ayı içinde kullanıcıların beğenisine sunulacak olan boku'nun uygulamada nasıl çalıştığını <a href="http://www.youtube.com/watch?v=sfzrE2dg7og&eurl=">şuradaki videodan</a> görebilirsiniz.<br><a href="http://research.microsoft.com/projects/boku/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/aJx">aJx</a> tarafından <a href=" http://www.bildirgec.org/yazi/microsoft-boku ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 11 Nov 2008 06:24:00 GMT 182876@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/microsoft-boku aJx <p>Aralarında <a href="http://www.google.com">Google</a>,ın yaratıcılarının da bulunduğu bir çok ünlü kişinin mezun olduğu <a href="http://www.stanford.edu/">stanford üniversitesi</a> halka özgü olduğunu düşündüğü popüler ders içeriklerini, ücretsiz olarak internet üzerinden herkese sunuyor. bilgisayar ve internet bağlantısı bu hizmeti almak için gerekli iki materyal. ders içeriklerine ait video'ları görebilir, okuma listelerine ulaşabilir, sınavlara girebilir, ve diğer öğrencilerle iletişim kurabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sekanet/stanford-title.jpg' alt="Stanford University" border="0"><br>Stanford University</div> <p>bu sonbahar döneminde açılacak bölümler şunlar:</p> <ul> <li>bilgisayar bilimlerine giriş</li> </ul> <ul> <li>yapay zeka</li> </ul> <ul> <li>elektrik mühendisliği</li> </ul> <p>"stanford engineering everywhere" sloganıyla ortaya çıkan bu yeniliğe buradan ulaşabilirsiniz.</p> <p>sorularınız için <a href="http://see.stanford.edu/see/faq.aspx">burayı</a>, ders içerikleri için <a href="http://see.stanford.edu/see/courses.aspx">burayı </a>kullanabilirsiniz.</p> <p>İnternet çağında, eğitim almak için dört tarafı duvarla çevrili bir mekana artık gerek yok.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/aJx">aJx</a> tarafından <a href=" http://www.bildirgec.org/yazi/online-muhendislik-dersleri ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 08 Oct 2008 19:11:00 GMT 176336@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/online-muhendislik-dersleri