http://www.bildirgec.org/ tr-tr 40 bildirgec.org - alpmut - beğendikleri alpmut <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-01.jpg' alt="\"\"" border="0"><br></div> <p><strong>Beyaz Boşluk (White Space) Nedir?</strong></p> <p>Basitçe anlatmam gerekirse beyaz boşluk bir tasarımın farklı elementleri arasındaki boşluktur - metinler, resimler, paragraflar, başlıklar, altlıklar, bağlantılar vb. Bu boşluk bir sayfa üzerindeki farklı elementler arasındaki boşluktur, harfler arasındaki boşluk, bir paragrafın satırları arasındaki boşluktur.</p> <p>Beyaz boşluk bir web sitesinin kolayca taranabilmesini sağlar. Ziyaretçinin sitenizi ziyaret ettiğinde gördüğü metin miktarını azaltır ve bu vesileyle okumayı daha da kolaylaştırır. Sayfanıza kutular ve çizgiler gibi yeni elementler eklemenize gerek kalmadan tasarım elementlerinin görsel olarak ayrımını kolaylaştırır. Bu boşluklar doğru kullanıldığında sayfanızın temiz ve profesyonel görünmesini sağladığı gibi, sitenizin karmaşık görünmemesini, taze görünümünü korumasını sağlar.</p> <p>Beyaz boşluk ne yazık ki güçlü bir web tasarımında en az dikkate alınan elementlerden birisidir. Beyaz boşlukların parlak ve ışıldayan bir tasarımının olmamasının, onun web sitesi için önemli olmadığı anlamına gelmez.</p> <p>Bu konudaki araştırmamıza başlamadan önce gelin tasarımlarında beyaz boşlukları verimli bir şekilde kullanan bazı web sitelerine bir göz atalım.</p> <ul> <li><strong>1. <a href="http://www.madebysofa.com/">Made By Sofa</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/89955751495ABC0E39685_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-02.jpg' alt="\"\"" border="0"></a><br></div> <p>Made By Sofa web sitesi, sitenin üst kısmında büyük boyutlu bir imaj ve imajın alt kısmında ana içerik ve navigasyon öğeleri kullanılarak güçlü bir tasarım oluşturmuş. Sofa başlıklar, paragraflar ve slogan elementlerini birbirinden ayırmak için beyaz boşlukları kullanmış. Aşağıdaki yakınlaştırılmış resme bir bakın:</p> <p><!-- buradan kes --></p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2008/12/whitespace.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-03.jpg' alt="\"\"" border="0"></a><br></div> <p><i>Not: Gölgelenmiş alanlar beyaz boşlukları temsil etmektedir</i></p> <p>Beyaz boşlukların bu şekilde kullanımı sayesinde site daha organize ve bölümlenmiş bir yapıya kavuşurken, site ziyaretçilerinin de içeriği okuyabilmesi ve site içeriğini hızlı ve verimli bir şekilde taraması (tabir-i caizse şöyle bir göz atması) kolaylaştırılmış.</p> <ul> <li><strong>2. <a href="http://informationarchitects.jp/">Information Architects</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/1833564508495ABC0BAC634_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-04.jpg' alt="\"\"" border="0"></a><br></div> <p>Information Architects web sitesi de beyaz alanları kullanarak logo, metin, paragraflar ve başlıklar gibi bazı site elementlerini birbirlerinden ayırmış ve site tasarımının temiz ve sade olmasının önünü açmış. Aşağıdaki imaj, ilgili sitenin tasarımının yakından bir görünümü.</p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2008/12/ws2.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-05.jpg' alt="\"\"" border="0"></a><br></div> <p><i>Not: Gölgelenmiş alanlar beyaz boşlukları temsil etmektedir</i></p> <p><strong>Beyaz Boşlukları Nasıl Verimli Bir Şekilde Kullanabilirsiniz?</strong></p> <p>Beyaz alanları verimli bir şekilde kullanabilmek bazen zorlu bir iş olabilir. Yazının devamında size bu alanda yardımcı olabilecek bazı ipuçlarını listelemeye çalıştım:</p> <ul> <li><strong>1. Satır Aralığı (Line Spacing)</strong><br>Bir paragraf içerisindeki satırların aralığı, konu sitenin okunabilirliği ve taranabilirliğine geldiğinde en büyük farkı oluşturan en önemli unsurlardan birisidir. Eğer satırlar birbirlerine çok yaklaştırılırsa, o sayfanın içeriğini taramak neredeyse imkansız hale gelir. Eğer satırlar birbirinden çok uzaklaştırılırsa, o zaman ziyaretçileriniz satırların birbirlerinden bağımsız olduğu hissine kapılacaklar ve konuyu bütünleştiremeyeceklerdir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-06.png' alt="\"\"" border="0"><br></div> <p>Siz de satır aralıklarınızın yukarıda iki örneğin arasında bir yerlerde (ne çok az ne de çok fazla) olmasını isteyeceksinizdir. CSS'de satır aralıkları hakkında teknik bir makale arıyorsanız, o zaman <a href="http://www.w3schools.com/css/pr_dim_line-height.asp">CSS line-height değeri</a> makalesi size yardımcı olacaktır.</p> <ul> <li><strong>2. Marjlar (Margin)</strong><br>Marj, bir tasarımdaki elementleri çevreleyen boşluklara verilen addır. <a href="http://www.w3schools.com/CSS/css_margin.asp">CSS Marjları</a> bu boşluğu kendi avantajınıza kullanabilmeniz için mükemmel bir yoldur. Marjlarla çalışırken hatırlamanız gereken birkaç unsur bulunmaktadır.</li> </ul> <ol> <li><strong>Tutarlılık</strong><br>Anahattınız üzerindeki marjlarınızın geneli birbirleri ile tutarlı olsun. Boşuklarınızda ne kadar tutarlı olabilirsiniz, siteniz o kadar profesyonel ve organize görünecektir. Marjları düşünürken hem dikey hem de yatay marjları göz önünde bulundurun, zira bunların her ikisinin de tasarımın geneline önemli etkileri bulunmaktadır.</li> <li><strong>Çok fazla olmasın</strong><br>Marjlarınızı çok yüksek tutmayın. Birbirlerinden olması gerektiğinden fazla ayrılmış site elementleri, yukarıdaki <i>satır aralığı</i> örneğimizde de görebileceğiniz üzere içeriğin birbirleri ile olan ilişkisini kaybetmesine yol açabilir. Ayrıca bir sayfaya sadece sınırlı sayıda pikselin sığabileceğini de unutmayın, bu sebeple ekranın büyük kısmını boşluklarla da doldurmayın (tabi eğer sitenizin içeriği bu tip marjların kullanılmasını gerektirmiyorsa).</li> <li><strong>Çok az da olmasın</strong><br>Unutmayın, burada beyaz alanları öğrenmeye çalışıyoruz, bu sebeple tasarımlarınızda en azından biraz beyaz boşluğun olmasına özen gösterin. Bir metnin resme, yan çubuğua, başlığa, navigasyon çubuğuna ya da sitenin diğer herhangi bir elementine çok yakın olması durumunda tasarımınız biraz sıkışık görünecektir ki bu da ziyaretçilerinizi rahatsız eder. Ziyaretçilerinizin biraz nefes alabilmesi için bu boşluklara özen gösterin.</li> </ol> <p><strong>3. Minimalist Tasarım Beyaz Boşluğa Eşit Değildir</strong></p> <p>Modern tasarım dünyasının problemlerinden biri de pek çok insanın beyaz boşlukları minimalist tasarımlarla bütünleştiriyor oluşu. Bu kesinlikle yanlıştır. Bir sitede çok miktarda metin bulunuyor olabilir ancak bu o sitenin kolayca okunabilir ve taranabilir bir web sitesi ol(a)mayacağı anlamına gelmez. Beyaz boşlukların doğru kullanımı ile bu pek tabi mümkündür.</p> <p>Örnek olarak <a href="http://smashingmagazine.com/">Smashing Magazine</a>'yi ele alalım. Bu sitenin tabir-i caizse kulaklarından içerik fışkırıyor, bununla birlikte site yöneticileri sitenin taranılabilirliğini ve okunabilirliğini en yüksek seviyede tutmayı başarabilmişler. Site yönetimi bunu renklerin ve metin boyutlarının doğru seçimi ile beyaz boşlukların doğru kullanımı ile başarmışlar.</p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2009/01/smashing-magazine.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-07.png' alt="\"\"" border="0"></a><br></div> <p>Yine aşağıda site tasarımına yakından bir bakış atalım:</p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2009/01/picture-25.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-08.png' alt="\"\"" border="0"></a><br></div> <p>Site tasarımında metinlerle resimlerin, navigasyon elementleri ile içerik ve yan barın arasındaki görsel ayrımı fark edebildiniz mi? İşte bu tümüyle beyaz boşlukların doğru kullanımı ile sağlanmış durumda.</p> <p><strong>4. Başlıklar (Headings)</strong><br>Bşlıklar site içeriğinizi yönetilebilir parçalara ayırabilmek için mükemmel bir yoldur. Bu makaleyi okurken 4 farklı başlığın kullanıldığını görmüşsünüzdür: H1, H2, H3, H4. Bu başlıklar büyük, koyu, altı çizili "bölüm başlıkları"ndan oluşuyor ve siz bu makale süresince bunu görebiliyorsunuz.</p> <ul> <li><strong>Çevirmenin notu:</strong> <i>Makalenin orjinal yazarı kendi site tasarımında başlıkları kullanım şekline göre makalenin bu kısmını yazmış. Bildirgec üzerinde, üzülerek söylüyorum, başlık yönetimi beni pek tatmin etmiyor. Makalenin bu kısmında adı geçen kullanım örneğini görmek için yazının sonunda göreceğiniz kaynak bağlantısına tıklayınız.</i></li> </ul> <p>Burada yapmanız gereken başlıkların alt ve üst kısımlarındaki boşluğa ve bu boşlukların makalenin taranabilirliğini nasıl etkilediklerine dikkat etmektir. Örneğin, sitenin H2 etiketlerinde (ikinci en büyük başlık) metin ile alt çizgi arasında 5 piksel boşluk bulunuyor. Ayrıca yine aynı etiketin üst ve alt kısmında 15'er piksellik marj yer alıyor. Bu beyaz boşluklar makalenin bölümlerini sizin görsel olarak ayırabilmenizi ve içeriği tararken onları kolayca seçebilmenizi sağlıyor.</p> <p>Bu boşlukları oluşturarak içeriğin taranması büyük ölçüde kolaylaştırılırken, ziyaretçinin hangi imi ya da hangi başlığı okumak istediğine karar vermesi kolaylaşıyor. Eğer başlıklar doğru kullanılmamış olsaydı, okur tüm makaleyi okumak zorunda bırakılırdı ki bu da bu tip uzun makaleler için okuyucu açısından tam bir işkencedir.</p> <p>Eğer siz de benim H2 etiketini nasıl stillendirdiğimi merak ediyorsanız, o zaman aşağıdaki kodu style.css dosyanıza kopyalamanız yeterli.</p> <code> h2 { font-size: 28px; padding-bottom: 5px; border-bottom: 3px solid #2a2a2a; letter-spacing: -1px; color: #2A2A2A; margin-top: 15px; margin-bottom: 15px; } </code> <p><strong>5. İmajlar</strong></p> <p>İmajlarla metnin arasında kullanacağınız boşluk, bir tasarımın güzel ya da çirkin olup olmayacağını belirleyebilecek kadar önemlidir. Eğer kelimeler imaja çok yakın olursa, o zaman içerik çok karmaşık görünecek ve okunması da bir o kadar zorlaşacaktır. Eğer kelimeler imajdan çok uzak olurlarsa, o zaman birbirleri ile olan bağlantısı kopacaktır.</p> <p><a href="http://webdesigntuts.com/">Web Design Tuts</a> websitesinde imajlarımı organize etmek ve onların görsel olarak mümkün olduğu kadar çekici olabilmesini sağlayabilmek için bazı özel imaj sınıfları kullanırım. Ne zaman bunun gibi bir makale yazsam, bir imaj için aşağıdaki kodu kullanırım.</p> <code>&lt;img class="imagelist" src=# /&gt;</code> <p>Bu imajı da CSS ile stillemek için aşağıdaki yöntemi kullanırım:</p> <code> .imagelist { border: 5px solid #cacaca; margin-top: 15px; margin-bottom: 15px; } </code> <p>Kullandığım imajlar ile başlıkların üst ve alt kısımlarında 15'er piksellik boşluklar bırakarak tutarlılığı nasıl koruduğumu fark edebildiniz mi?</p> <p><strong>Modern Web Tasarımında Beyaz Alanlar</strong><br>Eğer makaleyi buraya kadar okuduysanız, o zaman beyaz boşluğun neden önemli olduğunu artık anlamışsınızdır: Siteyi temiz göstermek, okuyucular için okunmasını kolaylaştırmak ve sitenin daha profesyonel görünmesini sağlamak bunlardan sadece birkaçı. Yine makale süresince beyaz alanların birbirleri ile tutarlı marj, metin ayrımı ve imajlarla başlıkların görsel ayrımı için kullanıldığından da bahsetmiştim. Ancak halen beyaz alanların "iyi" kullanımının ne olduğunu merak ediyor olabilirsiniz.</p> <p>Aşağıda listelediğim web siteleri, beyaz alanların doğru kullanılarak ziyaretçileri ile iletişimi güçlendiren web sitelerine iyi birer örnektir.</p> <ul> <li><strong>1. <a href="http://surfstation.com/">Surfstation</a></strong></li> </ul> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2009/01/picture-18.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-09.png' alt="\"\"" border="0"></a><br></div> <p>Kullanılan beyaz alanın nasıl site içeriği ile yan çubuğu birbirinden ayırdığına dikkat edin. Site ziyaretçilerinin siteyi taramasını kolaylaştıran ve ihtiyaçları olan içeriği kolayca bulabilmelerini sağlayan yegane unsur işte budur.</p> <ul> <li><strong>2. <a href="http://www.jasonsantamaria.com/">Jason Santa Maria</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/280026435495AC780CB432_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-10.jpg' alt="\"\"" border="0"></a><br></div> <p>Jason'un web sitesi çizgilerin ve beyaz boşlukların zekice kullanılmış kombinasyonu ile içeriğini temiz ve verimli bir şekilde ziyaretçilerine aktarabiliyor.</p> <ul> <li><strong>3. <a href="http://digitalmash.com/">Digital Mash</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/81835934495AC77B594F1_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-11.jpg' alt="\"\"" border="0"></a><br></div> <p>Avustralyalı Tasarımcı Rob Morris'ın web sitesi Digital Mash, navigasyon, ana resim ve sayfanın alt kısmında bulunan dört adet içerik alanını içeren çok sade bir tasarımı kullanıyor. Marjların nasıl birbirleri ile uyumlu ve içeriğin nasıl kolayca okunabilir olduğuna ve metinler arasındaki boşluklar ile başlıkların ve simgelerin nasıl güzel kullanılmış olduğuna bir bakın.</p> <ul> <li><strong>4. <a href="http://oddwebthings.com/">Odd Web Things</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/1993431092495ABC02BD326_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-12.jpg' alt="\"\"" border="0"></a><br></div> <p>Metin tabanlı bir web sitesi olan Odd Web Things, beyaz boşlukları kendi logolarını yan çubuktan, yan çubuğu kendi portfolyalarından ve portfolyalarından da kendi bloglarını ayırmak için kullanmış.</p> <ul> <li><strong>5. <a href="http://www.vlourenco.com/">Vitor Lourenco</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/739414612495ABC055B09B_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-13.jpg' alt="\"\"" border="0"></a><br></div> <p>Vitor'un sitesi tümüyle beyaz bir arkaplan üzerinde oraya buraya yerleştirilmiş tipografi kullanmış. Koyu navigasyon, güçlü bağlantılar ve kullandığı sade renk şeması bu websitesini işler kılmış.</p> <p><strong>Beyaz Alanlar'a Dair @Twitter Görüşü</strong></p> <p>Bu makaleyi yazarken beni Twitter üzerinden takip eden bazı kişilerin görüşlerini aldım. Onlara şu soruyu sordum: "Bir web tasarımında beyaz alanlar sizce neden önemlidir?" İşte onların cevapları:</p> <p><a href="http://twitter.com/Brendan_McNally/status/1100780697">@Brendan</a>: - Beyaz alanlar! Bence beyaz alanların doğru kullanılması, odağın içeriğin kendisine çekilebilmesi ve profesyonel görünüm için önemlidir.</p> <p><a href="http://twitter.com/brandonacox/status/1100758082">@Brandon</a>: - Önemlidir çünkü bilgi ve tasarım elementleri, büyük bir karmaşa yaratmaktansa birbirleri ile ilişkilendirilebilir.</p> <p><a href="http://twitter.com/sthursby/status/1100757681">@sthursby</a>: - Bir ziyaretçiyi web sitenize bağlayabilmek için sadece birkaç saniyeniz varken, o süreyi ziyaretçinin aradığı içeriğe kolayca ulaşabilmesi için doğru kullanmak gerek.</p> <p><a href="http://twitter.com/hyermish/status/1100686309">@Hyermish</a> - Beyaz alanlar, sadeliğin bir illüsyonu olmakla birlikte bazen karmaşıklığı da giderebilir.</p> <p><a href="http://twitter.com/DrewDouglass/status/1100927260">@Drew_Douglass</a> - Benim beyaz alanları kullanmaktaki ana sebebim, odağı sayfanın bir elementine çekmek ve bakışları o içeriğe yönlendirmektir.</p> <ul> <li><strong>Kaynak:</strong> <a href="http://webdesigntuts.com/web-design/using-white-space-effectively-in-web-design/">Web Design Tuts</a></li> </ul> <strong>CSS ve Kullanılabilirlik Üzerine Yazdığım Diğer Yazılar</strong> <ul> <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> <li><a href="http://www.bildirgec.org/yazi/10-kullanisli-web-uygulamasi-arayuzu">10 Kullanışlı Web Uygulaması Arayüzü Tekniği</a></li> <li><a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin">Kullanıcı Geri Bildirimleri İle Sitenizin Kullanılırlığını Arttırmak</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasaricilarinin-kodlama-yapmalarinin-6">Web Tasarımcılarının Kodlama Yapmalarının 6 Gereği</a></li> <li><a href="http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken">Her Web Tasarımcısının Öğrenmesi Gereken 9 Önemli CSS Yeteneği</a></li> <li><a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran">Modern CSS'de Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/sadece-css-ile-olusturulmus-animasyonlu">Sadece CSS İle Oluşturulmuş Animasyonlu İlerleme Çubuğu (Progress Bar)</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> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran">Web Tasarımında Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit">jQuery'siz, mootools'suz Basit Sekmeli İçerik Oluşturalım</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">SenCSS: Layout Dışındaki Herşey İçin CSS Framework'ü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak ">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> Thu, 22 Jan 2009 08:07:00 GMT 243439@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak alpmut <p>Birçok kişi o ya da bu şekilde; dersleri kullanarak, hazır dosyaları indirerek vb. yollarla photoshop'da web sitesi oluşturabiliyor. Ancak pek azımız bunu iyi bir şekilde harmanlanmış bir web sitesine dönüştürebiliyor. Bu yazıda Psd'yi HTML'e dönüştürmeyi öğrenebileceğiniz 21 adet ders bulacaksınız. Dilerseniz daha önce yayınlanmış <a href="http://www.bildirgec.org/yazi/psd-leri-html-e-cevirme">şu bildiriye</a> ya da <a href="http://www.bildirgec.org/yazi/psd-den-css-html-e">buna</a> da bakabilirsiniz.</p> <p><a href="http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/"><h1>1. the design lab: psd conversion</h1>Psd çevirme</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/1.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://nettuts.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><h1>2. from psd to html, building a set of website designs step by step</h1>adım adım psd'den html</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/2.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://psdvibe.com/2009/04/20/coding-design-lab-tv-styled-layout/"><h1>3. coding: design lab tv styled layout</h1>Televizyon Layoutlu Tasarım</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/3.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/"><h1>4. psd to css/html in easy steps - part 1</h1>Basit adımlarla Psd'den css - html çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://net.tutsplus.com/videos/screencasts/slice-and-dice-that-psd/"><h1>5. slice and dice that psd</h1>psd bölümleme (slice)</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/5.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://css-tricks.com/video-screencasts/12-converting-a-photoshop-mockup-part-two-episode-one/"><h1>6. converting a photoshop mockup: part two, episode one</h1>psd çevirme</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/6.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/"><h1>7. build a sleek portfolio site from scratch</h1>çizimden siteye, portfolyo sitesi</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/7.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2009/02/27/portfolio-layout-10-learn-to-code/"><h1>8. portfolio layout - learn to code it</h1>portfolyo tasarımı kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/8.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://nettuts.com/videos/screencasts/converting-a-design-from-psd-to-html/"><h1>9. converting a design from psd to html</h1>bir tasarımı psd'den html'e çevirmek</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/9.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><h1>10. how to convert a psd to xhtml</h1>psd'den xhtml'ye çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/10.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><h1>11. how to convert psd to html</h1>psd'den html'e çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/11.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.subcide.com/tutorials/csslayout/page12.aspx"><h1>12. creating a css layout from scratch</h1>çizimden css'ye tasarım aşamaları</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/12.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2008/05/20/psd-htmlcss/"><h1>13. psd > html/css</h1>psd'den html - css'e çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/13.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-"><h1>14. encoding a photoshop mockup into xhtml & css</h1>psd'yi xhtml ve css olarak kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/14.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://freecss.info/free-css-tutorials/css-template-tutorial-setting-up/"><h1>15. css template tutorial</h1>css şablon dersi</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/15.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2008/12/01/portfolio-layout-4-the-code/"><h1>16. portfolio layout 4: the code</h1>portfolyo tasarımını kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/16.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://erraticwisdom.com/2006/01/29/tutorial-coding-a-layout"><h1>17. tutorial coding a layout</h1>bir layout'u kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/17.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/"><h1>18. converting a photoshop mockup</h1>psd çevirmek</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/18.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gomediazine.com/tutorials/create-a-killer-band-site-in-drupal-part-3-xhtml/"><h1>19. killer site - from illustrator to xhtm to drubal</h1>illustrator'den xhtml'ye, oradan da drupala!</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/19.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.partdigital.com/tutorials/convert-web/"><h1>20. from psd to html</h1>psd'den html'e çeviri</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/20.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://hv-designs.co.uk/2007/10/10/coding-your-1st-psd-tutorial/"><h1>21. coding a car sales layout</h1>Araba satış sitesi kodlamak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ewrencik/21.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://dzineblog.com/2009/04/tutorials-psd-to-html.html">Kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/psd-yi-html-e-cevirebilmeniz ">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> Mon, 25 May 2009 08:45:00 GMT 242610@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/psd-yi-html-e-cevirebilmeniz alpmut <p><strong>bültenler</strong>, gerek kağıt, gerekse e-posta formatında olsun çok önemli bir <strong>pazarlama aracıdır</strong>. özellikle internet üzerinde yayınlanan e-bültenler, firmanız ya da web sitenizde yer alan <strong>haberlerin</strong>, <strong>ürünlerin</strong> ve <strong>kampanyaların</strong> ziyaretçilerinize duyurulmasında <strong>oldukça etkili bir yöntemdir</strong>.</p> <p>e-bültenler sayesinde sitenizdeki haberleri, <strong>çok şık ve profesyonel</strong> şekilde ziyaretçilerinize ulaştırabilirsiniz. Ben de yazımda, bu ihtiyacınızı karşılamak üzere, <strong>ücretsiz e-bülten şablonu indirebileceğiniz siteleri</strong> tanıtacağım. Sitelerdeki şablonları dilediğiniz gibi <strong>değiştirip</strong>, <strong>düzenleyebilirsiniz</strong>.</p> <p><strong>Haydi başlayalım...</strong></p> <p><strong><a href="http://www.carbongraffiti.com/emailmarketing/emailtemplates.html">Carbon Graffiti</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/carbongraffiti.jpg' alt="Carbon Graffiti" border="0"><br></div><a href="http://www.carbongraffiti.com/emailmarketing/emailtemplates.html">Carbon Graffiti</a>, sitesinde, temel yapıda ve basit düzeyde e-bülten şablonları içeriyor. Eğer, minimal ve basit bir bülten istiyorsanız bu siteye bakmanızda yarar var. Siteye üye olmadan, dilediğiniz şablonu indirebilirsiniz.</p> <p><strong><a href="http://www.campaignmonitor.com/templates/">Campaign Monitor</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/campaignmonitor.jpg' alt="\"\"" border="0"><br></div>Esasında bir e-posta dağıtım firması olan <a href="http://www.campaignmonitor.com/templates/">Campaign monitor</a>, bünyesinde onlarca html e-bülten şablonu barındırıyor. Firma, şablonların outlook, gmail ve yahoo posta servislerinde sorunsuz çalıştığını belirtiyor. Sitede genellikle iki sütunlu şablonlar bulunuyor.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://www.buytemplates.net/promotion-templates/free-html-newsletter-templates.php#">Buytemplates</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/buytemplates.jpg' alt="\"\"" border="0"><br></div><a href="http://www.buytemplates.net/promotion-templates/free-html-newsletter-templates.php">Buytemplates</a> genelde ücretli html şablonlar sunsa da sitede oldukça kaliteli ücretsiz şablonlar da bulunuyor. geleneksel iki sütunlu şablonları indirebilmeniz için e-posta adresinizle kayıt olmanız gerekiyor.</p> <p><strong><a href="http://www.freshtemplates.com/newsletter_templates/index.htm">FreshTemplates</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/freshtemplates.jpg' alt="\"\"" border="0"><br></div> Basit ama etkili şablonları içeren <a href="http://www.freshtemplates.com/newsletter_templates/index.htm">FreshTemplates</a>'te 2 ve 3 sütunlu örnekler bulunuyor. İndirdiğiniz şablonları word ile kolaylıkla düzenleyebiliyorsunuz.</p> <p><strong><a href="http://www.stocklayouts.com/Templates/Free-Templates/Free-Sample-Newsletter-Template-Design.aspx">Stocklayouts</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/stocklayouts.jpg' alt="\"\"" border="0"><br></div><a href="http://www.stocklayouts.com/Templates/Free-Templates/Free-Sample-Newsletter-Template-Design.aspx">stocklayouts</a> aslında yüksek kalitede şablonları ücretli sağlayan bir site. ancak bazı ücretsiz şablonları indirmenize olanak tanıyor. şablonları birçok açıdan düzenlemeniz mümkün. ancak üyelik gerektiriyor.</p> <p><strong><br><a href="http://www.wordtemplates.org/business-word-templates/free-newsletter-templates-2/">Microsoft Word Templates</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/wordtemplates.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.wordtemplates.org/business-word-templates/free-newsletter-templates-2/">wordtemplates</a> hem kendi sitesinde ücretsiz şablonlara yer veriyor hem de internet üzerindeki diğer ücretsiz şablonlara bağlantılar içeriyor.</p> <p><strong><a href="http://www.aweber.com/blog/new-features/free-html-email-template-malibu.htm">Aweber</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/beyaz rus/download.jpg' alt="\"\"" border="0"><br></div><a href="http://www.aweber.com/blog/new-features/free-html-email-template-malibu.htm">Aweber</a> de bir e-posta dağıtım sitesi. ancak sitede birçok e-bülten şablonu bulunuyor. şablonları ücretsiz olarak indirebilirsiniz.</p> <p><strong>Hepsi bu kadar</strong>... Umarım işinize yarar.</p> <p><a href="http://www.makeuseof.com/tag/websites-free-high-quality-newsletter-templates/">kaynak</a></p> <p>Diğer yazılarımdan birkaçı:<br><a href="http://www.bildirgec.org/yazi/60-adet-yuksek-kalitede-tumblr"><br>60 adet yüksek kalitede tumblr teması</a><br><a href="http://www.bildirgec.org/yazi/10-adet-mootools-kayan-i-cerik"><br>10 adet mootools kayan içerik uygulaması</a><br><a href="http://www.bildirgec.org/yazi/2009-un-en-iyi-40"><br>40 adet muhteşem PhotoShop yazı efekti</a><br><a href="http://www.bildirgec.org/yazi/ucretsiz-flash-site-sablonu-indirebileceginiz"><br>ücretsiz flash site şablonu indirebileceğiniz 11 adet site</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/ucretsiz-e-bulten-sablonlari-indirebileceginiz ">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> Sat, 25 Sep 2010 11:29:00 GMT 240145@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ucretsiz-e-bulten-sablonlari-indirebileceginiz alpmut <p>bir site yapacaksınız veya webmasterlığa soyundunuz ama her adımda bir engel çıkıyor. ya istediğinizi yapmak için kodlama bilmiyorsunuz veya yaptığınız siteyi yayınlayacak bir ciddi platform. <strong>bulamıyorsunuz, çünkü siz para vermek istemiyorsunuz!</strong> tam da sizin gibi düşünen bir yardımcınız var.<br>size kodlama ve tasarım öğretiyor, öğrenmem diye diretirseniz sizin yerinize tasarlıyor, kodluyor, barındırıyor ve yayına sokuyor..<br>"benim babam web tasarım bilmiyor, bilse de babam bile yapmaz bu kadarını" demeyin, buyrun..</p> <p><strong><a href="http://www.bravenet.com/">bravenet</a> mercek altında:</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/e11d10d5be2b4347a6f0190.png' alt="bravenet ücretsiz hizmetler / ücretsiz site / ücretsiz hosting / ücretsiz site araçları / free site tools / free hosting / free site" border="0"><br>bravenet ücretsiz hizmetler / ücretsiz site / ücretsiz hosting / ücretsiz site araçları / free site tools / free hosting / free site</div></p> <p><!-- buradan kes --></p> <p>değerli okuyucular <a href="http://www.bravenet.com/">bravenet</a> ile aklımıza gelebilecek popüler site araçlarını, modüllerini ve hatta sitlerin kendisini kendi sitemiz içerisinde bulabiliyoruz. şimdi sitenin verdiği hizmetleri kısa kısa linklendirip açıklayarak gidelim:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/splash3.gif' alt="bravenet ücretsiz hizmetler / ücretsiz site / ücretsiz hosting / ücretsiz site araçları / free site tools / free hosting / free site" border="0"><br>bravenet ücretsiz hizmetler / ücretsiz site / ücretsiz hosting / ücretsiz site araçları / free site tools / free hosting / free site</div></p> <p><!-- buradan kes --></p> <ul> <li><a href="http://www.bravenet.com/webtools/journal/">blog:</a> blog (günlük) hizmeti sağlıyor</li> <li><a href="http://www.bravenet.com/webtools/forum">forums</a>: ücretsiz forum hizmeti</li> <li><a href="http://www.bravenet.com/webtools/guestbook">guestbook</a>: ziyaretçi defteri</li> <li><a href="http://www.bravenet.com/webtools/counter">hit counter:</a> ziyaretçi ve tıklanma sayacı (site sayacı)</li> <li><a href="http://www.bravenet.com/webtools/passwd">password protect:</a> özel alanlarını parola korumasına alabilmenizi sağlar.</li> <li><a href="http://www.bravenet.com/webtools/calendar">online calendar</a>: içerisinde aktiviteler ekleyebileceğiniz gelişmiş bir takvim</li> <li><a href="http://www.bravenet.com/webtools/photocenter">photo album:</a> yine tamamen ücretsiz bir fotoğraf albümü</li> <li><a href="http://www.bravenet.com/webtools/elist">mailing list:</a> üyelerinize kolayca mail atabileceğiniz bir mail listesi</li> <li><a href="http://www.bravenet.com/webtools/minipoll">web polls:</a> sitenizi süsleyen anket uygulamaları da ücretsiz hizmetlerinden sadece birisi</li> <li><a href="http://www.bravenet.com/webtools/emailfwd">email forms:</a> ve kendinize göre kustomize edebileceğiniz (geliştirip düzenleyebileceğiniz) e-posta gönderim formları.</li> </ul> <p><strong>bunun haricinde sizlere ücretsiz sağlanan hizmetler:</strong></p> <p><a href="http://www.bravenet.com/webtools/classified">classfield:</a> bu servisle kendinize bir ilan sistemini ücretsiz kurabiliyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/screenshot.gif' alt="free classfield / ücretsiz ilan servisi" border="0"><br>free classfield / ücretsiz ilan servisi</div></p> <p><a href="http://www.bravenet.com/webtools/chat/">chat rooms:</a> kendinize çok kullanışlı sohbet odaları hazırlayabiliyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/screenshots.gif' alt="free chat rooms / ücretsiz sohbet salonu" border="0"><br>free chat rooms / ücretsiz sohbet salonu</div></p> <p><a href="http://www.bravenet.com/webtools/template">free templates:</a> ücretsiz site şablonlarını indirebiliyorsunuz..<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/main-backdrop.jpg' alt="free template / ücretsiz site şablonları" border="0"><br>free template / ücretsiz site şablonları</div></p> <p><a href="http://www.bravenet.com/webtools/vote/">vote caster:</a> bu hizmet sayesinde üyelerinize her türlü sorunuzu oylama usulü soruyorsunuz ve toplu anketleme yapabiliyorsunuz. eğlendirici bir site uygulaması olduğuna şüphe yok.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/sample.jpg' alt="free vote caster / free vote quiz / ücretsiz oylatma sistemi" border="0"><br>free vote caster / free vote quiz / ücretsiz oylatma sistemi</div></p> <p><a href="http://www.bravenet.com/webtools/sitepal">site speaker:</a> birçok sitede bu tür bir uygulamaya rastlamışsınızdır; sitenizde konuşan bir karaktere. bu hizmeti genellikle ücretli olarak temin edersiniz. fakat bravenet bunu da ücretsiz sağlamış.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/51b65b617f2549ab846d257.png' alt="free site speaker / free speaking character / sitenizde sesli karakter" border="0"><br>free site speaker / free speaking character / sitenizde sesli karakter</div></p> <strong>bunun haricinde diğer web araçları ve yararlı uygulamalar:</strong> <ul> <li><a href="http://www.bravenet.com/webtools/guestmap">guestmap</a>: ziyaretçilerinizin lokasyonunu inceleyebileceğiniz bir araç</li> <li><a href="http://www.bravenet.com/webtools/search2">site search:</a> siteniz içerisinde gelişmiş arama yaptırabilirsiniz.</li> <li><a href="http://www.bravenet.com/webtools/postcard">e-cards:</a> e-kart uygulamaları oluşturabilirsiniz. sadece birkaç tıkla</li> <li><a href="http://www.bravenet.com/webtools/faq">faq service:</a> sık sorulan sorular uygulaması. her şey ücretsiz madem, her şey kulanıcılar için!</li> </ul> <p><strong>web hosting hizmetine değinmeden geçmeyelim</strong>:<br>arkadaşlar bravene bize iki hosting seçeneği veriyor; birincisi direk 5mb alan 1,5gb aylık trafik sağlıyor. php desteği mevcut. kendi domaininizi kullanabiliyorsunuz. subdomainler oluşturabiliyorsunuz. -<a href="http://www.bravenet.com/webhosting/hosting.php">buradan</a>-<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/bravehost-head.gif' alt="free hosting / free unix-linux hosting/ ücretsiz hosting servisi" border="0"><br>free hosting / free unix-linux hosting/ ücretsiz hosting servisi</div><br>bir diğer hosting seçeneğini <a href="http://viviti.com/">viviti</a> aracılığıyla sunuyor bravenet. vivitiyi kısaca tanıtmak gerekirse, ücretsiz online site yapım aracı olduğunu söyleyebiliriz. seçtiğiniz şablonla site yapmanızı sağlıyor. ayrıca göze batan bir özellik olarak paypal ve ebay ile ürünlerinizi satabiliyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/viviti-head.gif' alt="free hosting / free unix-linux hosting/ ücretsiz hosting servisi" border="0"><br>free hosting / free unix-linux hosting/ ücretsiz hosting servisi</div></p> son olarak ücretsiz kaynak sağlama hizmetine de değinip sizi bravenet ile başbaşa bırakıyorum..<br>zengin bir site için ilk şart sağlam kaynaklardan beslenmesidir. işte webmasterlık yaparken vazgeçilmeziniz olacak <a href="http://resources.bravenet.com/">kaynaklar:</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/8e6e30c3fb83490295a067c.png' alt="free webmaster resources / ücretsiz webmaster ve site kaynakları" border="0"><br>free webmaster resources / ücretsiz webmaster ve site kaynakları</div><br><strong>site yapımı için:</strong> <ul> <li>makaleler, öğretim yazıları (articles)</li> <li>ücretsiz grafikler (free clipart)</li> <li>ses ve görsel multimedyalar (audio clips)</li> <li>ücretsiz scriptler (hazır web yazılımı). (script archive)</li> <li>ücretsiz bir font arşivi (font archive)</li> <li>küçük araçlar (mini tools)</li> <li>HTML & CSS araçları</li> <li>web hosting hakkında bilgilendirmeler (about web hosting)<br><strong>site tanıtımı için.</strong></li> <li> Make a Toolbar (siteniz için araç çubuğu)</li> <li>Promotion Resources (promosyon kaynakları)</li> <li>Get Traffic (trafiğinizi artıracak kaynaklar)</li> <li>Search Engine Submission (arama motoru kaydı)</li> <li>Tell-a-Friend (arkadaşına gönder uygulamaları)</li> <li>One-Click Advertising (tıklayınca kazandıran reklamlar)</li> </ul> <p>ve daha fazlası için : <a href="http://assets.bravenet.com/common/images/shell/logo.gif">bravenet</a>.</p> <p>yeni başlayanlara yararlı olması dileğiyle.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/her-sey-ucretsiz-burada ">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 Sep 2010 11:47:00 GMT 240038@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/her-sey-ucretsiz-burada alpmut <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/6e8up.jpg' alt="dreamweaver eklentileri / dreamweaver extensions" border="0"><br>dreamweaver eklentileri / dreamweaver extensions</div> <blockquote>Kısaltmalar:<br>dw :Dreamweaver<br>ext :(extension) Eklenti <br>db : database (veritabanı)<br>js : javascript</blockquote> <p><a href="http://www.adobe.com/products/dreamweaver/">Dreamweaver</a> gelişmiş bir kod-tasarım editörüdür. bunda herkes hemfikirdir sanırım. fakat bu gelişmiş editörden ciddi manada verim almanın ilk yolu yine bu editör kadar gelişmiş eklentiler (<a href="http://www.adobe.com/devnet/dreamweaver/extensions.html">extensions</a>) kurmaktır. şimdilik ben günümüz web sitelerinin en çok ihtiyaç duyduğu olmazsa olmaz modüllerini yazdıran eklentilerden birkaçını tanıtacağım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/dreamweaver-visual-calendar.gif' alt="visual calendar / dreamweaver extensions" border="0"><br>visual calendar / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1239017">visual calendar (takvim uygulaması):</a><br>bu eklentimiz dw MX sürümünden CS5'e kadar tüm sürümleri destekliyor. (MX, MX 2004, DW 8, CS3, CS4, CS5) php tabanlı sistemler yazmanızı sağlıyor. bir takvim uygulaması için aranan özellikler mevcut. kullanıcılar için tam fonksiyonel düzenleme sağlar, örneğin etkinliklerini, notlarını paylaşabileceği bir mini platform hazırlayabilirsiniz. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/systemofcomment.png' alt="comment system / dreamweaver extensions" border="0"><br>comment system / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1232018">comment system (yorum sistemi):</a><br>adından da anlaşılacağı üzere bir yorum uygulaması eklentisidir. sitenizdeki ziyaretçilerin ve kullanıcıların yorum bırakabilmesine müsaade ederken, izinler dahilinde istediğiniz yetkiyle silme, düzenleme gibi gerekli işlemleri kolayca yazmanızı sağlar. <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/news-letter.png' alt="newsletter / haber aboneliği / dreamweaver extensions" border="0"><br>newsletter / haber bülteni aboneliği / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1248518">newsletter (bülten aboneliği):</a><br>gelişmelerden haberdar edilme bir diğer tabirle site bülteni takip ettirme bileşeni. özellikle kurumsal siteler ve aktif ürün satışı yapan sitelerin vazgeçilmezi. sitenizde olup bitenleri kullanıcılarınıza duyurmak ve her platformda işe yarayacak olan e-posta listeleri oluşturmanızı sağlayacak vazgeçilmez bir modül olan gelişme takipçisi modülleri tasarlamanızı sağlayan bir eklenti. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/sendtoafriend.png' alt="send to a friend / arkadaşına öner-gönder / dreamweaver extensions" border="0"><br>send to a friend / arkadaşına öner-gönder / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1229024">send to a friend (arkadaşına gönder):</a><br>yine vazgeçilmez bir eklenti. sitelerinizdeki içeriklerin paylaşılması ve site hitinizin artması adına gerekli bir modül. ve bu modülü kolayca tasarlayan bir eklenti. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/hotspot-image-highlight.jpg' alt="hotspot highlight / etkin bölge belirteci / dreamweaver extensions" border="0"><br>hotspot highlight / etkin bölge belirteci / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1251018">hotspot image highlight (etkin bölge belirteci):</a><br>resimleriniz üzerinde kolayca etkin bölgeler oluşturabileceğiniz ve bu etkin bölgelere tıklandığında veya fare üstüne geldiğinde işlemler yaptırabileceğiniz bir eklenti. özellikle etkin bölge üzerinde beliren tooltipler (ipucu balonları) oldukça güzel. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/form-to-database.jpg' alt="form to database / formla database kaydı / dreamweaver extensions" border="0"><br>form to database / formla database kaydı / dreamweaver extensions</div><br><a href="http://www.hotdreamweaver.com/form-to-database">form to database (formla db ye kolay kayıt):</a><br>formlar vazgeçilmezimiz. bu formları tasarladıktan sonra bir de db'ye kayıt olayı var bildiğiniz üzre. işte bunları sizin yerinize yapan bir eklenti bu. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/video-inserter.png' alt="video inserter / video ekleme / dreamweaver extensions" border="0"><br>video inserter / video ekleme / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1593520">video inserter (video ekleme eklentisi):</a><br>"bunun için eklentiye ne gerek var?" demeyin. zira popüler video sitelerinden playlist olarak video çekebiliyorken tekil olarak da hem tube sitelerden hem spesifik local videolarınızı destekliyor. mov mpg avi ailesinden kimi ararsanız destekler. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/fontmagnify.png' alt="font magnify / font merceği / dreamweaver extensions" border="0"><br>font magnify / font merceği / dreamweaver extensions</div><br><a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1693022">font magnify (font merceği):</a><br>bu eklentimizin amacı metin okunulabilirliği için bize metin büyüteci ve metin küçülteci sağlıyor olması. özellikle metinsel sitelerin vazgeçilmezi. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/f502e5ae77044a55bc77167.png' alt="field validator / input alanı doğrulama / dreamweaver extensions" border="0"><br>field validator / input alanı doğrulama / dreamweaver extensions</div><br><a href="http://www.hotdreamweaver.com/dreamweaver-field-validator">field validator (form alanı doğrulama):</a><br>bu eklentimiz <a href="http://jquery.com/">jquery</a> tabanlı..be ext ile form alanlarımıza istediğimiz doğrulama kurallarını yerleştirebiliyor, güzel hata uyarıları sunabiliyoruz. kod yazarak mı? hayır elbette. tik tak tik tak! <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/d9cc3f3150a54f48a050283.png' alt="image gallery / resim galeri maker plugin / dreamweaver extensions" border="0"><br>image gallery / resim galeri maker plugin / dreamweaver extensions</div><br><a href="http://www.hotdreamweaver.com/image-gallery">image gallery plugin (resim galerisi eklentisi):</a><br>eklentimiz js arkadaşlar. gayet hoş galeriler oluşturmamıza yarayan gelişmiş bir eklenti. hemen neler yapabildiğine dair <a href="http://www.hotdreamweaver.com/image-gallery">demosunu</a> inceleyin. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/erenzade/registration-form.jpg' alt="register & login form maker / kayıt ve giriş formu eklentisi / dreamweaver extensions" border="0"><br>register & login form maker / kayıt ve giriş formu eklentisi / dreamweaver extensions</div><br><a href="http://www.hotdreamweaver.com/form-registration-and-login">login & registration (kayıt ve giriş formu eklentisi):</a><br>bu yakışıklı eklentimiz sayesinde birkaç tıkla kayıt formu oluşturabiliyor, veritabanına bağlayabiliyor, kayıt sonrası istediğimiz sayfaya yönlendirebiliyoruz. yine login için de aynı enstanteneler sözkonusu. <a href="http://www.hotdreamweaver.com/demos/form-registration-and-login/hdw_index.html">demosunu</a> incelediğinizde işe yarar olduğunu farkediyorsunuz.<br>ve herkese iyi çalışmalar diliyoruz efendim..<p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/cok-gerekli-dreamweaver-eklentileri ">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, 14 Sep 2010 06:37:00 GMT 239965@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/cok-gerekli-dreamweaver-eklentileri alpmut <p>İlk önce <strong>SEO</strong> kelimesinin nerden geldiğini söyleyelim. <strong>Search Engine Optimization</strong> İngilizce kelimelerin baş harflerinden gelir. Türkçeye çevirecek olursak Arama Motoru Optimizasyonu anlamına gelir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/alpmut/seoipu.jpg' alt="seo" border="0"><br>seo</div>Şimdi biraz SEO kelimesinin anlamına gelelim. SEO tamamen <strong>pazarlama alanına</strong> giren bir konudur. Web sitenizi daha iyi pazarlamanıza yarayan kuralları içeren bir <strong>sektördür.</strong> Evet artık SEO bir sektör haline gelmiştir. Doğru yapıldığında hedeflenen kitleye <strong>kitlesel medya araçlarından ulaşılması daha avantajlıdır</strong>. Düz anlatmak gerekirse doğru yapıldığı takdirde müşterinize daha hızlı ulaşırsınız böylelikle daha fazla para kazanırsınız ve siteniz daha tanınmış olur. Şimdi SEO'da önemli olan uygulamalardan bahsedicem.<br><strong>Anlatacaklarımın daha iyi anlaşılabilmesi için başlıklar halinde sıraladım.</strong><br><ul><br><li><strong>web siteniz nasıl olmalı</strong></li><br><strong>1.)</strong> Bir web sitesinin kolay kullanılabilir olması için ziyaretçi “<strong>aradığımı bulabilmek için buraya mı yoksa buraya mı tıklamalıyım</strong>” sorusu kafasından geçmemelidir. Öncelikle zaman herkes için çok önemlidir.</p> <p><strong>2.)</strong> Ziyaretçi aradığı bilgiyi <strong>kolay ve hızlı</strong> bir şekilde bulmak ister. Sitedeki her yazıyı okumaz öncelikle yazıların başlığını okur ve yazıyı hızlı bir şekilde tarar. Sayfanızdaki bilgilerin daha kolay ulaşılabilmesi için <strong>sayfanızı alanlara bölün</strong>. Menüler, yönlendirme, içerik, güncelleme gibi…</p> <p><strong>3.)</strong> Ziyaretçinin kafasını karıştırıcı bilgilerden uzak durun.</p> <p><strong>4.)</strong> Sitenizi <strong>bloglarda, soysal ortamlarda veya ücretli olan google adwords</strong> ile duyurun. Zamanla ziyaretçi sayınızda artış göreceksiniz.</p> <li><strong>web sitenizi dizinleme ve indeksleme</strong><a href="http://www.bildirgec.org/yazi/web-sitenizi-indeksleme-ve-dizinleme">(bu konu ile ilgili yazım)</a> <p>Daha öncede detaylı bir şekilde başka bir yazıda bahsetmiştim. Sitenizi <strong>indekslemeden</strong> önce <strong>dizinlemeniz</strong> gerekir. Bunun için <a href="www.google.com/addurl/?continue=/addurl "><strong>www.google.com/addurl/?continue=/addurl</strong></a> bağlantısı ile sitenizi dizinleyebilirsiniz. İndeksleme demek <strong>arama motorlarına sitenizi kaydetmek demektir</strong>. Bunları <strong>botlar</strong> yapar. Sitenizin her sayfasını gezerek sitenizi kategorize ederler. Google'ın 3 tane botu vardır. Bunlar;</p> <p><strong>1.) Adsense<br>2.) Freshbot<br>3.) Deepcrawl</strong></p> <p>Botlarıdır. Bu botlar hakkında daha fazla bilgi sahibi olmak için “<a href="http://www.bildirgec.org/yazi/web-sitenizi-indeksleme-ve-dizinleme"><strong>web sitenizi indeksleme ve dizinleme</strong></a>” başlıklı yazıma bakmanızı öneririm.</p> <li><strong>serfitika alarak indeksleme</strong></li> <p>Burada başka bir yöntemden daha bahsetmek istiyorum. Sitenizi indekslemek için <strong>sertifikaları</strong> da kullanabilirsiniz. Bu tür sertifikaların bulunduğu siteler başarılı olarak kabul edilir google tarafından.<strong>W3C</strong> bunlardan en iyisidir. Güvenlik için de <a href="http://www.hackersafe.com "><strong>www.hackersafe.com</strong></a>'dan sertifika alabilirsiniz.</p> <li><strong>sitemap (siteharitası) ile çok sayfalı sitelerinizi kolaylıkla indeksleme</strong></li> <p>Siteniz eğer <strong>çok sayfalı</strong> ise google indekslemeyi yapmakta hayli zorlanır. Bunun için sitenize <strong>sitemap (site haritası)</strong> koymalısınız. Böylelikler siteniz daha hızlı bir şekilde indekslenebilir.<br>Sitenize sitemap eklemek için <a href="http://www.xml-sitemaps.com"><strong>www.xml-sitemaps.com</strong></a> dan ekleyebilirsiniz. Ya da bu tür yazılımlar vardır. Bunu da <a href="http://www.sitemapbuilder.com "><strong>www.sitemapbuilder.com</strong></a>'dan indirebilirsiniz.<br>Sitemap'i oluşturduktan sonra <strong>.xml</strong> veya <strong>.xml.gz </strong> uzantılı dosyanızı <a href="http://www.google.com/webmasters "><strong>www.google.com/webmasters</strong></a> sitenizin size ait olduğunu belirtmek için istenilen ad ve html dosyasını sitenize yükledikten sonra site haritaları bölümünden site haritanızı google'a yükleyebilirsiniz. 1-12 hafta arası google sitemap içerisinde bulunan tüm bağlantıları veritabanına yerleştirecektir.</p> <li><strong>sitenizdeki içeriklerinizin (yazıların, makalelerinin) başlıklarını en fazla aranan kelimelerden oluşturun</strong></li> <p>İçeriğinizin başlığı oldukça önemlidir. Başlığınızı arama motorlarında en fazla aranan kelime yapmalısınız ve bunu içeriğin içinde en az 5 kere kullanmanız gerekmektedir.<br>İçeriğiniz başlığını <strong>kesinlikle kalın ve altı çizgiler ile vurgulayın ve bunları birkaç kez dile getirin.</strong></p> <li><strong>sitenizin linki oldukça diğer sitelerde yayınlansın</strong><a href="http://www.r10.net/link-degisimi/"><strong>(link değişimi yapan sitelere en iyi örnek r10)</strong></a> <p><strong>Back-link</strong> diğer sitelerin sizin sitenizi veya sitenizdeki bir içeriğe verdikleri bağlantılardır.<strong> Arama motorları için back-link sayısı önemlidir.</strong>Diğer sitelerle iletişime geçerek karşılıklı olarak anlaşabilirsiniz. Karşı taraftaki sitenin webmasterına ulaşıp anlaştıktan sonra bir an önce sitenize diğer sitelerin linkini verin ve diğer siteyi kontrol edin. Genellikle çoğu <strong>webmaster</strong> sözünü tutar.<br>Piyasadaki pek çok dizine kaydolun. Tek taraflı bağlantı vermenin en kolay yolu çok sayıda dizine kaydolmaktır.<br><strong>Back-link için sitenizde rss desteği olması önemlidir. RSS sitenize yeni içerik eklendiğinde kullanıcının haberdar olmasını sağlar.</strong></p> <li><strong>doğru anahtar kelimeleri (keywords) seçin</strong></li> <p><strong>Keywords</strong> siteniz için oldukça önemlidir. <strong>Hedef kitlenin size daha kolay ulaşabilmesini sağlar.</strong><br>Arama motorları belirttiğiniz anahtar kelimeleri sitenizde görmek ister. Örneğin; Anahtar kelimelerinizden bir tanesi “<strong>spor</strong>” ise arama motorları sitenizde spor yazısını görmek ister. Eğer bunu görmezse sitenizi banlayabilir ve yükselmesini engelleyebilir.<br>Sitenizde yoğunluklu olan kelimeleri bulan sitelerden keywords öğrenin ve ona göre bir <strong>anahtar kelime zinciri oluşturun.</strong>Unutmayın ki hedef kitlenize ulaşabilmenizdeki en önemli etkendir.<br><strong><em>Anahtar kelimelerinizi bulurken şu sitelerin epey yardımcı olacaktır.</em></strong><br><a href="www.google.com/trends ">www.google.com/trends</a> ve <a href="www.google.com/insights/search">www.google.com/insights/search</a>.</p> <p>Bu hizmetler hangi kelimenin ne kadar arandığını bilen hizmetlerdir.</p> <p><em>Web sitenizdeki kelime yoğunlunu araştırmak için şu siteyi kullanabilirsiniz.</em><br><a href="www.iwebtool.com/keyword_density">www.iwebtool.com/keyword_density</a></p> <li><strong>anahtar kelimeleriniz domaininizin içindede geçsin</strong></li> <p>Arama motorları için domain önemlidir.<strong>Arama motorlarında üst sıralara çıkmak için anahtar kelimeniz domaininizin içinde de geçmesi gerekiyor</strong>. Örneğin; Domain eğitimi ile ilgili site yapacaksınız. Anahtar kelimelerinizin içinde domain ve eğitim mutlaka geçmesi gerekiyor zaten. İsminizde domaineğitimi.com olması gerekiyor.</p> <p>Burada 2. El domain alırken önemli olan şey alacağınız 2.el domainin arama motorlarında banlanıp banlanmamasına dikkat etmektir.</p> <li><strong>programlama, tasarım ve css'nin önemi</strong></li> <p>Sitenizin tasarımını photoshop ile veya başka birisine yaptırdınız. 2 temel sorun var.</p> <p><strong>1.)</strong>tasarımı aynı şıklıkta bir web sitesine uygulamak</p> <p><strong>2.)</strong>sitenin içeriğinde kolayca düzeltmeler yapabilmek.</p> <p><strong>Bu 2 temel sorunu XHMTL programlama dili çözüyor.</strong> Her içerik etiketlerle ilişkilendiriliyor. Bu sayede arama motorlarının sitenizi daha kolay <strong>anlayabiliyor ve indeksleyebiliyor.</strong> Bunun üzerine CSS isimli sitil programlanıyor ve web uygulamasının üzerine kabuk gibi yerleştiriliyor. Google XHMTL ve CSS uygulamalarının sever.<br>Bir diğer konuda web sitenizi içerik yönetim sistemleri ile bile yapsanız mutlaka sayfa uzantılarınız .html veya .html uzantılı olmalıdır. Sayfayı oluşturan başlığın aynı şekilde sayfa uzantısında da aynen statik gibi olması gerekir.</p> <li><strong>w3c nedir</strong></li> <p>Çoğu zaman karşınıza çıkmıştır.<strong>Bazı siteler Internet Explorer farklı çalışırken Firefox da farklı çalışmakta veya görünmektedir</strong>. Bunun sebebi web sitesinin <strong>W3C standartlarına</strong> göre yapılmamasındandır.</p> <p>Google W3C ye önem vermektedir. Çünkü farklı tarayıcılarda çalışan site kullanıcılara daha iyi hizmet verir. Bu da Google kuruluş felsefelerindendir. Bu yöntem pek bilinmeyen bir SEO yöntemidir. Validator.<a href="http://www.w3c.org">w3.org</a> adresinden sitenizin performansını görebilirsiniz.<br>Bu anlattıklarımın hepsinden başka uygulamalar da vardır. bu uygulamalar web sitenizi arama motorlarında oldukça yüksek yerlere taşıyacaktır.</p> <p><strong><a href="http://alpmut.bildirgec.org/">yazılarımdan bazıları:</a></strong></p> <p><a href="http://www.bildirgec.org/yazi/en-ucuz-domain-ve-domain">en ucuz domain ve domain fiyatlarının listesi</a><br><a href="http://www.bildirgec.org/yazi/apple-1976-2010-hayat-oykusu-1">apple (1976-2010) hayat öyküsü ve yaptıkları</a><br><a href="http://www.bildirgec.org/yazi/soyu-tukenmekte-olan-on-teknoloji">soyu tükenmekte olan on teknoloji</a></p> <p><strong><a href="http://www.bildirgec.org/yazi/gamescom-daki-ilginc-bilgisayar-tasarimlari">gamescom'daki ilginç bilgisayar tasarımları</a></strong></p> <p><strong><a href="http://www.bildirgec.org/yazi/pes-2011-gameplay-videosu-cikti">pes 2011 gameplay videosu çıktı</a></strong></p> <p><a href="http://www.tasarimhosting.blogspot.com">blog</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/seo-teknikleri-ve-ipuclari ">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, 31 Aug 2010 07:15:00 GMT 239195@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/seo-teknikleri-ve-ipuclari alpmut <p>Web ile az çok haşır neşirseniz "html5" kavramını duymuşsunuzdur. Flash'a rakip olarak tayin edilen HTML5'in neler yapabileceğini görmek için aşağıdaki uygulamaları inceleyebilirsiniz...</p> <p><a href="http://www.feedtank.com/labs/html_canvas/">Canvas Minimal Particle Animation</a> bu uygulama sayesinde sitedeki kutucuğa yazdığınız kelimeyi etkileyici bir animasyon şeklinde görebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/1-7.jpg' alt="canvas minimal particle animation" border="0"><br>canvas minimal particle animation</div></p> <p><a href="http://alteredqualia.com/canvasmol/">CanvasMol</a> bu uygulamayla varolan yuvarlağı imlecinizle döndürebilirsiniz..<div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/2-4.jpg' alt="CanvasMol" border="0"><br>CanvasMol</div></p> <p><a href="http://www.andrew-hoyer.com/experiments/cloth">Cloth Simulation</a> varolan elbiseyi fare hareketiyle eğip bükebilirsiniz. inanın çok ilginç. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/4-3.jpg' alt="Cloth Simulation" border="0"><br>Cloth Simulation</div></p> <p><!-- buradan kes --></p> <p><a href="http://www.addyosmani.com/resources/googlebox/">Google Images Gift Box – CSS 3D example</a> bu yaratıcı ve zekice uygulama sayesinde Google Görseller'deki aramalarınızı 3 boyutlu yapabilirsiniz, hem de oldukça hızlı bir şekilde...<div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/6-3.jpg' alt="Google Images Gift Box - CSS 3D example" border="0"><br>Google Images Gift Box - CSS 3D example</div></p> <p><a href="http://spielzeugz.de/html5/liquid-particles.html">Liquid Particles</a> fare hareketlerinizle renk cümbüşü yapabildiğiniz bu uygulama stresinizi alır götürür.. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/7-4.jpg' alt="liquid particles" border="0"><br>liquid particles</div></p> <p><a href="http://www.professorcloud.com/mainsite/canvas-nebula.htm">canvas nebula </a> uzayda bulunan gaz bulutu anlamına gelen <strong>nebula</strong>'yı sanal ortamda görmek ister miydiniz?<div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/8-3.jpg' alt="canvas nebula" border="0"><br>canvas nebula</div></p> <p><a href="http://mrdoob.com/projects/chromeexperiments/ball_pool/">Ball Pool</a> çocukluğunuzu tam olarak yaşayamadıysanız işte size güzel bir fırsat. bu hoş uygulama sayesinde "baloncuk"ların tadını çıkarın. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/9-2.jpg' alt="ball poll" border="0"><br>ball poll</div></p> <p><a href="http://bomomo.com/">Bomomo</a> internette kendinize özgü çizimler yaparak eğlenmek istiyorsanız bomomo size göre. dilerseniz çalışmanızı kaydederek tarihe karışmasını önleyebilirsiniz. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/webator/10-3.jpg' alt="bomomo" border="0"><br>bomomo</div></p> <p><a href="http://webdesignledger.com/inspiration/10-html5-demos-to-make-you-forget-about-flash">kaynakça</a> orjinal kaynaktaki 2 uygulama çalışmadığı için sayı 10'dan 8'e inmiştir.</p> <p><a href="http://friendfeed.com/cevherce">ff</a> - <a href="http://twitter.com/ecevher">twitter</a> - <a href="http://webator.bildirgec.org">profilim</a> - <a href="http://deliningunlugu.tk">blogum</a> - <a href="http://formspring.me/cevherce">formspring</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/alpmut">alpmut</a> tarafından <a href=" http://www.bildirgec.org/yazi/flash-i-unutmaniz-icin-8 ">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> Mon, 09 Aug 2010 12:37:00 GMT 238824@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/flash-i-unutmaniz-icin-8