Kategori arşivi: web tasarim

HTML5 WordPress teması / Ucretsiz

html5 wordpress
html5 wordpress

Kisa sure once duyurusu yapilan ve halihazirda gelistirilme asamasinda olan yeni HTML standartlarinin 5. surumu olan HTML5 google arama motoru tarafindan bircok kez kaliteli web sitesi tanimlamasi icerisine sokuldu. HTML5 ile kodlanan bir websitesi arama motorlarina bir sitenin basligini, makale kismini, menu alanini v.s. acik olarak belirttigi icin kisa surede en cok tercih edilen kodlama dili olmaya aday.

HTML5 surumune gecis yapan web sitelerindeki trafik artisi SEO acisindan bu yapinin ne kadar etkili oldugunuda ayrica gozler onune seriyor. Kisa surede HTML5 altyapisi ile duzenledigim ve uygunluk testinden basari ile gecen Kalkan websitesinde bu sistemi test edip hit bilgilerini verileri elde ettikten sonra tekrar burada pasyalmayi planliyorum.

HTML5 WordPress temalar icinde artik aktif edilmeye baslandi ve yazinin devamindaHTML5 destekli ucretsiz wordpress temalarini inceleyebilirsiniz.

Bu sistemi basit bir yapi ile anlatmak gerekirse asagidaki kod yapisi incelenebilir. HTML5 WordPress teması / Ucretsiz yazısına devam et

xml ile destekli FLASH BANNER olusturma

Web tasarimi islerinde en buyuk cekicilik cogunlukla hareketli animasyonlardan olusan, sitenin en can alici kismi banner olarak tabir edilen bolgesidir.

Banner animasyonlari hareketli gif yada flash dosyasi olarak olusturulabilir. Haber manset sistemi olarakta kullanilabilen xml dosyasi ile ayarlamalarini duzenleyebileceginiz flash banner ornegimizi burada gorebilirsiniz. Kaynak dosyamizi buradan indirebilirsiniz. xml ile destekli FLASH BANNER olusturma yazısına devam et

Web sitem icin yeni 1 arayuz tasarimi

Selamlar,

WordPressin surekli gelistigi ve buyumeye devam ettigi acik 1 sekilde biliniyor. hali hazirda wordpress tabanli olan bu kisisel web sitemi kendi tasarim ve kodlamalarimla daha gorsel 1 hale getirmek istiyorum. bu yeni web sitemde calismalarim ve makalelerim yer alacak. aktif olan bu bolumu ise blog halinde 1 subdomaine entegre etmeyi dusunuyorum. yeni web sitesi ana basliklari su sekilde Web sitesi tasarimi seo Arama motoru optimizasyonu grafik calismalari css makaleleri ve 1 miktar cisco networking bilgileri.

bos zamanlarimda tasarlamaya devam ettigim arayuze bu linkten ulasabilirsiniz ayni zamanda yorum yaparak fikirlerinizi belirtebilirsiniz. zuzum a selam yok

css menuleri ve javascript dosyalari flash animasyonu uzerinde gostermek

Daha once tasarladigim 1 cok sitede karsilastigim flash uzerine gelen css menulerin yada javascript dosyalarin arka planda kalmasi ve cok kotu bir gorunumun ortaya cikmasi sorununun cozumunu rnmks arkadasin buldugu cozum ile bertaraf etmis durumdayiz.

asagidaki ornekte flash dosyasinin ust kismindaki div icerisinde bulunan spry menu linkleri onmouseover oldugunda asagi dogru aciliyor ancak 1 altta bulunan flash dosyasinin altinda kaliyor

bu durumda flash eklentisinin sayfa icerisindeki kodlama parametrelerine yeni 1 parametre ekliyoruz
<param name=”wmode” value=”transparent” />
yada flash eklentimizin properties ayarlarinda yeni parametreyi program yardimi ile ekliyoruz. sonuc goruntumuz asagida goruldugu sekilde ortaya cikiyor.

bu kodlamayi javascript dosyalarinda ve css menulerinde rahatlikla kullanabilirsiniz. bu kod w3 uyumlu oldugu icin w3 validasyonunda olumlu sonuc alabilirsiniz. Web seo

Kalkan.org kalkan rehberi web seo islemi

uzun vadeli seo islemini yaptigim Kalkan bolgesi ile ilgili bilgilerin yer aldigi http://www.kalkan.org web sitesi google turkce dili aramalarindaki birinciligini epeydir surdurmekte. Web seo islemi neticesinde bu son pagerank guncellemesinde 4 puanla ifade edilen web sitesi bu ay itibari ile googlenin belirli kelimelerde hiti yuksek web sitelerine uyguladigi “Sitelink” uygulamasini basari ile kazanmis bulunuyor.

buyuk rekabetin yasandigi “kalkan” kelimesinde turkce dilinde yapilan arama neticesinde bu sitelinkine ulasabilirsiniz.

sitelink kalkan

Kalkan.org kalkan rehberi web seo islemi yazısına devam et

25 temmuz 2008 google pagerank guncellemesi.

yilin 3. pagerank guncellemesi 28 temmuz 2008 tarihinde basladi. guncelleme her zaman oldugu gibi 1 gun surdu ve guncellemeden once yine buyuk dalgalanmalar yasandi.

bu guncellemede kendi ve musteri sitelerimde yukselisler gordum. kisisel web sitem fatih-simsek.com sitesi pagerank degerini 1 puan artirarak 3 olarak aldi. css ile ilgili birtakim tecrubeler elde ettim bu pagerank guncellemesi sonunda.

Web sitenizden resim cekilmesini engelleyin.

Birileri sizin hostunuzda olan resimleri kendi sitesinde mi kullanıyor? Bunu önlemelisiniz çünkü bu sizin hitlerinizin paylaşılmasının yanında sizin bandwidth’inizi de harcar. Çünkü o site her açıldığında resimler bizim serverimizden çağrılır ve bandwidth’imizin harcanmasına neden olur. Bu durumda .htaccess dosyasından yapılacak ayar ile resim paylaşımını kapatmak en mantıklısıdır.

Gelelim yapacağımız işlemlere ;
Web sitenizden resim cekilmesini engelleyin. yazısına devam et

Xhtml uygun flash eklentisi kodlamasi.

googlenin xhtml uyumlu css ile kodlanmis web sayfalarina verdigi deger uzerine bircok firma web 2.0 stiline gecis yapmis ve css ile sitelerini kodlamaya baslamisti. Ancak karsimiza cikan en buyuk sorunlardan biri flash applikasyonlari web sitemize ekledigimizde sayfalarimizin xhtml dogrulamasindan olumsuz puanla donuyor olmasi idi. uzun arastirmalar sonunda bu sorununun cozumunu henuz tespit ettim ve kendi tasarladigim web sitelerinde deneyerek valid web 2.0 uyumlu css web sitelerine sahip olmanin mutlulugunu doyasiya yasadim 😉

uyguladigim kodlar XHTML 1.0 Strict (XHTML 1.1) ile uyumludur.

onject tagi ile uygulanan kodlar su sekilde
<object type=”application/x-shockwave-flash” data=”flash/banerdosyamizinismi.swf” width=”100″ height=”100″>
<param name=”movie” value=”flash/banerdosyamizinyolu.swf” />
</object>

embed kodu uygulamadan yaptigimiz bu calisma ile xhtml valid sonucu almamiz mumkun.
herkese css li gunler dilerim Zuzum. uygulamayi ilk olarak http://www.kalkan.org.tr sitesinde test ettim