renkli teneke

Web Sitesi Hazırlarken Dizin Düzeni Oluşturmak

Ahmet Ertürk — Tue, 06 Oct 2009 17:05:53 +0000

Web sitenizi hazırlarken dikkat etmeniz gereken can alıcı noktalar var. Bu noktalara dikkat ettiğiniz sürece daha düzenli bir web site projesi yapısına sahip olursunuz. Şöyle bir örnek ile açıklayabiliriz. Mesela bir öğrenci okul çantasının bir gözüne kalemlerini, diğer gözüne defterlerini, diğer gözüne de kitaplarını koyuyor. Deftere ihtiyacı olduğunda kitapların arasında defter aramıyor, direk olarak defterlerin olduğu yerden defterini alıp kullanıyor. Aynı şekilde kalem kullanması gerektiği zaman da defterlerin bulunduğu göze bakmaktansa kalemlerin olduğu yerden hızlı bir şekilde kalemini alıp kullanır. Sizde web sitenizi kendiniz hazırlıyorsanız ya da bir firma için web sitesi çalışmalarına başladıysanız bu öğrenci çantasındaki örnekte de belirtildiği gibi sitede kullanacağınız bütün verileri düzenli bir şekilde bir arada tutmanız gerekiyor. Bu şekilde istediğiniz dosyaya hızlı bir şekilde ulaşmanız kolay olur.

Css, js, swf ve resimleriniz gibi web site yapımında kullandığınız materyalleri ayrı ayrı klasörler içerinde toplamalısınız. Bu şekilde yapmanız sizin daha sonra web sitesi üzerinde yapmak istediğiniz değişiklikleri rahatlıkla yapabilmenizi sağlayacaktır. Aşağıdaki resimde örnek bir web sitesi klasörünün görünümü bulunuyor, inceleyebilirsiniz.

Dosya sisteminizi hazırladığınızı varsayıyorum ve diğer önemli bir konudan da bahsetmek istiyorum. Dosya isimlerinizde kesinlikle Türkçe karakter kullanmayın. Resim, klasör, dosya vs bütün her şeyin isimlerini verirken Türkçe karakter ve boşluk kullanmayın. Türkçe karakterli dosyalarınız web sitenizi yüklediğiniz server üzerinde çalışmaz. Kendi bilgisayarınızda sorunsuz bir şekilde çalışabilir. Site içerisinde ekleyeceğiniz resimleri Photosohop ile küçülterek olabildiğinde yüksek kalitede ve düşük KB değerinde olmasına dikkat edin. Büyük bir resimi sayfaya ekledikten sonra sayfada küçültmeniz resimin boyutunu değil sadece görünümünü küçültür. Bu da büyük boyutta eklediğiniz bir resimin geç yüklenmesine neden olur. Bir de web sitenizin giriş sayfasının en fazla 150KB olmasına dikkat edin. Bu boyut ne kadar düşük olursa o kadar iyi olur. Çünkü sitenize ilk giren kişi web sitenizin geç yüklenmesinden hoşlanmaz. Geç yüklenen web siteleri ziyaretçilerinin gözünden düşer ve hatta ziyaretçinin o siteye hiç girmemesine dahi neden olur.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Flash Blogunuz Olsun

Ahmet Ertürk — Tue, 18 Aug 2009 20:55:23 +0000

Blog açmanız için farklı hizmetler bulunuyor. Wordpress, Blogger, Blogcu gibi farklı ücretsiz hizmetler var. Bana göre bunlardan en iyisi Blogger. Bir Wordpress kullanıcı olarak Blogger’ın kod yapısında değişiklik yapılabilme imkanı olduğu için cazip geldiğini söylemeliyim. Bu söylediğim sistemlerin tamamı norma yani php gibi bir programlama dili kullanılarak hazırlanmış sistemler. Şimdi bahsedediğim sistem bunlardan tamamen farklı.

Desen Blog

Bu blog sistemi tamamen flash. Yanda bulunan ufak resimden kabaca nasıl birşey olduğunu görebilirsiniz. Sistemin ahım şahım özellikleri yok ancak farklılık oluşturmak isteyenler için birebir diyebilirim.Eklediğiniz yazılara herkes yorum yazabiliyor. Müzik ve resim ekleme özelliğide mevcut. Blogunuzun yönetim panelinden kendi eklediğiniz müziği yazınızla beraber yayınlayabiliyorsunuz ya da kendi müziğinizi ekleyebiliyorsunuz. En iyi sistemi kurcalayarak öğrenebilirsiniz. Hemen bu adrese giderek kendinize ücretsiz olarak flash blog açabilir ve bütün ayrıntıları öğrenebilirsiniz.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Hangi Amaç İçin Blogcu Oldun? {mim}

Ahmet Ertürk — Tue, 11 Aug 2009 15:13:12 +0000

Para mı yoksa topluma faydalı olabilmek için mi? Senin tercihin hangisi? Blogcu olarak bir blog açmak ve içerisini yazı ile doldurmaktaki amacın nedir? Evet, yeni bir mim konusu bu. Benide mimledikleri için yazmam gerekiyor. Zorunlu olarak yazmam gerekmesede ben yazmayı tercih ederdim çünkü konu güzel seçilmiş.

Sinerjik.Org‘un sahibi Furkan beni mimlemiş. Para için mi bloglamalı yoksa toplum için mi şeklinde bir soru yöneltmiş. Bende kendi kelimelerim ile cevaplıyorum.Google Adsense hesabımdaki kazancımı hiç 100$ veya daha fazla olarak görmedim. Çünkü benim birinci amacım para kazanmak değil başkalarına yardımcı olabilmek yani toplum için bloglamak oluyor cevabım. Eğer para kazanma endişesi içerisinde olsaydım hiçbir zaman blogcu olamazdım. Blogculukta ön planda olan amaç para kazanmak değil başkalarına (bazen)maliyeli yüksek bilgiler vermektir. Şöyle düşünebilirsiniz; bir ziyaretçiniz web tasarım kursuna gitmeyi düşünüyor. Kursa gitmeden önce sizin blogunuzu gördü ve kursa gitmekten vazgeçti. Sizin blogunuzu takip ederek kendisini geliştirmeye ve iyi ya da kötü bir kursa gitmiş kadar oldu. Sizce böyle bir durum mu daha kıymetlidir yoksa ay sonunda adsense hesabınızın 100$’ı geçmesi mi?

Blogculuk ile ilk tanıştığım andan itibaren hiçbir zaman para kazanmayı düşünmedim. Belkide bu yüzden (hemen hemen) 3 senelik Adsense geliri elde edemedim. Üzgün müyüm? Hayır. Çünkü ben amacıma uygun davrandığımı düşünüyor ve bu yolda sağlam adımlarla ilerliyorum. Blogcu sıfatı ile hem topluma faydalı olup hemde para kazananlar var mı? Tabii ki de vardır. En basitinden hepimizin aklına gelen blog wolkanca var. Bence iyi para kazanıyordur. Birde blogculuğa resmi olarak(ilk blogumu açtığımdan bu yana) tanıştığım bir kişi var. Domatessuyu.Com‘un sahibi Onur. Bu arkadaşımında iyi gelir elde ettiğini düşünüyorum. Tercih sizin, sizde isteğinize göre bloglayabilirsiniz. Kısaca cevabım bu şekilde.

Sıra geldi bu güzel mim’i başkalarına yönlendirmeye. Domatessuyu, NaneLimon.net ve Gülen Blogu :) mimliyorum. Güzel yazılar yazmanız dileğiyle.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

LOG Dergisi Üzerinden Anında Video İzle

Ahmet Ertürk — Mon, 10 Aug 2009 06:15:08 +0000

Bir teknoloji dergisi olan LOG dergisi Ağustos ayı sayısından itibaren okurlarına muhteşem bir hizmet sunuyor. Dünyada bir ilk gerçekleştiriyor. Microsoft Tag teknolojisini kullanarak okurlarına dergi üzerinden anında video izletiyor. Sadece video değil. Artık ne koymuşlarsa onu kullanabiliyorsunuz. Video, müzik, ses, fotoğraf, döküman…

Herşey iyi hoş ama ben tam olarak anlamadım, nasıl çalışıyor sistem? Bir kuşa kağıt parçası üzerinde nasıl olurda bir video olur ve onu biz nasıl seyrederiz? Kısaca açıklayayım. Olay oldukça basit. Aslında kullanımı basit diyelim biz buna. Aşağıdaki resimde nasıl kullanılacağı açıkca belirtilmiş. Resimden anlayabilirsiniz.

Derginin tanıtım videosu aşağıda, izleyebilirsiniz. Tanıtım gayet güzel hazırlanmış. Tanıtımı izlerken derginin içerisinden 100YTL çıktığını görünce hemen dergisi almak istedim. Fakat devamını izleyince LOG’un bizlere 100YTL’den daha değerli bir hizmet sunduğunu anladım. İsterseniz ayrıntılı bilgiyi LOG dergisinin LOG Canlanıyor başlıklı yazısının altında bulabilirsiniz. Videoyu izlemeyi unutmayın.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Blogger’a Arama Özelliği Eklendi

Ahmet Ertürk — Fri, 07 Aug 2009 16:51:02 +0000

Ücretsiz blog hizmeti sunan Blogger ufak bir yenilik yaptı ve bloglara arama kutusu ekleyebilme imkanı verdi. Aslında bu özellik gereğinden çok geç geldi diyebilirim.

Yabancı bir bloga ilk defa giren birisini sitenin işleyiş tarzını kavramak yerine ulaşmak istediği bilgiye arama yaparak ulaşmak ister. Blogger’ın bu yeniliğide bu konuda baya bir etkili olacak. Eski bir blogger kullanıcısı olarak bu özelliğin eksikliğini zaman zaman yaşadım. Her ne kadar etiketleme özelliği olsada arama yapma özelliğinin yerini hiçbirşey tutmayacaktır.

Blogger.Com üzerinde bir blogunuz var ise hemen blogunuza arama kutusunu ekleyebilirsiniz. Bunun için admin panelinizden yerleşim alanına geçmeniz ve sitenizde istediğiniz alana gadget eklemeniz yeterli olacaktır.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

WordPress Admin Menüsünü Üste Alın

Ahmet Ertürk — Thu, 06 Aug 2009 12:44:59 +0000

Bir önceki yazımda WordPress 2.8.3 sürümüne geçiş yaptığını belirtmiş ve admin panelindeki menünün sol tarafta olmasından nefret ettiğimi söylemiştim. Feryadımı duyanlar oldu. Blog arkadaşım İlyas bir öenceki yazımı okumuş ve bana bir çözüm sunmaya karar vermiş. Wordpress’in güzel bir eklentisinden haberdar etti beni.

Eklenti benim sorunumu ortadan kaldıran bir kurtarıı resmen. Wordpress’in admin panelinde solda duran menüyü üst kısıma alan bir eklenti. Eklenti sayesinde Wordpress sevgim zedelenmeden daha çok arttı.

Eklentiyi buradan indirebilirsiniz. Eklentisin tam olarak adı ise; Ozh’ Admin Drop Down Menu. Eklentiyi kurmak ve kullanmak oldukça kolay. Eklentiyi indirin. Wordpress’inizin kurulu olduğu ana dizinde bulunan wp-content>plugins dizini içerine eklenti dosylarınızı yükleyin. Ardından admin panelinden Eklentiler menüsünden de yüklediğiniz eklentiyi aktifleştirin. Bütün işlem bu kadar. Eklenti etkinleştiği andan itibaren admin paneli menünüz üst kısımda yer almaya başlayacak. Yazıda bulunan resimdeki gibi bir görüntü ile karşılaşacaksınız, standart görüntü olarak.

Daha sonra Ayarlar menüsünün altında bulunan Admin Menu başlığı altından bu üst kısımdaki menüye ait özellikleri değiştirebilir kendinize göre özelleştirebilirsiniz. Bu arada tekrar teşekkürler İlyas. İyi ki varsın :)

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

WordPress 2.8.3 Güncellemesi

Ahmet Ertürk — Tue, 04 Aug 2009 22:35:48 +0000

Wordpress’i gerçekten çok seviyorum. Son sürümlerde yapılan bazı değişiklikleri hâlâ hazmedebilmiş değilim. Şuanda size göre saçmalıyor olabilirim ancak kişiden kişiye düşünceler değişebilir.

Evet wordpress’in yeni yapısına laf atıyorum. Uzun süredir blogum wordpress’in 2.6.5 sürümü ile ayakta duruyordu. Wordpress kullananlar bilirler, 2.6.5 sürümünde admin panelindeki menü üstte duruyor. Bu menü 2.7 sürümünden itibaren sol tarafa uzunlamasına bir şekilde yerleştirildi. Bu olay benim hiç hoşuma gitmedi. Belki ilerde öyle birşey yaparlar ki menüyü istediğimiz yere yerleştiririz.

Geliştirilmiş bir sürüm, eklenmiş birçok özellik vardı 2.7 de. Hatta yolunu gözledik durduk bu sürümün ama ben hayal kırıklığına uğramıştım çıktığında. Gerçi admin paneli resimleri internette geziyordu sanırım o zamanlar.

Herneyse sonuçta yeni sürüme geçmiş bulunuyoruz. Zorla da olsa alışmam gerekiyor admin panelinde solda duran menüye. En basitinden sitenin ayarları ile oynamak istediğimde sayfanın aşağısına doğru ilerlemekten nefret ediyorum. Aslında menün görünüşüne lafım yok ancak bana göre hiç kullanışlı değil. Eğer sizde blogunuzu güncellemek istiyorsanuz ilk olarak buradan gerekli sürüme ait dosyaları indirin ve buradaki direktifleri uygulayarak sürüm güncellemenizi yapabilirsiniz.

Umarım daha güzel bir şekilde geliştirilirde herkes memnun olur.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Siteniz İçin 5bin TL Verseler? {mim}

Ahmet Ertürk — Tue, 04 Aug 2009 13:10:09 +0000

Konyada üniversiteden tanıştığım ve İstanbul’da hâlâ görüşmeye devam ettiğim dostum Mustafa beni mimlemiş. Mim konusunda biraz içim buruk. Yanlış anlaşılmasın bu mim değil bana önceden gönderilen ve benim cevaplayamadığım mimlerden bahsediyorum. Gönderen arkadaşlara teşekkür ediyorum ancak cevaplayamadım şimdiye kadar. Şimdide cevaplamak oldukça saçma olur bana göre, çünkü mimlerin gönderilmesinin üzerinden baya bir zaman geçti.

Biz gelelim elimizdeki taze mim’e. Mim konusu şu: Blogunuz için 5000TL verseler ne yaparsınız? Bu parayı nasıl değerlendirirdiniz. Mim’i cevaplayan birçok kişi kendince cevaplar verdi. Bende şu şekilde cevaplamak isterim: Blogum için 5bin ytl verseler hepsini blogumun reklam ücreti içn harcardım. En popüler teknoloji sitelerinde renkli teneke blogumun boy boy reklam bannerları yayınlatırdım ki blogumdan birçok kişi haberdar oldun. Hostingmiş, band genişliğiymiş, trafikmiş felan uğraşmam ben genelde. Hatta şuanda bile hostinginin özelliklerini sınırsız diyebilirim.

Kural gereği birilerinin mimlemem gerektiği için bende Yakup Gövler ve Hakan Yamanoğlu‘nu mimliyorum. Kolay gelsin efenim. Bakalım sizler ne yapardını, merak ediyorum.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Basit CSS Menü Yapımı

Ahmet Ertürk — Mon, 03 Aug 2009 17:25:18 +0000

Web sitesi hazırlarken sitenin menüsünü hazırlarken kullandığınız yöntemleri kısa bir süreliğine unutun. CSS ile daha pratik ve hızlı menülerin nasıl yapılabişeceğinden bahsedeceğim biraz. Sadece css kodlarını kullanarak hoş görünümlü menü hazırlamanın aslında ne kadar kolay olduğunu göreceksiniz.

Sadece bir örnek vererek açıklamanın uygun olacağını düşünüm. Zamanla sindire sindire tek tek örnekler yaparak ve bunlarıda siz uyguladığınızda tam bir öğrenme olacaktır, eminim.

İlk olarak web sitesi yapımı için kullandığınız editörünüzü açın. Sadece bir tane html sayfası oluşturun. Html sayfası içerisine ilk olarak aşağıdaki CSS kodlarını tagından önce sayfaya yerleştirin.

PLAIN TEXT

CSS:

<style type="text/css">
body {
background: #F8F8F8; /*sayfa arkaplan rengi*/
}
#menu a{
font: 11px Verdana; /*menu font özellikleri*/
color: #191919; /*yazının rengi*/
padding: 10px; /*menünün içten olan boşluğu*/
background: #CECECE; /*arkaplan rengi*/
text-decoration: none; /*yazının alt çizgisinin iptal edilişi*/
}
#menu a:hover{
background: #191919; /*arkaplan rengi*/
color: #CECECE; /*yazının rengi*/
}
</style>

CSS kodları içerisinde gerekli açıklamları yaptım. Siz bu kodlar arasındaki bütün sayısal değerleri değiştirerek farklı yöntemler deneyebilir ve yazılan o satırdaki kodun tam olarak ne işe yaradığını daha iyi kavrayabilirsiniz. Bunu kesinlikle yapın. Mesela padding: 10px; olan kod satırını padding: 100px; yapın. Sayfayı kaydedin inceleyin. Sonra eski haline getirin. İkisi arasındaki farkları inceleyin. Bu şekilde birşeyleri kurcalayarak daha iyi ve kalicı şekilde öğrenebilirsiniz. Ben bazen bu şekilde yapıyorum.

Aşadağıki kodları ise html sayfanızın tagından sonraki alana ekleyin. Kodlarımız bizim menümüzü oluşturuyor.

PLAIN TEXT

HTML:

<div id="menu">
<a href="#">Anasayfa</a>
<a href="#">Hakkýmýzda</a>
<a href="#">Hizmetler</a>
<a href="#">Referanslar</a>
<a href="#">Ýletiþim</a>
</div>

Kodların hepsini yerleştirdiyseniz sayfanızı kaydedip deneyebilirsiniz. Burada önemli olan CSS kodlarının ne işe yaradığı. Az öncede dediğim gibi kodları bol bol kurcalayın, sayısal değerleri ile oynayın, aradaki farkları kavrayarak daha iyi öğrenin. Hazırladığımız bu menünün demosunu bu sayfada bulabilirsiniz. İndirmek için ise bu adresi kullanabilirsiniz.

***

Bu arada söylemeden edemeyeceğim. RSS abone sayım şuanda bu yazıyı yazarken tam olarak 74. Bu sayı her geçen gün arttıkça benimde yazma hevesim artıyor. Bana göre bu arak çok düşük. Şuanda en kötü ihtimalle 300 felan olmalıydı. Bu da bu blogdan henüz pek fazla kişinin haberdar olmadığını gösteriyor bana göre. Eğer bu blogu sevdiyseniz tanıdıklarınıza önerebilir ve RSS abonesi kazandırabilirsiniz. Teşekkürler.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:

Php & jQuery Resim Yükleme ve Kesme

Ahmet Ertürk — Sat, 01 Aug 2009 14:47:16 +0000

Php ile ftp'ye resim yüklemek başlığı altında daha önceden sizlerde hazır bir upload sınıfını paylaşmıştım. Sınıfın çalışma mantığı kısaca şu şekildeydi. İstediğiniz bir resimi seçiyor ve resimin üzerinde hiçbir oyanama yapmadan (boyutunda, çözünürlüğünde, isminde) ftp'ye yüklüyordu. Şuanda bahsedeceğim upload sınıfı ile karşılaştığımdan bu yana diğerini kullanmadım hiç.

jQuery ve Php birleşimi çok güzel bir sınıf oluşturulmuş. Sınıf sizin ftp'ye jpg, png ve gif uzantılı dosyaları yüklemenizi sağlıyor. Aynı zamanda yüklediğini resimin en büyük ve en küçük boyutunu belirleyebiliyorsunuz. Resimi upload ettikten sonra jQuery nimetinden faydalanarak resimi önceden belirlediğiniz boyutta kesip hem küçük boyutta hemde büyük boyutta kayıt edebiliyorsunuz.

İşlemi daha iyi anlayabilmeniz için ufak bir örnek vereyim. 1024x768pixel boyutunda bir resmim olsun. Bunu siteme ekleyeceğim. Sitemde bu resim çok büyük görüntüleneceğinden ben bu resimin büyük boyunu 300px genişliğinde belirliyorum. Yani eni 300px olacak ve aynı oranda yüksekliğide küçültülecektir. Birde küçük resim boyunu belirliyorum. Bu da 100x100pixel olsun istiyorum mesela. Bu boyutuda belirledikten sonra resim yükleme sırasında kesme işlemini yaparken küçük resiminiz 100x100pixel boyutunda ve resiminizin büyük halide 300pixel eninde oluyor. İsimlerindede oynama yaparak küçük resimin adını thumbnail_123456.jpg, büyük resimin adınıda resize_123456.jpg şeklinde belirliyorum. Bu isimler arasnda resize ve thumbnail yazan yerlere kendi istediğinizi yazabilirsiniz. Diğer sayılı alan otomatik olarak rasgele belirleniyor.

Karışık sözlerle kafanızı karıştırmak istemem. Bu nedenle hemen çalışmanın bu sayfasını ziyaret ederek ayrıntılı bilgi edinebilirsiniz. Çalışmanın önizlemesi için ise bu sayfayı ziyaret edebilirsiniz. İndirmek için konunun kendi yazısının en altındaki download linkini kullanabilirsiniz. Dosyaları indirirken dikkat edin eski sürümünü indirmeyin. Eski sürümünde sadece jpg formatındaki resimler ile işlem yapılırken yeni sürümde jpg, png ve gif formatlarıyla işlem yapılabiliyor.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin: