ARAMA MOTORLARINA UYUMLU SİTELER

Arama motorlarına uyumlu sayfalar (seo friendly pages), sitenizin arama motorlarındaki başarısını ve dolayısıyla da ziyaretçi sayınızı arttıracaktır. Arama motoru dendiğinde kastımız Google olduğu için sizlere Google uyumlu sayfalar hakkında bilgi vermeyi amaçlıyoruz. Peki nelerdir bir web sitesinin arama motorlarında üst sıralarda çıkmasına yardımcı olan unsurlar:

. Sitenizinin en temel hareket noktasının domain adında geçmesi en önemli etkendir. Örneğin temel faaliyet konununuz medikal ise www.bizimmedikal.com/net/org (cno) başarılı bir isim seçimidir.

. İsimden sonra bir sitedeki veya sayfadaki en önemli unsur başlık(title)'tır. Aynı örnekten devam edecek olursak "Bizim Medikal - Medikal Malzeme Satışı" iyi bir seçim olacaktır. Başlıkta kullanacağınız kelimeleri seçmeden önce hangi kelimelerin daha fazla arandığını tespit etmekte yarar var, bunun için Google Insights for Search aracını veya Google Trends aracını kullanabiliriz. Sıklıkla aranan kelimeleri tercih etmek daha fazla ziyaretçi kazandırabilir.

. Metataglardaki keywords tagı bundan yıllar önce etkiliydi, google değer vermediği için bu alanın bir önemi yok, description tagı ise arama sonuçlarında sitenizin tanıtımı olarak gözükebileceğinden bu alanda sitemizi doğru şekilde tanıtmak ziyaretçileri sitemize çekebilir.

. Sayfa yapısına geçtiğimizde ise sayfada yazı miktarının fazla olması, başlıklarda <h1> tagının kullanılması, anahtar kelimelerimizin abartıya kaçmadan (keyword staffing) sıklıkla geçmesi (%5), resimlerimizde arama motoruna yardımcı olmak için alt tagının kullanılması, linklerde title tagının kullanılması unutulmaması gereken noktalar. Arkaplanla aynı renkteki gizli kelime listeleri kısa vadede ziyaretçi sağlasa bile uzun vadede sitenizin arama motorundan yasaklanması yani atalarımızın deyimiyle "dimyata pirince giderken eldeki bulgurdan olmaya" yolaçacaktır.

Sayfalar ile ilgili temel konular hakkında bilgi verdikten sonra biraz daha teknik konulardan da bahsetmek yerinde olacaktır. Öncelikle google arama motoru sonuçlarında (serp) önceliği nelere vermektedir sorusuna açıklık getirelim:

- Pagerank - Link Popülerliği - Site Popülerliği (Sitenize google arama motorunun verdiği değer, 1/10 aralığındadır, diğer sitelerden verilen linkler önem taşır, bu bildiğimiz işe girişlerde aranan referans olayıyla benzerlik gösterir, referansları kuvvetli olan işi (sırayı) kapar. Link popülerliği de bununla paralellik gösterir. Site popülerliği ise sitenin hacminin büyüklüğünü gösterdiğinden + değer kazandırır

- Sitenin yaşı önemli etkenlerdendir. Çayda dem, sitede kıdem Eski siteler önceliklidir, çünkü güven verir.

- Sayfanızın optimizasyonu, HTML hatalarının olmayışı, kırık link içermemesi, güncel kalması da önemli etkenlerdendir.

Son olarak bazı teknik ipuçları vererek yazımızı sonlandıralım:

* Meta refresh kullanmayın, bu google tarafından 302 redirect spamı olarak algılanmaktadır. Yönlendirme yaparken 301 redirect yöntemini kullanın, bunu .htaccess dosyası ile yapabileceğiniz gibi php ile yönlendirme yaparken
header("HTTP/1.1 301 Moved Permanently");
header("location: http://www.site.com/yonlen/");
şeklinde de yapabilirsiniz. Hatta sitenizde sitem.com ile www.sitem.com aynı sonuçları vereceğinden google tarafından tavsiye edilen sitem.com adresini www.sitem.com'a yönlendirmeniz.

* Apache mod_rewrite özelliği arama motorlarına uyumlu sayfalar üretse de google'nin hoşlandığı bir sistem değil, arama robotu bazen sitenin spam yapıp yapmadığını kontrol için uydurma bir sayfaya gider, eğer 404 sayfasına ulaşamazsa tehlike çanları çalmaya başlamıştır.

* Cloaking denilen arama motoruna farklı içerik sunulması, google sonuçlarının tekrar google'ye indeksletilmesi, uydurma kelimelerden binlerce sayfa oluşturulması google tarafından yasaklanmaya yol açar, tecrübeyle sabittir.

RSS NEDİR?

RSS, xml tabanlı, web siteleri ve bloglarında genellikle yeniliklerin duyurulması için kullanılan, ziyaretçinin siteye girmeden sitedeki yenilikleri görebilmesini sağlayan bir sunum türüdür. Açılımı RDF(Resource Description Framework(Kaynak Tanımlama Çerçevesi)) Site Summary (Site Özeti), Rich Site Summary (Zengin Site Özeti) veya Really Simple Syndication (Gerçekten Kolay Yayın) şeklinde yapılabilmektedir. Bu açılımları anlayabilmemiz için RSS tarihinde ufak bir gezinti yapalım:

RSS temelleri ilk olarak Dave Winner tarafından 1997 yılı sonlarında scriptingNews http://davenet.scripting.com/1997/12/15/scriptingNewsInXML formatıyla atılmıştır. 1999 yılında Netscape firması kendi portalında kullanmak amacıyla RSS 0.90'ı geliştirmiştir, RDF tagıyla başlaması nedeniyle RDF Site Summary olarak bilinmektedir, Dave Winner bunun üzerine RSS 0.90'nın tüm özelliklerini de içeren scriptingNews 2.0b1 formatını oluşturmuş, hemen ardından Netscape tarafından RSS 0.91 dizayn edilmiştir, bu sürümde RDF tagı yerini RSS tagına bırakmış ve isimlendirmesi Rich Site Summary şeklinde olmuştur. Dave Winner'da kendi sitesi Userland.com'u RSS 0.91'e uyarlamış fakat daha sonra Netscape'nin RSS formatı üzerine verdiği ağırlığı bırakmasıyla bir süre geliştirme süreci durmuştur. 2000 yılının sonlarında Dave Winner tarafından RSS 0.92 yayınlanmış ve RSS açılımı Really Simple Syndication olarak isimlendirilmiştir. 2002 yılında RSS 0.92 standartı RSS 2.0 olarak yayınlanmış ve günümüzdeki halini almıştır. Bu gelişim süreci boyunca en önemli değişiklikler RSS'deki birçok kısıtlamanın kalkması yönünde olmuştur.

Peki neden RSS bu kadar popülerleşti? (yoksa popülerleşmedi mi?) Bunun en büyük nedeni şüphesiz web üzerinde blog kültürünün yerleşmesidir. RSS desteği sayesinde sitelere ya da bloglara eklenen her yeniliği siteye girmeden takip etmek internet üzerinde sabit kalan bir sitede yeniliği araştırmaya göre çok büyük bir kolaylık sağladığından bir RSS okuyucu kitlesi oluşmuştur. RSS okuyucu programları ile eklediğimiz sitelerin rss dosyaları ile haberleşme sağlanmakta ve yeniliklerden haberdar olmaktayız, yine RSS okuyucuların web tabanlı çalışanları ile bir web sitesi üzerinden birçok siteyi takip edebilmekteyiz.

*Kalite Kuralları
Siteniz hazır olduğunda:
•Diğer alakalı sitelerden sizinkine bağlantı olsun.
•Sitenizi, http://www.google.com/addurl.html adresinden Google'a gönderin.
•Google Web Yöneticisi Araçlarımızın bir parçası olarak Site Haritası gönderin. Google, sitenizin yapısı hakkında bilgi edinmek ve web sayfalarınızın kapsamını genişletmek için Site Haritanızı kullanır.
•Sayfalarınızdan haberdar olması gereken tüm sitelerin sitenizin online olduğunu bildiğinden emin olun.
•Sitenizi Open Directory Project ve Yahoo! gibi alakalı dizinlere ve sektöre özel diğer uzman sitelere gönderin.
*Tasarım ve İçerik Kuralları
•Net bir hiyerarşi ve metin bağlantıları içeren bir site oluşturun. Her sayfaya en az bir statik metin bağlantısından erişilebilmelidir.
•Kullanıcılarınıza sitenizin önemli kısımlarına işaret eden bağlantıları içeren bir site haritası sunun. 100'ün üzerinde bağlantı içeriyorsa site haritasını ayrı sayfalara bölebilirsiniz.
•Faydalı, bilgi açısından zengin bir site oluşturun ve içeriğinizi açık ve anlaşılır bir şekilde anlatan sayfalar hazırlayın.
•Kullanıcıların sayfalarınızı bulmak için girebileceği kelimeleri düşünün ve sitenizin gerçekten bu kelimeleri barındırdığından emin olun.
•Önemli adları, içeriği veya bağlantıları göstermek için resim yerine metin kullanmayı deneyin. Google tarayıcısı, resimlerde yer alan metinleri tanımaz.
•TITLE etiketlerinizin ve ALT özniteliklerinizin açıklayıcı ve doğru olduğundan emin olun.
•Bağlantıların çalışıp çalışmadığını ve HTML'in doğru olup olmadığını kontrol edin.
•Dinamik (yani, URL,sinde ? karakteri yer alan) sayfalar kullanmaya karar verirseniz, her arama motoru örümceğinin, statik sayfaların yanı sıra dinamik sayfaları taramadığını unutmayın. Parametreleri kısa, parametre sayısını ise düşük düzeyde tutmanızı öneririz.
•Belli bir sayfadaki bağlantıların sayısını makul düzeyde tutun (100,den az).
*Teknik kurallar
•Çoğu arama motoru örümceği, sitenizi Lynx,in göreceği şekilde göreceğinden sitenizi incelemek için Lynx gibi bir metin tarayıcısı kullanın. JavaScript, çerezler, oturum kimlikleri, çerçeveler, DHTML veya Flash gibi özellikler sitenizin tümünü bir metin tarayıcıda görmenizi engelliyorsa, arama motoru örümcekleri de sitenizi taramakta zorlanabilir.
•Arama botlarının sitelerinizi, site içerisindeki yollarını takip eden oturum kimlikleri veya kanıtlar olmaksızın taramasına izin verin. Bu teknikler bağımsız kullanıcı davranışını izlemek açısından faydalı olabilir, ancak robotların erişim modeli tamamıyla farklıdır. Bu tekniklerin kullanımı sitenizin dizine eklenmesinin yarım kalmasıyla sonuçlanabilir, çünkü botlar farklı gözüken ancak gerçekte aynı sayfaya işaret eden URL'leri elemekte başarısız olabilir.
•Web sunucunuzun If-Modified-Since HTTP başlığını desteklediğinden emin olun. Bu özellik, web sunucunuzun Google'a son taramadan sonra sitenizin içeriğinin değişip değişmediğini bildirmesini sağlar. Bu özelliğin desteklenmesi, size hem bant genişliğinden hem de bekleme zamanından tasarruf sağlar.
•Web sunucunuzda robots.txt dosyasını kullanın. Bu dosya tarayıcılara hangi dizinlerin taranıp hangilerinin taranmayacağını bildirir. Yanlışlıkla Googlebot tarayıcısını engellememek için bu dosyanın siteniz için güncel olduğundan emin olun. Sitenizi ziyaret ettiklerinde nasıl davranacaklarını robotlara söylemek için http://www.robotstxt.org/wc/faq.html adresini ziyaret edin. Google Web Yöneticisi Araçlarında bulunan robots.txt analiz aracı ile doğru şekilde kullandığınızdan emin olmak için robots.txt dosyanızı test edebilirsiniz.
•Şirketiniz bir içerik yönetim sistemi satın alırsa sistemin, arama motoru örümceklerinin sitenizi tarayabilmesi için içeriği dışa aktarabildiğinden emin olun.
•Arama sonucu sayfalarının veya arama motorlarından gelen kullanıcılar için pek bir değer taşımayan otomatik olarak oluşturulmuş diğer sayfaların taramaya dahil olmasını önlemek için robots.txt dosyasını kullanın.
*Teknik kurallar
Bu kalite kuralları, en yaygın aldatıcı ve yönlendirici davranış biçimlerini kapsar, ancak Google burada belirtilmemiş diğer yanlış uygulamalara da (tanınmış web sitelerinin yanlış yazımlarını kaydederek kullanıcıları kandırmak gibi) olumsuz tepki verebilir. Yanıltıcı bir tekniğin, sırf bu sayfada adı geçmediği için Google tarafından onaylandığını varsaymamalısınız. Temel ilkelere uymak için çaba gösteren web yöneticileri kullanıcılara çok daha iyi bir deneyim yaşatır ve tüm zamanlarını kötüye kullanabilecekleri açıkları arayarak geçiren yöneticilerin sitelerine göre çok daha iyi sıralamalar elde eder.
Google, sorunlar için ölçeklenebilir ve otomatik çözümler geliştirmeyi tercih ettiğinden, elle gerçekleştirilen spam savaşını en aza indirmeye çalışıyoruz. Aldığımız spam raporları, gelecekteki spam saldırılarını tanıyacak ve engelleyecek ölçeklenebilir algoritmalar oluşturmak için kullanılmaktadır.
*Teknik kurallar-Temel İlkeler
•Sayfalarınızı kullanıcılar için hazırlayın, arama motorları için değil. Kullanıcılarınızı kandırmayın veya arama motorlarına kullanıcılarınıza gösterdiğinizden farklı içerik sunmayın; buna genel olarak GİZLEME denir.
•Arama motoru sıralamalarını iyileştirmek için tasarlanmış hilelerden kaçının. En önemli kurallardan biri yaptığınız işi rekabet ettiğiniz bir web sitesine açıklarken kendinizi rahat hissedip hissetmediğinizdir. "Bu benim kullanıcılarıma yardımcı olur mu? Arama motorları olmasaydı bunu yapar mıydım?" sorularını sormak da kendi kendinizi test etmenin etkili bir yoludur.
•Sitenizin sıralamasını veya PageRank değerini yükseltmek üzere tasarlanmış bağlantı düzenlerine katılmayın. Özellikle web'deki spam göndericilere veya "kötü komşulara" bağlantı vermeyin; kendi sıralamanız bu bağlantılardan olumsuz yönde etkilenebilir.
•Sayfa göndermek, sıralamaları kontrol etmek ve benzeri amaçlar için yetkisiz bilgisayar programları kullanmayın. Bu tür programlar bilgisayar kaynaklarımızı tüketir ve Hizmet Şartlarımızı ihlal eder. Google, Google'a otomatik veya programlı sorgular gönderen WebPosition Gold™ gibi ürünlerin kullanılmasını önermez.
*Teknik kurallar-Özel Kurallar
•Gizli metin veya bağlantılardan kaçının.
•Gizleme veya gizli yönlendirmeler kullanmayın.
•Google'a otomatik sorgular göndermeyin.
•Alakasız anahtar kelimeler içeren sayfaları yüklemeyin.
•Çok sık yinelenen içeriğe sahip birden çok sayfa, alt alan veya alan oluşturmayın.
•Kimlik avı veya virüs, truva atı veya daha başka kötü amaçlı yazımlar yükleme gibi kötü davranışları olan sayfalar oluşturmayın.
•Yalnızca arama motorları için oluşturulmuş GİRİŞ sayfalarından veya çok az orijinal içeriği olan veya hiç olmayan bağlı programlar gibi ÇEREZ KESİCİ yaklaşımlardan kaçının.
•Siteniz bir bağlı programa katılırsa, sitenizin bu programa değer kattığından emin olun. Kullanıcılara öncelikle sitenizi ziyaret etmeleri için bir neden veren benzersiz ve alakalı içerik sağlayın. Sitenizin bu kurallara uygun olmadığına karar verirseniz, sitenizi bu kurallara uyacak şekilde değiştirebilir ve ardından sitenizi yeniden değerlendirilmek üzere gönderebilirsiniz.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

SEO (search Engine Optimize) Türkçesiyle Arama Motoru Optimizasyonudur. Yani arama motorlarının web sitemizi daha iyi taramasını sağlamak için yapılan bazı işlemlerdir. Seo bir çok etkenden oluşur, ama her zaman en önemli olan özgün içeriktir. Arama motoru (Google) özgün içeriğe her zaman ayrı bir önem verir. Arama motorlarının istediği birbirinden farklı içerikleri indexlemektir. Tabi ki her zaman yazılan içerik özgün olamaz. İşte böyle durumlarda SEO yapmanın önemi ortaya çıkar. Düzgün şekilde SEO yapılmış bir site, aynı içerikte yapılmamış bir sitenin önünde çıkabilir. Arama motorları sıralamayı belirlerken sadece SEO’ya bakmaz, içeriğin eklendiği tarih de çok önemli bir etkendir. Bazen SEO geri de tepebilir ve arama motoru sitenizi cezalandırabilir. Böyle bir cezalandırmaya gitme sebepleri arama motorunun güvenirliğini korumaya çalışmaktır.
*SEO için Önemli Etkenler

→ Site İçeriğinin Özgün Olması
Bu problemden kurtulmak için okuduğunuz bir yazıyı copy/paste yapmak yerine okuyup tekrardan yazmayı deneyebilirsiniz. Arama motorları yazıları bir insan gibi okuyup anlayamaz. Yazının içindeki kelimeleri kontrol ederler, sayılarını ve sıralamalarına bakarlar. Ama bir yazıyı okuyup anladığınız şekilde yeniden yazdığınız zaman aynı kelimeleri ve sıralamayı tutturamazsınız, dolayısı ile en fazla benzer içerik olarak algılar ve orjinal yazıyla aynı kategoriye koyar yazımızı. Burada dikkat edilmesi gereken husus şudur; Google bünyesinde oldukça zeki insanlar çalıştırıyor ve bu insanlar bütün zamanlarını bizlerin yapacağı uyanıklıkların önününü kapatmaya harcıyorlar. Yani kopya içeriği tanımak için birden çok farklı metodla bakıyorlar. Yazdığımız yazı orjinalden ne kadar farklı olursa yazımız o kadar değerli olur.
→ Sitemizin Kodlarının Hatasız Olması
Bildiğiniz gibi arama motorları her ne kadar insan gibi davranmaya çalışsalar da hala birer makina. Arama motorları sitemizde ne olduğunu anlamak için web üzerinde dolaşan robot programlara ihtiyaç duyarlar. Bu robotlara örümcek adını veriyorlar, sebebiyse aynı bir örümceğin ağı üzerinde dolaştığı gibi internette linkleri takip ederek dolaşmalarıdır. Sitemizdeki kodlamada hatalar olduğu zamansa o linki takip edemezler. Yapıları itibariyle bir çok hatayı görmezden gelebilirler. Ama inanın ki her hatalı kodun bir karşılığı vardır. Hatasız bir sitede çok daha rahat dolaşırlar, dolaştıkları linkleri de tersi bir şey ifade edilmediği sürece kendi indexine eklerler. Tahmin edeceğiniz gibi bu örümceklerin sonsuz bir dolaşım takip sayısı yoktur. Her site için belli bir sayıda dolaşma hakkı vardır. Her hata ile karşılaştığında dolaşma sayısı azalmış, daha az sayfaya bakabilmiş olur. Sayfalarımızın hatalı olup olmadığını W3.org sitesinden kotrol edebilirsiniz. Bu siteden sayfalarınızın xhtml ve css kodlarını kontrol edip gerekli hataları düzenleyebilirsiniz.
→ Kullanıcı Dostu Link Yapısı
Sitemizi ve sayfalarımızı hazırlarken dikkat etmemiz gereken bir konu da, linklerimizin yapısıdır. Bazı İçerik Yönetim Sistemleri adres satırımızı istediğimiz gibi düzenlemeye izin verirken bazıları vermez. Adres satırındaki anlamsız ifadeler bizlere ilerleyen zamanlarda bir çok sorun yaratabilirler. Bildiğiniz gibi Google arama sonuçlarında bize 4 satır yer ayırır. Bu 4 satırı nasıl kullanacağımız bize kalmıştır. Arama sonuçlarında yukarı sıralarda çıkmanın altın kuralı aranan kelimelerin bu 4 satırda ne kadar geçtiğiyle alakalıdır. Tabiki spam sayılmayacak şekilde. Benim deneyimlerime göre 4 satırda 3 yada 4 kere yeterlidir fazlası sorun olabilir.
Şimdi bir sonucu inceleyelim; 1.satır yazımızın başlığı. Yazımızın başlığında aranan kelimeler geçiyor mu? eğer geçmiyorsa listede çıkma ihtimalimiz oldukça düşük olacaktır, yani yazımızı yazarken başlıklara dikkat etmemiz gerekiyor. 2. ve 3. satır yazımızın kısa açıklaması, burada dikkat edilmesi gereken bir nokta aşırı derecede tekrar eden kelime olmaması. 4. satır bu maddeyi yazarken bahsettiğim kullanıcı dostu adresler. Bize kullanmamız için verilen bir satırı garip ve anlamsız ifadelerle doldurmak yerine anlamlı kelimeler olursa aranan kelimeleri bir kez daha geçirebileceğimiz bir satır kazanmış oluruz. Birde bahsetmek istediğim adres satırındaki soru işareti (?). Soru işareti o sayfanın el ile hazırlanmadığını kod tarafından oluşturulduğunu belli eder, arama motorları soru işaretine ön yargıyla bakarlar ve sayfamızı sanki otomatik oluşturulmuş, değersiz bir içerik olarak görebilirler.
→ Navigasyon
Sitemizdeki navigasyon (menü ve yönlendirme) sistemimizi ziyaretçilerimizin kolayca dolaşması için optimize etmemiz gerekmektedir. Bu düzenlemeler hem ziyaretçilerimize, hem de arama motorlarının daha rahat dolaşmasına yardımcı olurlar. Arama motorları da aynı ziyaretçiler gibi linkleri takip ederler. Arama motorlarını sayfalarımızda ne kadar rahat dolaştırırsak bize geri dönüşü o kadar iyi olur.
→ Meta Bilgileri
Son zamanlarda meta etiketleri eski değeri kalmamış gibi gösterilse de hala değerlidir. Meta etiketleriyle sayfamıza gelen google botuna sayfamız hakkındaki ilk bilgileri metalar verirler. Anasayfamız ve diğer sayfalarımız için farklı metalara ihtiyacımız vardır. Mesela meta etiketleriyle anasayfamızda bütün site hakkında açıklayıcı bilgiler verirken içerik sayfalarımızda ise sadece o sayfadaki içerik hakkında açıklamalarda bulunabiliriz. Meta description sayesinde yukarda anlattığım Google arama sonuçlarında 2.ve 3. satırlarda çıkan bilgileri kolayca düzenleyebiliriz. Örnek vermek gerekirse anasayfamız arama sonuçlarında çıkarken google arama sonuçlarında aranan kelimelerin geçtiği satırları bize gösterir. Biz ise sayfadaki o anda olan içerik yerine kelimelerini kendimiz in seçtiği bir metin gösterebiliriz.
→ Güncellenen İçerik
Google eski bilgiye değer verdiği gibi güncel içeriğe de ayrı bir önem verir. Güncellenmeyen bir site içeriği doğruda olsa bir süre sonra demode olmaya mahkumdur. Sitemizin ana sayfası güncellenen bir sayfa olduğu zaman google her sitemizi ziyaret ettiğinde farklı bir içerik görür ve bir daha gelmesi gerektiğini kendine söyler. Ama sabit bir anasayfa olursa, bir kaç kez geldikten sonra kendine bu sayfanın değişmediğini söyler ve enerjisini, vaktini güncellenen başka yerlere yönlendirir. Benzer bir durum içerik sayfalarımızda da vardır. İçeriklerimiz her güncellendiğinde google bu içeriği bir daha kontrol eder ve değişen sürümünü indexine ekler. Ama bir çok içeriği olan sitelerde her zaman bu içerikleri güncelleme yapamayız çünkü o kadar vaktimiz ve sabrımız olmaz. Bu durumda sürekli güncelenen bir içeriğe sahip olmanın en kolay yolu içeriğimize yorum yazılmasını sağlamaktır. Yazılan yorumlar da sayfamızın içeriğindendir ve google bot geldiğinde yorumları da sayfanın bir parçası olarak görür ve güncellendiğini bildirir. Bir başka önemli konu ise düzenli bir şekilde içerik eklemektir.
→ Sayfa Düzeni
Hazırladığınız sayfalarda yazı düzenine dikkat ediniz. Yazılarınızı kesinlikle dümdüz metin olarak eklemeyin. Yazıyı yazarken h1,h2,h3, p, bold, italik, gibi etiketlere mutlaka yer veriniz. Bu etiketler google’a bu sayfa hazırlanırken özen gösterildiğini belli eder. Google “düzenlenmiş bir yazı düz yazıdan daha doğrudur” gibi bir bakış açısına sahiptir. Bence haklıdır, eğer yazı kopya değilse zaten yazarken gerekli boşlukları başlıkları yapmışınızdır.
→ Resim ve Linklerin Alt Etiketleri
Sitenizdeki tüm resimlerin ve linklerin mutlaka alt etiketini doldurunuz. Bu sayede google resim aramalarında da üst sıralarda çıkarsınız ve gelen ziyaretçi sayınızda artış olur, ayrıca google için seo sayılacak bir yöntemdir. Eğerki her resimde uğraşamam diyorsanız o zaman resim dosyası adlarını mutlaka açıklayıcı ve konuyla alakalı seçin. Alt etiketi kadar olmasa da işinize yarayacaktır

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Web sitelerinde web tasarımı da web sayfasının içeriği de çok önemli olan unsurlardır. Web tasarımı ne kadar animasyonlarla süslenmiş, hareketli, şık ve güzel olursa olsun, içeriği zayıf olan bir web sitesi hiç bir zaman beklenen etkiyi yaratamaz. Oysa içerik bakımından zengin olan bir site, web tasarımı kötü de olsa başarılı olma şansı vardır. Tabi ki en optimum olanı hem güzel bir web tasarımı hem de içeriği doğru ve özgün hazırlanmış bir web sitesidir . Çok konu her zaman iyi değildir. Sitenizin fazla sayıda konudan bahsetmesi ve bu konularda hizmet veriyor olması, her zaman iyi olması anlamına gelmez. Farklı web sitelerinde de bulunan içerik ve kurguyu tekrarlamak yerine, daha farklı ve özgün içerik ile sitenizi doldurmaya özen gösterin, yada daha iyi bir içerik oluşturun.
Web Tasarım Firmasının maliyetleri gereksiz yere arttırmaması için nelere dikkat etmeli?
Her şeyden önce profesyonel bir web tasarım firmasını tercih edin. İlerleyen zamanlarda web sitenizde herhangi bir güncelleme veya revizyona ihtiyaç duyduğunuzda, karşınızda bulabileceğiniz bir şirket olursa, böyle bir soru işareti taşımıyor olacaksınızdır. Üstelik birçok profesyonel şirket, KOBİ’lere özel paketler çıkartarak, fiyatlarını ve servis hizmetlerini olabildiğince minimuma indirgemiş durumda. Bu şekilde karşınızda şirket olunca, sizinle olan ilişkisini bir kereye mahsus görmeyecek ve uzun vadeli bir ilişki adına, size ihtiyacınız olan modülleri, en uygun fiyatlara sunmaya çalışacak.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Tamamen flash web tasarımı animasyonları ile farklı ve etkileyici tasarımlar oluşturmaya imkan sağlamaktadır. Flash tasarımlar ilgi çekici ve keyifli sunumlarıyla daha çok ziyaretçi çekmekte ve beğenilmektedir Flash web sitesi basit bir anlatımla sitedeki görsel sunumun en üst düzeyde yapıldığı, animasyon, ses ve videoların birarada kullanılabildiği bir multimedya gösteridir. Adobe ve ya Macromedia Flash programı ile yapılmasından ötürü zaman içinde Flash site olarak adlandırılmıştır. Flash web siteleri tek sayfa üzerinde çalışır ve başka sayfaya yönlenme yapmazlar. Kesintisiz müzik ve sorunsuz video desteği verirler. Hareketli olduklarından daha çok ilgi çeker ve standart sayfalara göre etkileyici animasyonlar içerirler. Flash tasarımı genellikle Animasyon ve 3 boyutlu görsellik gerektiren tasarımlarıdır. Gerek Flash Action Script 3.0 gerekse action script 2.0 kodlama diliyle kodlanmaktadır. Günümüz teknolojisinde en çok tercih edilen tasarımlardan birisidir. Aslında Flash dışarıdan da veri alarak artık (php, asp, asp.net gibi) programlama dillerinden ve script dillerinden veri alabilmektedir. Dolayısıyla örneğin asp.net e veri veya sorgu göndererek veri tabanından flash uygulamalara bağlantı kurmak mümkün. Artık Flash ile hazırlanan web tasarımları da xhtml veya html web tasarımları gibi güncellenebilmektedir. Flash web tasarım çalışmaları arama motorları için negatif bir sonuç doğurmaktadır. Profesyonel web tasarım çalışmalarında Flash uygulamaların web sitesi içerisinde parçalar halinde kullanılması hem izleyiciyi hem de arama motorları açısından başarıya ulaşılacaktır

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

PageRank, Google'ın site sıralamasında kullandığı algoritmanın sonucu sitenize verdiği değeri gösteren basitleştirilmiş 0'dan 10'a kadar olan bir değerdir Bu değer genel olarak özgün bir içeriğe, sayfaya verilmiş bağlantılara ve bağlantı veren sayfaların kalitesine bağlı olarak değişir. Pagerank, değer olarak sitenizin Google tarafından arama sonuçlarında sıralanmasını ve Google tarayıcısının sitenizi kontrol etme sıklığını etkiler. TEKNOLOJİSİ
Google Arama motoru, Stanford'da doktora yapan iki öğrenci, Larry Page ve Sergey Brin tarafından 1998 yılında kurulduğunda, arama sonuçlarını patentli PageRank™ tekniği üzerine geliştirdiler. Bu yüzden PageRank™ patenti de Google'a değil Stanford Üniversitesi'ne aittir.
SAYFA DEĞERİ
Sayfa Değeri, sitenin doğal yapısına ve link içeriğine uygun olarak sitenin değerinin bir göstergesidir. Google, bir linki A sayfasından B sayfasına, B sayfası için A sayfasını kullanarak bağlar. Aynı zamanda sayfanın hakkının yenmemesi için bazı içerik analizleri de yapar. Kendisini "önemli" yapan kriterlerde iyi yerlerde olan bir site önem sıralamasında diğer sitelerin üzerine çıkacaktır. Yani bir sitenin Google Arama sonuçları sıralamadaki yeri onun için önemli olan birçok kriterlerin birleşimi sonucunda belirir.
Google, aynı zamanda spam amaçlı siteleri Google Ban ile cezalandırıp tüm indexlerini silerken, yeni açılan sitelerinde hızlı bir şekilde arama sonuçlarında yükselmesini engelleyen Google Sandbox sistemlerini de kullanmaktadır. Sandbox'a giren bir site 3-6 ay boyunca ne kadar iyi olursa olsun, Google tarafından denenir ve belirli bir sürenin sonunda arama sonuçlarında daha iyi bir yere getirilir.
Ancak site sıralamasını etkileyen tek parametre PageRank değildir. Site sıralamasını esasen "alakalılık" ve "önemlilik" değerlerini kombine etmeye çalışan Google algoritması için de Topic Sensitive Page Rank olarak tartışılan kavramın etkili olduğu düşünülmektedir.
GÜNCELLENMESİ
Pagerank değerleri anlık olarak güncellenir ve bu arama sonuçlarna yansır. Buna karşın görünebilir PageRank değeri 3 ayda bir güncellenir ve bu değer Google Toolbar'a da yansır. Fakat zaman zaman istisnalar olabilmekte, 3 aydan daha kısa sürede veya daha uzun sürede de güncellemeler yapılabilmektedir.
KULLANIMI
Arama sonuçlarında sitelerini daha iyi yerlere getirmek isteyen webmasterlar SEO teknikleri geliştirip sitelerinin PageRank değerini arttırmaya yönelmektedirler.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir. Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php ya da default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.
HTML’nin Yapısı
Daha öncede söylediğim gibi html dosyaları sadece düz yazı dosyalarıdır. HTML öğrenmesi oldukça basit ve yaratıcılığa fazla açık olmayan bir dildir. Basittir çünkü, internette gezinirken görüntülediğiniz sayfaların hazırlanırken kullanılan teknikleri öğrenmemiz mümkündür (Sayfanın üzerinde farenizin sağ tuşuna bastıktan sonra Kaynağı Görüntüle seçeneği ile). Beğendiğiniz tasarımları kendi sayfanızda kullanabilir, bu tasarımların hangi html kodları kullanılarak yapıldığını öğrenebilirsiniz. Yaratıcılığa fazla açık değil dedim çünkü html ile yazdığınız sayfalar PHP, ASP, ColdFusion, CGI... gibi web programlama dilleri kullanılmadan statik html dışına çıkamaz.
HTML kodlarını yazmak için özel bir düzenleyiciye ihtiyacınız yoktur. Bu iş için Windows altında NotePad ya da DOS-Edit, Linux altında pico, joe ya da vi gibi metin düzenleyicileri yeterlidir. HTML sayfalarınızı kod yazmaksızın FrontPage, Netscape Composer gibi programlarla da hazırlayabilirsiniz. Yalnız bu programlar kullanılarak hazırlanan sayfalar genellikle belli bir çerçeve içinde olduğu için zaten dar olan HTML’nin üreticilik alanını daha da daraltmaktadır. Bunun yanı sıra HTML’yi kod düzeyinde bilmenin kullanıcıya her zaman fayda getireceği de unutulmamalıdır.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Türkiye' de Web Tasarımı ve Web Programlama sektörü gün geçtikçe daha da büyüyor ve bu sektöre ilgi gitgide artıyor. Buna rağmen web tasarımı ve türkiye kelimeleri biraraya geldiğinde ortaya bir karmaşa çıkıyor. Maalesef Türkiye henüz web tasarımı ve web programlama konularında bir birliğe, bir kurumsallaşmaya gidemedi. Türkiye'de web tasarımı yapan firma ve kişilerin profiline bakıldığında Grafik tasarım ve iletişim, reklamcılık gibi bölümlerden mezun olan kişilerin açtıkları acentalar, ek iş yapabileceğini düşünen çalışanlar, bu işe hobi olarak başlamış ama kısa sürede kendini çok iyi webmaster zanneden amatörlerden oluşmaktadır. Web Tasarım sektöründeki firma ve kişi profilleri böyle olunca bu binleri aşan web tasarım uzmanları ortaya çok çarpık ve gecekondulaşmış bir kent gibi düzensiz bir tasarım alanı ortaya çıkartıyorlar. Tam siteye yeni eklentiler ekleneceği yada güncelleme yapılacağı sırada askere giden webmasterler, alan adını kendi üzerine alıp daha sonradan firmaya zorluk çıkaran uyanıklar, hazır script ve ya sitelerden web sitesi oluşturup programda ve ya tasarımda bir değişiklik istenince kitlenen sözde web programcıları yüzünden piyasa da maalesef web tasarım firmalarına karşı bir güvensizlik oluşmaktadır.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Statik web design; Görsel olarak iyi hazırlanmış ve çeşitli flash animasyonların entegre edildiği, ürün ve hizmet tanıtımlarının yapıldığı, kullanıcılara işiniz ve iletişim bilgileriniz hakkında bilgi veren, kendi kendinize güncelleyemeyeceğiniz sitelerdir. Bu tip sitelerde sizin siteyi yönetebileceğiniz bir admin paneli yoktur. Web sayfanızı sık sık güncellemeye ihtiyacınız yoksa web tasarımının statik yapıda olması daha avantajlıdır . Tasarımdaki ve içerikdeki güncelleme ve değişiklikleri web tasarım firmanıza güncelleme ücreti karşılığında yaptırabilirsiniz. Statik web siteleri ; Web tasarımı bilginiz olmadığı takdirde web tasarım firmasına bağımlı kalabileceğiniz bir site türüdür. Statik web tasarımı daha çok görsel programlarla hazırlanan sitelerdir. Programlama bilgisi gerektirmez. Bu yüzden maaliyeti daha düşüktür

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

İlk defa 2009 yılının Ağustos ayında bir güncelleme olarak haberdar olduğumuz Google Cafeine güncellemesi aslında Google'ın yapısında tam anlamıyla bütünsel bir değişiklik yaratacak bir yenilenmeymiş.
8 Haziran 2010 itibariyle Google kendisini baştan başa değiştireceğini düşündüğü ve buna göre tasarladığı Google Caffein ile indexleme ve sonuçları sıralama sistemini değiştiriyor.
Google indexleme ve sonuçlama ekosisteminin bir güncellemesi olarak ortaya çıkan, fakat aslında Google'a çok yeni bir pencere açan bu sistem üzerine henüz düne kadar bir çok spekülasyon vardı. 8 haziran da Google'ın resmi bloğundan resmi duyuru geldi.
En çok sorulan sorulardan biri Caffeine sisteminin ne gibi değişikliklere sebep olacağıydı. Bu ve benzeri sorulara aydınlık getiren duyuru Google Caffeine sisteminin yaklaşık olarak %50 oranda Google'a bir yenilenme getireceğini, sistemin indexleme ve sunum açısından değiştiğini içeriyor.
Google'ın Caffeine sisteminden önce indexleme ve sonuçları sunma şu şekilde gerçekleşiyordu:
Eski sistemde indexleme katmanlar şeklinde çalışıyordu.Bir katmanın yenilenmesi için önce botların tüm webi dolaşıp edindikleri bilgileri analiz etmek üzere veri tabanına taşıyorlardı. Burada analiz edilerek katmanlar şeklinde veritabanına indexlenen verilerle veritabanı yenileniyor ve sonuçlandırma işlemi gerçekleştiriliyordu, ki bu da indexlenme, verileri kullanıma hazır etme ve sonuçları sunma aşamasını oldukça uzatıyordu. Bu sebeple çok üzün süre indexlenmeyi bekleyen içeriklerde oluyordu.
Caffeine güncellemesi ile bu ekosystemi değiştiren Google bütün bu işlemleri çok daha hızlı bir şekilde gerçekleştirmeyi bekliyor. Caffeine sisteminde webdeki içeriklerin tamamı aynı anda değil , parçalar halinde güncellenecek. Önce küçük bir parça indexlenecek ve bu indexleme ile hemen arşiv güncellenecek. Küçük parçaları analiz edip bunları indexleyerek, indexlenenleri de hemen sonuçlara yansıtmaya başlayacak olan bu yeni sistemde, webde yeni bir içerik bulunduğu anda analiz, indexleme ve sunma aşaması gerçekleştirilecek. Bu da kullanıcıların aradıkları içeriklere hem çok daha hızlı ulaşabilmesini sağlayacak, hem de ulaştıkları bu bilgiler oldukça yeni olacak.
Caffeine sistemi indexlenme işine büyük bir yenilik getiriyor. Öyleki, Google Caffeine 'in her saniye yüzbinlerce işmei paralel olarak yapacağını söylüyor.

Google Caffeine
Caffeine sistemin sadece bir yenilenme olmasından daha öte Google'ın geleceğini oluşturacak. Web çok daha hızlı indexlenirken sonuçlarda o denli ziyaretçilere sunulacak.
Benim şahsi fikirlerimle bu değişimi yorumlayacak olursam: Google insanların ne istediğini çok iyi buluyor. İstediğimiz sonuçlara en hızlı şekilde ulamak aslında tek amacımız. Diğer bütün işler ikinci planda. İşte yine her zaman olduğu gibi kullanıcı (buradaki anlamıyla ziyaretçi) odaklı düşünen Google asıl işi olan sonuçları sunma görevini en iyi şekilde gerçekleştirmeye çalışıyor.
Bu güncelleme ile anlıyoruz ki, Google 'da bir şey arayan kişi bilgilere daha hızlı ulaşırkeni ulaştığı bilgilerde taze olacak. Peki bu durum websiteleri ve webmasterlar için nasıl bir etki yaratacak?
Şöyleki; Bu istem ile Facebok, Twitter gibi anlık içerik üreten siteler daha da ön plana çıkacak. Ama bu demek değildirki diğer siteler çıamayacak. Caffeine sistemi içeriğini sıkça güncelleyen web sitelerini arama sonuçlarında üstlere taşırken, içeriğini daha az güncelleyenleri ise aşağılara itmeye başlayacak.
Aslında Google bu sistem ile çok zekice bir adım atmış oluyor: Google bir arama motoru ve işi ise webdeki en güncel içeriği aramalara göre en doğru şekilde ziyaretçiye sunmak. Eğer webde içerik az olsaydı, ya da sürekli eski bilgileri ziyaretçilerine sunmak zorunda kalsaydı o zaman Google tutulmazdı. Anlıyoruz ki kurulduğu zamanlardan beri temel felsefesi işini am sadece işini iyi yapmak. (Başka servislere de girmiştir ama bu servisleri kendini işinde kanıtladıktan sonra başladı). Caffeine sisteminin yeni içeriği aradığını ve bunları hemen ziyaretçilere sunmaya başlayacağını düşünürsek bu işlem bir çok web yöneticisini daha çok e sık içerik üretmeye teşvik edecektir. Arama sonuçlarında daha yukarılara çıkmak için daha çok içerik üretilecek. Bu da Google'ın web yöneticilerini içerik ürtmeye teşvik ettiği anlamına geliyor. Webdeiçerik çoğaldıkça , Google'da bunu sundukça başarılarına başarı eklemeye devam edecektir. Yani bu değşim temelde teknik olarak Google sistemini değiştirse de beraberinde büyük amaçlar taşıyor.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Backlink ‘in en basit tanımı sitenize başka siteler tarafından link verilmesidir. İlk etapta basit bir tanım yapsamda, Backlink esasında çok daha kapsamlı bir konudur. Backlink ‘i detaylı anlatmadan önce biraz PageRank sisteminden bahsetmek istiyorum; PageRank, Wikipedia ‘nın tanımı ile Google ‘ın site sıralamasında kullandığı algoritmanın sonucu sitenize verdiği değeri gösteren basitleştirilmiş 0 ‘dan 10 ‘a kadar olan bir değerdir. Bu değer genel olarak özgün bir içeriğe, sayfaya verilmiş bağlantılara ve bağlantı veren sayfaların kalitesine bağlı olarak değişir. Pagerank, değer olarak sitenizin Google tarafından arama sonuçlarında sıralanmasını ve Google tarayıcısının sitenizi kontrol etme sıklığını etkiler.
Şimdi Backlink konumuza devam edelim. Yukarıda da bahsettiğim gibi PageRank sistemi sayesinde bütün sitelerin, 0 ila 10 arasında bir PR puanı vardır. Örneğin facebook, yahoo, e-bay ve tabiki google gibi siteler 10 puana sahip yüksek PR siteleridir. Sitenize gelen linklere hangi PageRank puanına sahip siteden geldiği çok önemlidir. aslında mantık çok açıktır, örneğin sizin sitenizin PageRank puanı 2 diyelim ve PagaRank puanı 5 olan bir siteden backlink alıdınız, arama motoru bu durumu söyle değerlendiriyor; bu siteye PR puanı 5 olan bir site link verdiğine göre demek ki bu sitede bir cevher var diyor ve sizin sitenize daha olumlu bir gözle bakıyor. Bu hem arama motorlarında daha yüksek sıralarda çıkmanıza hemde sizinde PagaRank puanınızın artmasına etkisi oluyor. Tabi PageRank için bir çok kıriter var.
Backlink sistemi tıplı gerçek hayatınız da çevrenizin ne kadar geniş yada nitelikli yakınlarınızın olmasına benzetebilirsiniz. Gerçek hayatla Banklink sistemini harmanlayıp bir örnek vermek gerekirse çok zengin ve saygın arkadaşlarınız var ve backlink vererek sizi değer kişilere (sitelere) tavsiye ediyor gibi düşünebilirsiniz. Az sayıda Yüksek PagaRank puanına sahip sitelerden Backlink almak, çok sayıda Düşük PageRank puanına sahip siteden Backlink almaktan çok daha etkilidir.
Örneğin : PR puanı 0 olan 100 adet siteden Backlink almak ile PageRank puanı 4 olan tek 1 siteden link almak birbirine eşdeğerdir.
Bir diğer kriter ise içerik bütünlüğü yani diyelim ki sizin sağlık bilgileri veren siteniz var ve PageRank puanı yüksek bir diğer sağlık sitesi size Baclink veriyorsa bu durumu arama motorları söyle değerlendirir. Aynı ziyaretçi kitlesine hitap eden başka bir siteye link verdiğine göre bu site de özgün içerik var ve büyük siteler tarafından tavsiye ediliyor düşüncesi ile puan artar, google ve diğer arama motorlarında üst sıralarda yerini alır.

Backlink ‘ın Faydalarını şöyle sıralaya biliriz ;
• Google ve diğer arama motorlarında üst sıralarda çıkarsınız.
• PageRank Puanınızın artmasına etki eder.
• Eğer siteniz bir ziyaretçi tarafından googla şikayet edilirse, google sitenize daha fazla güvenir ve en ufak bir şikayette sitenizi banlamaz.
• Google sitenizi daha sık aralıklarla indexler ve bu sayede yeni eklenen bir içerik kısa sürede arama motorlarında yeralır.
Backlink ‘in zararı varmıdır?
Aslında hayır, eğer sitemi kimse ziyaret etmemesin demiyorsanız hiçbir zararı yoktur. Fakat dikat edilmesi gereken birkaç ayrıntı var.
• Eğer bir siteden Nofollow link alırsanız, bu durum sitenizi olumsuz yönde etkileyecektir.
• Bir diğer önemli ayrıntı ise diyelim ki; siteniz düşük bir PageRank puanına sahip ve biranda birçok PageRank puanı yüksek siteden Backlink alıyor. Böyle bir durumda google bir anormallik olduğunu anlıyor ve sitenizi banlayabiliyor.
Sitenizi yüksek PageRank dizin sitelerine kaydetmeniz için belli aralıklarla bazı siteleri ve linkinizi nasıl ekleyeceğinizi sizlere açıklayacağım ama size tavsiyem, bir üst satırda da bahsettiğim gibi sitenizi biranda tüm sitelere eklemek yerine belli aralıklarla eklemenizdir.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Para kazanmak Türkiye’de genelde anlık zaman modeli şeklinde yapıldığı için uzun vadede para kazanma fikirleri çok ender görülüyor.
Önemli olan odaklı ziyaretçi kitlesine hitap edebilmek, bu kitleyi bir servis ve hizmet anlayışı ile uzun vadede değerlendirebilmek. Buda iyi bir kaliteli anlayışı gerektirir.
Bir web sitesini kalitesiz yapan kriterleri ise genel olarak düşünürsek buda eksik vizyon anlayışıdır.
Web sitelerinde vizyon eksikliği o sitenin bir çok veya tüm kriterlerde yetersiz olduğunu gösterir.
Bu kriterler genel olarak görselliğin kötü ve erişilebilirliğin yetersiz olması, hizmet anlayışı eksikliği ve ziyaretçiyi değerlendirememe gibi kriterlerdir.
Her şeyden önce bir web sitesinin amacı insanlara katkıda bulunabilecek bir amaç içermelidir.
Bir web sitesinde sadece para kazanmaya odaklanılmış ve insanlara bir katkı sağlanamıyorsa o web sitesinin geleceği de fazla uzun değildir.
Çünkü daha uzun vadede kazanç isteniyorsa sitenin sürekliliğini sağlayacak kalite ortamı yaratılmalıdır.
Süreklilik ise plan ve proje gerektiren bir iştir.
Eğer bir web sitesinin ziyaretçilere hitap tarzı kaliteli değilse, görsellik, erişilebilirlik ve kullanılabilirlik kriterlerinden yoksun sadece para kazanmaya odaklanmış ve ziyaretçilerine sadece kendi para kazanabileceği kaynakları gösteriyor ise vizyon eksikliği var demektir.
Web sitenizin yeterli kalite seviyesinde olabilmesi için yukarıda bahsettiğimiz görsellik, erişilebilirlik, kullanılabilirlik vb. gibi web standarlarında iyi derecede yapılandırılmış olması gerekir.
Web siteniz bu sayede yeterli kalite standartlarına ulaşabilir.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Görsellik projeyi yansıtan kriterdir. Bu nedenle can alıcıdır.
Önemli olan sadece kullanıcının gözünde hoş gözükmesi değil görselliğin projenin havasını da yansıtabilmesidir.
Örneğin bir güzellik sitesi sahibi iseniz ama web siteniz bir otomobil sitesine benziyor ise proje orada ölmüş demektir.
Çünkü web siteniz dinamik olarak yeterli olsa bile görsel açıdan kendini ifade edemeyecektir.
Bundan kurtulmak için proje üretirken projenin havasını da hissederek görselliğe yansıtmalısınız.
Her sektördeki görsellik anlayışı değişebilir.
Örneğin turizm sektörünü ele alalım.
Dizaynın iskeleti olarak yukarıda üst kısım, sol ve sağ sütunlar ve orta kısım şeklinde bir web sitemiz olsun.
Üst kısma bir giriş resmi, sol ve sağ kısımlara menüler ve haber/anket gibi dinamik eklentiler, orta kısma resimler ve içerik yerleştirelim.
Standart olarak bir web sitesi meydana geldi. Ancak burada böyle bir tasarım ölü bir projeden başka hiçbir şeyi yansıtmıyor.
Çünkü çalıştığınız sektör beyni değil kalbi fetih etmeye odaklanmış bir sektör. Renkler çok can alıcı olduğu kadar dizaynda tatile gitmek isteyebilecek bir kişinin içindeki tatil ruhunu canlandırmalı.
Tasarıma daha ilk baktığı anda “ben buraya gitmek istiyorum” diye içinden haykırabilmeli ve kendisini dizayndaki konseptte hissetmeli.
Fontlar, resimler içeriğin az ve öz olması, destinasyonun havasının sitede hissedilebilmesi vb. gibi şeyler çok önemlidir. Aynı şeyler inşaat, otomobil ve her sektör için geçerlidir.
Hiçbir web sitesinin anlamı yukarıdaki gibi üst kısım, sol / sağ sütunlar ve orta kısımdan ibaret değildir. Size bir tasarım/şablon gösterildiğinde onu sadece birweb sitesini ifade ettiği için beğenmemelisiniz.
Burada görsellik tamamı ile tasarımcının sanatçılık ruhunu görselliğe kattığı bir iştir. Tasarıma ruh katmak büyük bir incelik gerektirir. Yapılanweb sitesi mutlaka kullanıcıya iyi bir şeyler hissettirmelidir.
Bunlara ek olarak web sitesinin daha hızlı açılması hedeflenmiş ise görsellik arka planda olabilir. Ön planda renkler ve stiller gösterilebilir.
Görselliğin daha az olması ve flash gibi eklentilerin çok az kullanılması web sitesinin daha hızlı açılmasını ve sade görünmesini sağlayacaktır.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Bir web site aslında bir pazarlama aracıdır; şirketleri, ürünleri ve servisleri temsil eder, aynı zamanda şirket karakterinin, düşünce tarzının ve felsefesinin bir yansıması gibidir. Bu, sade bir web sitesinin taşıyabileceğinden daha ağır bir yüktür, fakat dozunu iyi ayarlamak gerekir. Büyük şirketler ürünlerinin kalıcı olması ve ambalajlanması gibi konularda kusursuz renklere ulaşmak amacıyla milyon dolarlar ödüyorlar. Çünkü renklerin doğru kullanımı, ürünlerin satışlarını kesin bir ölçüde etkilemekte ve artırmaktadır. Bu kuralın aynının web siteleri için de geçerli olduğunu bilmemiz gerekiyor.
Renkler kişilerin tercihlerini psikolojik ve fizyolojik olarak önemli ölçüde etkilemektedir. Sitenizin renk düzeni çarpıcı bir izlenim uyandırabilir, muhtemel başarınıza pozitif veya negatif bir katkıda bulunabilir. Renk seçimi web site tasarımında çok önemli bir unsurdur. Bir web sitede renklerin tasarımı grafiklerinin ve ara yüzünün tasarımı kadar mühimdir.
Web Tasarımında Renkler ve Etkileri
Bir ziyaretçi sitenize geldiği zaman, 8-10 saniye civarında sitenin görselliğine yoğunlaşır ve sonra bir müşteriye dönüşür. Madem ki, renkler hislerimize hitap ediyor, algılamalarımızı ve etkileşimimizi yoğunlaştırıyor, o halde kişiye kendini iyi hissettiren, rahatlatıcı, tatmin edici ve güven veren renkler kullanmamız gerekiyor. Bu durumda web sitenizin renklerini seçmeden önce, renklerin ve etkilerinin temel olarak ne ifade ettiğini bilmek büyük önem kazanıyor.
Ilık Renkler
Ilık renkler sarı, turuncu, kahverengi, sarı-yeşil ve turuncu-kırmızı renklerden oluşur. Ilık renkler girişkenliğe ve heyecana yöneltmeye meyillidir. Küçük oranlarda kullanılması iyi bir etki bırakır.
Soğuk Renkler
Soğuk renkler mavi, yeşil, pembe, mor, mavi-yeşil, magenta ve mavi-kırmızı renklerden oluşur. Soğuk renkler sakinleştirici ve yatıştırıcı renklerdir ve çok kullanılırlar.
Arabulucu Renkler
Mor ve yeşil, soğuk ile ılık renkler için arabulucu renklerdir. Bu da kırmızı ya da sarının mavi değeri ile yakınlık değerine bağlıdır. Eğer renk az miktarda mavi ton içeriyorsa ılık bir renktir, eğer fazla mavi varsa soğuk renkler bölümüne dâhil olur.
Nötr Renkler
Nötr renkler beyaz, siyah, gri ve büyük değerde gri içeren renklerdir. Nötr renkler arka planlar ve ılık renklerin etkilerini artırmak için idealdir.
Çoklu Renkler
Çok renkli siteler ziyaretçilerin en az zaman harcadığı sitelerdir, dolayısıyla ılık ve soğuk renklerin karışımı kullanıcılara her zaman itici gelecektir. Böyle siteler çoğunlukla tıka basa doldurulmuş ve karman çorman sitelerdir. Bu durumda en iyi çözüm, bir çift renk seçmek ve genel tasarımda onlara bağlı kalmak olacaktır.
Renk Uyumu
Aşırı derecede fazla renk huzursuz edicidir ve karmaşıklığa neden olur. Buna karşın çok az renk kullanmak da can sıkıcı bir görünüm arz edebilir. En iyisi dengeli bir kullanımdır. Yapılacak en güzel seçim bir sayfada birkaç farklı renk kullanmaktır. Aşırı fazla renk değerleri ve karıştırılmış renkler kullanmaktan kaçınmalı, ılık ve soğuk renkleri rahatsız etmeyecek şekilde kullanmalıdır.
Bilgisayar Renk Görünümü Bilgisayar monitörleri renkleri kırmızı, yeşil ve mavinin farklı tonlarını kullanarak yansıtır, bu renklere kısaca RGB denir. Bu kısaltma, Red (kırmızı), green (yeşil) ve blue (mavi) renklerin baş harflerinden oluşur. Bu durum renklerin karıştırılmış halidir, çünkü aynı değerlerdeki kırmızı, yeşil ve mavi ışık, beyaz ışığa eklenir. Diğer bütün renkler RGB renk değerlerinin karışımı ile ekranda görüntülenirler. Fakat RBG renkler baskıda, yani matbaada kullanılan CMYK renklerden tamamen farklıdır ve böyle olması da zorunludur.
Web Renkleri Web'te en çok rastlanan sorunlardan biri de, renklerin web sitelerinde doğru ve dengeli bir şekilde bütüne yayılamamasıdır. Bunun sebebi renk derinliğine, yani bilgisayarın görüntülemede zorluk çekeceği türden bir renk kullanılmasından kaynaklanır. Bu tür sorunlar ziyaretçinin sitede fazla kalmasını engelleyecektir. Bu sorunu resim düzenleyicinizin (Photoshop veya Fireworks gibi) renk optimizasyonu desteğiyle çözebilirsiniz.
Mac OS, Unix, Linux ve Windows platformlarında renklerin nasıl göründüğü de ayrıca büyük önem taşır. Bilgisayarlar milyonlarca renk görünümü sağlasalar bile aşırı derecede renk ve renk tonları tarayıcılar açısından sorun oluşturabilir. Bu nedenle belli renkler kullanılarak hem küçük dosya boyutları elde edilebilir, hem de hızlı yüklenme imkânı sağlanabilir.
Yazı Renkleri Yazı ve arka plan seçiminde son derece ciddi olmak lazımdır. Ne pahasına olursa olsun, okunabilirlik muhafaza edilmelidir. Eğer yazı açık renkse, arka plan koyu renk olmalıdır. Siyah ve beyaz her zaman iyi bir kombinasyondur, önemli kısımları belirtmek içinse kırmızı ve mavi sık sık kullanılır. Ilık renge sahip olan yazı için, arka plan olarak siyah rengi kullanmaktan kaçınmak lazım. Belki yazıyı daha iyi gösterdiğini düşünebilirsiniz, ama ziyaretçiler açısından pek hoş karşılanmayacaktır.
Renk Tablosu
Birçok milletten insanla karşılaşacağınız bir ortamda renklerin anlamını bilmek size çok büyük avantajlar sağlayacaktır.
Mavi: Barışı, sükûneti, sakinliği, sağlamlığı, uyumu, birliği, güveni ve inancı temsil eder. Çin'de mavi ölümsüzlükle ilişkilendirilmiştir. Kolombiya'da mavi renk sabunu temsil eder. Hindistan'da mavi renk, Krişna'nın (*1) rengidir. Orta Asya'da mavi koruyucu bir renktir.
Siyah: Gücü, kültürü, resmiyeti, zarafeti, anonimliği, mutsuzluğu, zenginliği, gizemi, korkuyu, kötülük gibi ifadeleri temsil eder. Çoğu yerde siyah renk, yas tutma rengi olarak kullanılır.
Yeşil: Tabiatı, sağlığı, iyi şansı, yeniliği, gençliği, enerjiyi, baharı, cömertliği, bereketi, kıskançlığı temsil eder. Yeşil, İslam dininin sembolü haline gelmiş bir renktir. İrlanda'da Katolikler için dini bir anlam ifade eder. Bazı tropikal şehirlerde tehlike anlamında kullanılır.
Turuncu: Enerjiyi, dengeyi, sıcaklığı, hevesi, coşkuluğu, gösterişi temsil eder. İrlanda'da Protestanların kullandığı dini bir renktir.
Mor: Kraliyeti, hükümdarlığı, ruhaniliği, asaleti, resmiyeti, gizemi, dönüşümü, bilgeliği ve ilmi temsil eder.
Kırmızı: Aşkı, tehlikeyi, arzu ve hevesleri, hızı, gücü, şiddeti, öfkeyi ve kanı temsil eder. Çin'de kırmızı renk kutlamalarda ve şanslı anlarda kullanılır. Bazı yerlerde ise cenaze törenlerinden evlenme törenlerine kadar bir dizi yerde kullanılmaktadır. Hindistan'da kırmızı temizliği sembolize eder ve evlenme esnasında kullanılan araç gereçler çoğunlukla kırmızı olur.
Beyaz: Saflığı, temizliği, sadeliği, barışı, tevazuyu, masumiyeti, doğumu, gençliği, iyiliği ve evliliği simgeler. Japonya'da beyaz karanfil ölümü simgeler. Doğu kültürlerinde beyaz renk soğukluk ve verimsizliği fade eder. Amerika'da ise bekâreti temsil eder.
: Neşeyi, mutluluğu, iyimserliği, idealistliği, hayal gücünü, umudu, güneş ışığını ve korkaklığı temsil eder. Asya'da sarı renk kutsal bir renktir ve imparatora özgüdür.
Renkler güçlü iletişim araçlarıdır, küçümsenmeyecek derecede etkilidirler ve ilk sırada gelirler. Sitenizin ilk etkisi renklerle olur. İlk girildiğinde akılda kalıcılığı, sitenizi gezerken insanlara verebileceğiniz duygu sitenizin renklerinde gizlidir.

*(1) Krişna: Yaygın Hint geleneğine göre Vişnu'nun sekizinci avatarıdır. Gaudiya Vaişnavizm'de En üstün Kişilik yani Tanrı olarak görülmüş ve böylece onun diğer tüm enkarnasyonların temeli olduğuna inanılmıştır.

Kaynaklar: Vishal Verma, "The Importance Of Color In Web Designing

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Para kazanmak Türkiye’de genelde anlık zaman modeli şeklinde yapıldığı için uzun vadede para kazanma fikirleri çok ender görülüyor. Önemli olan odaklı ziyaretçi kitlesine hitap edebilmek, bu kitleyi bir servis ve hizmet anlayışı ile uzun vadede değerlendirebilmek. Buda iyi bir kaliteli anlayışı gerektirir. Bir web sitesini kalitesiz yapan kriterleri ise genel olarak düşünürsek buda eksik vizyon anlayışıdır. Web sitelerinde vizyon eksikliği o sitenin bir çok veya tüm kriterlerde yetersiz olduğunu gösterir. Bu kriterler genel olarak görselliğin kötü ve erişilebilirliğin yetersiz olması, hizmet anlayışı eksikliği ve ziyaretçiyi değerlendirememe gibi kriterlerdir. Her şeyden önce bir web sitesinin amacı insanlara katkıda bulunabilecek bir amaç içermelidir. Bir web sitesinde sadece para kazanmaya odaklanılmış ve insanlara bir katkı sağlanamıyorsa o web sitesinin geleceği de fazla uzun değildir. Çünkü daha uzun vadede kazanç isteniyorsa sitenin sürekliliğini sağlayacak kalite ortamı yaratılmalıdır. Süreklilik ise plan ve proje gerektiren bir iştir. Eğer bir web sitesinin ziyaretçilere hitap tarzı kaliteli değilse, görsellik, erişilebilirlik ve kullanılabilirlik kriterlerinden yoksun sadece para kazanmaya odaklanmış ve ziyaretçilerine sadece kendi para kazanabileceği kaynakları gösteriyor ise vizyon eksikliği var demektir. Web sitenizin yeterli kalite seviyesinde olabilmesi için yukarıda bahsettiğimiz görsellik, erişilebilirlik, kullanılabilirlik vb. gibi web standarlarında iyi derecede yapılandırılmış olması gerekir. Web siteniz bu sayede yeterli kalite standartlarına ulaşabilir.


Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

HTML5, html dilinin en son sürümüdür. Modern web uygulamaları geliştirmek için yeni eklentiler ve özellikler sunar. HTML5; html dili için yeni stratejiler ve hedefler ortaya koyan ve farklı web tarayıcıları için standardizasyonu amaçlayan yeni nesil bir sürüm olarak karşımıza çıkmaktadır. HTML5 ile html dilinin işlevselliği, programlama ve sunum gücü artmıştır. HTML5′e yeni eklenen yapısal elemanlar sayesinde fazla kod yazmadan sitenizin görsel tasarımını yapabilir, JavaScript ve CSS3 teknolojilerini daha etkin bir şekilde kullanabilirsiniz. HTML5 tasarımcıların web sayfalarında zengin medya içerikleri kullanmalarına ve interaktif web uygulamaları geliştirebilmelerine olanak sağlayan yeni elemanlar, özellikler ve teknolojiler barındırır.
HTML5 içinde bulunan tüm teknolojiler aslında HTML5 ile beraber yeni oluşturulan ve duyurulan teknolojiler değildir. W3C tarafından önceden oluşturulmuş ve modern web tarayıcıları tarafından kısmen desteklenen bir takım teknolojilerde (Örneğin; SVG-Scalable Vector Graphic) HTML5 içerisine dahil edilmiştir.
W3C, HTML5 dilini geliştirmeye devam etmekdetir bu açıdan ilerleyen zaman dilimlerinde dile yeni eklentilerin olması muhtemeldir. Ayarıca HTML5 dilinin diğer bir avantajı da, HTML dili içinde bulunmayan fakat HTML5′in duyurulması (kullanılması) ile beraber etkinliği (önemi) artan (artacak olan) diğer teknolojilerin de modern web tarayıcıları tarafından desteklenmeye başlamasıdır.
Kısaca HTML5 dilini şöyle özetleyebiliriz
• Sadeleştirilmiş, düzeltilmiş HTML4 ve XHTML dillerinin son sürümüdür.
• Daha fazla yapısal elemana, form elemanlarına ve yeni özelliklere sahiptir.
• Gelişmiş multimedia desteği sunmaktadır.
• İçerisinde yeni teknolojiler barındırır ya da önceden var olan teknolojilerin kullanımını sağlar.
• JavaScript ve CSS3 teknolojilerini daha etkili bir şekilde kullanmamızı sağlar.

Freelance Web Tasarım

Okulu bitirdiniz. Artık part-time işlerden uzaklaşmanın ve belki de kendi işinizin başına geçmenin zamanı geldi. Kendi işiniz derken, kepenkli-kasalı dükkan açmaktan değil Freelance Web Tasarım dünyasından bahsediyorum elbette.
Bu yazı ile Freelance Web Tasarım kariyeri planlayanlar için birkaç noktaya dikkat çekmeye çalışacağım.
Freelance Web Tasarımcısı kimdir?

Sanatsal uğraşların çoğunda olduğu gibi, yaratıcılık ve özgün bakış açısı gerektiren Freelance Web Tasarımın temelleri, yeni bir sanat dalı olan grafik tasarıma dayanmaktadır.

Yani, her tasarımcı gibi Freelance Web Tasarımı ile uğraşan kişi de renk paletleri, fontlar, görseller ve animasyonlar arasında kendini kaybeden, kendini kaybettiği ölçüde özgün arayüzler tasarlayan ve dah önceden belirlediği amaca uygun bir takım işler ortaya çıkaran bir sanatçıdır aslında. Yoğun bir kafa patlatmanın, uygun araçları doğru kullanmanın ve uzun saatlerin sonunda ortaya çıkan şey estetik bir tasarım da olabilir bir çöp yığını da…

Freelance Web Tasarımcı nasıl ve nerede iş bulabilir?

Aslında, adında da geçtiği üzere iş bulma-iş olanağı yaratma konusunda Freelance Web Tasarımcı tamamen özgürdür. Yaratıcılığa dayanan bir iş yaptıkları, kendi işlerini evlerinin huzurlu ortamından yönettikleri için motivasyonu oldukça sağlam olan Freelance Web Tasarımcılar, grafikerlik yeteneklerini de kullanarak çeşitli alanlarda iş bulabilirler.

Freelance Web Tasarımcısının iş alanları şöyle sıralanabilir: Kurumsal web siteleri, e-ticaret platformları, bireysel siteler, bloglar… Kısacası web üzerinde arayüz tasarımı gerektiren her alanda çalışabilirler.

Freelance Web Tasarımcı için nasıl bir eğitim altyapısı gereklidir?

Freelance Web Tasarım işinde diplomadan, belgelerden daha önemli olan yetenek ve yaratıcı potansiyeldir. Bu iş için gerekli yeterlilikleri şöyle sıralayabiliriz:

- Grafik tasarım programlarına ve çeşitli tasarım yazılımlarına yatkınlık,
- Problem çözme yeteneği, yaratıcı bir bakış açısı ve gelişmiş iletişim becerileri,
- Web tasarım ile ilgli güncel gelişmeleri takip etmek, tasarım ile ilgili her konuda fikir sahibi olabilmek ve vizyonu geliştirmek,
- Çalışmalarınızı içeren bir portfolyo hazırlamak,
- 2-3 yıllık bir deneyim ve bolca sabır.

Uzaktan bakıldığında, parlak ve ihtişamlı görünen Freelance Web Tasarım işi aslında bir o kadar emek isteyen zorlu bir meslek dalıdır. Ancak günün sonunda sıfırdan yarattığınız bir işin karşısında duyacağınız haz çok farklı olacaktır.

Günümüzde web tasarım hafife alınacak bir şey değildir. Artık alış veriş ve ticaretin çok büyük bir bölümü internet ortamına yönelmiştir. İnsanların çoğu zaman ve fiyat bakımından internet’ten alış veriş yapmayı tercih etmektedir. Herhangi bir konuda bir hizmete ihtiyaç duyduğunda ilk baktığı yer internet olmaktadır. Örneğin evinde kombisi bozulan bir kişi çıkıp sokakta kombici arayacak değildir, Popüler arama motoru Google‘a girerek “Kombi Teknik Servis” tarzında bir arama yaparak ilk çıkan sonuçlardan istediği bir firmayla iletişime geçerek sorununu gidermektedir. Burada da devreye günümüzün en önemli internet işlerinden biri olan SEO yani Arama Motoru Optimizasyonu girmektedir. Çünkü hedeflediğiniz kelimede 4. yada 5. sayfada çıkmanız sizi hiçbir yarar sağlamaz ama ilk sayfa ve hatta ilk 3′te olmanızın size büyük yararı dokunacaktır.

• Konuyu Seçmek
Web Sitesi yaptırırken ilk yapmanız gereken sitenin net olarak konusunu seçmektir. İyice düşündükten sonra sitenizin ana konusunu ve ne gibi içerikler olacağını düşünerek aklınızda netleştirmeniz gerekir. Bu aşamada yazboz kullanarak ufak tefek notlar almanızı öneririm.

• Alan Adını Belirlemek (Domain)
Bu aşama çok önemlidir. Alacağını isim akılda kolay kalan, fazla uzun olmayan ve mümkünse jenerik domain olmalıdır. Çeşitli isimler düşünerek whois.com.tr sitesinden bu isimleri sorgulayarak boş olup olmadığını denetleyebilirsiniz. Boş olan domainleri not olarak en sonunda içlerinden birine karar vermeniz gerekecektir.

• Kullanacağınız Barındırma Firmasını Seçmek
Unutulmamalıdır ki insanların sitenize girdiğinde sitenizin açılmaması, sürekli erişim sorunları ile karşılaşmaları sizin için çok büyük itibar ve ziyaretçi kaybı olacaktır, onun için firmayı seçerken çok dikkatli olmanız gerekmektedir. Barınacağınız server’ın Türkiye Lokasyonlu olması erişim süresi açısından büyük bir olumlu etki yaratacaktır. Çeşitli Host, reseller, vds ve server almak için iletişim bölümünden formu doldurarak benimle iletişime geçebilirsiniz.

• Sitenizin Şablon Tasarımına Karar Vermek
Sitenizin içeriğine göre bir şablon ve tasarım belirlemeniz gerekmektedir. Yerine göre sade, yerine göre ise gösterişli tasarımlar kullanmanız gerekebilir. Kişisel blog tutup bunun üzerinden para kazanmak istiyorsanız, reklam yerleşimlerinin uygun olacağı sade ve temiz görünümlü bir tasarım seçmeniz yerinde olacaktır. Yada tek bir ürün satan bir site açacaksanız son derece gösterişli ve şık bir site açabilirsiniz. Yeni site yaptırmaya kararlıysanız ve profesyonel bir şekilde Web Tasarım hizmeti almak istiyorsanız iletişim bölümündeki formu doldurup yollayarak bütçenize göre bir plan çıkartılmasını isteyebilir yada direk olarak iletişim bölümündeki cep telefonundan arayarak bana ulaşabilirsiniz.

Web sayfası hazırlatırken ya da kendiniz hazırlamaya karar verdiğinizde karşılaşabileceğiniz bazı teknik terim ve kısaltmalar.
Sayfa Dilleri
HTML Zengin Metin İşaret Dili (İngilizce: Hyper Text Markup Language)Web sayfalarının hammaddesi diyebiliriz. Web sayfalarını oluşturan metinlerini, resim veya video gibi grafiklerin sayfa düzeninde oluşturulması ve birbirleriyle bağlantılarının oluşturulmasını sağlar.
XHTML
XHTML, ingilizce Extensible HyperText Markup Language türkçe Geliştirilebilir Büyütülmüş Metin İşaretleme Dili olarak adlandırılan metin işaretleme dilidir. XML standartlarının HTML ile birleştirilerek yaygın olarak kullanılan Internet Explorer, Firefox ve Opera gibi taraycılarda standartların getirilmesi sağlanmıştır.
XML
Genişletilebilir İşaretleme Dili inglizce eXtensible Markup Language olarak kelimelerinin kısaltılmışıdır. Gerek bilgisayarlar gerekse insanlar tarafından kolayca okuması sağlanabilecek dökümanlar oluşturmak amacıyla hazırlanmıştır.
CSS
Cascading Style Sheets kelimelerinin başharflerinden oluşan CSS,bir stil dilidir.HTML ya da XHTML belgelerinin görsel olarak görüntülenmesinde renk, boyut, yazı tipi vb. tanımalar için kullanılır.
FLASH
Macromedia'nın web standardı haline getirdiği, Adobe firmasının Macromedia'yı satın almasından sonra Adobe Flash olarak devam eden Flash, web sayfalarına yaygın olarak kullanılan animasyon teknolojisine verilen addır. Resim Formatları
JPG / JPEG
Bilgisayar ortamında yaygın olarak kullanılan fotoğraf sıkıştırma teknolojisine verilen addır. Resim dosyalarında .JPG olarak karşımıza çıkan bu teknoloji ile resim boyutlarında önemli küçülme sağlanarak bilgisayarda daha az yer kaplaması sağlanır.
GIF
JPG gibi diğer bir sıkıştırma formatı GIF 'in ingilizce açılımı Graphics Interchange Format. Özellile web ortamında resimlerin kullanımında önemli bir ağırlığı olan GIF daha çok bilgisayar grafiklerinin sıkıştırılmasında yaygın olarakkullanılır.
BMP
Bitmap olarak adlandırılan bu resim formatı Microsoft Windows ve IBM OS/2 işletim sistemlerinde yaygın olarak kullanılmaktadır. BMP formatındaki grafik ve resimler GIF ve JPG resimlere göre daha çok yer kaplar.
PNG
Portable Network Graphics (PNG) ise bitmap resim formatını sıkıştırma teknolojilerinde veri kaybı olamadan kullanır. PNG daha çok GIF resim formatının yerine geçen bir standarttır. Günümüzdeki tarayacılarda hemen hemen standart haline gelmiştir.
PSD
Adobe firmasının Photoshop dosya formatı olan PSD, web sayfalarında kullanılan yukarıdaki grafiklerin oluşturulması için kullanılır diyebiliriz. Ayrıca PSD formatı grafik tasarım yapan hemen hemen her grafikerin çalıştığı temel dosyadır.
Programlama ve Veritabanı PHP
PHP bir bilgisayar programlama dilidir. Dinamik yani değişken web sayfalarının oluşturulmasında yaygın olarak kullanılır.
ASP / ASP.NET
Active Server Pages (ASP) Microsoft'un ilk sunucu tarafında dinamik web sayfalarının oluşturulmasında kullanılan programlama dilidir. Bugün ASP.NET olarak adlandırılan Microsoft .NET teknolojisinin bir parçasıdır.
Java / JSP / Javascript
JavaServer Pages (JSP) teknolojisi dinamik sayfa oluşturmada kullanılan bir diğer programlama dili Java ile oluşturulan sayfalara verilen isimdir.
SQL
SQL (Structured Query Language) türkçesi yapısal sorgulama dili, veritabanlarından verilerin sorgulanması için kullanılan sorgulama diline verilen isimdir.
MSSQL
Microsoft SQL Server olarak geçen sunucu yazılımına verilen isimdir. SQL standartları ile verileri sorgulama imkanı veren MSSQL pek çok uygulama tarafından yaygın olarak kullanılır.
MYSQL
İnternette yaygın olarak kullanılan MySQL veritabanı sunucusu da MSSQL gibi SQL sorgulama dili ile sorgulama yapılabilen veritabanı standardıdır. İçerik Yönetim Yazılımları CMS
Content Management System türkçesi içerik yönetim sistemi olarak adlandırılan yazılımlara verilen kısaltmadır. CMS yazılımları ile yukarıda bahsettiğimiz veritabanı ve programlama dilleri ile web sayfalarının dinamik olarak kullanıcılar tarafından güncellenmesi sağlanır.
Joomla
PHP programlama dili ile hazırlanmış CMS/içerik yönetim sistemi yazılımıdır.
DotNetNuke
ASP.NET teknolojisi ile hazırlanmış CMS/içerik yönetim yazılımıdır.
RotaCMS
ASP.NET teknolojisi ile hazırlanmış türkçe CMS/içerik yönetim yazılımıdır.


Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Arama Motoru Pazarlama, web site sahiplerine öncülük, satış ve bilinirlik gibi.. internet pazarlama hedeflerinize ulaşmanıza yardımcı olur. Arama motoru optimizasyonu sadece pazarlamadan fayda sağlamaz, şirketler arama motoru optimizasyonundan birçok ticari fayda çıkarırır.
Web site sıralama optimizasyonu - arama motoru optimizasyonu hizmetlerinin faydaları
Arama motoru optimizasyonu, ile reklam yatırımlarınızın geri dönüşümü çok başarılı ancak, halen yatırım yapmadan önce arama motoru optimizasyonunun faydalarını tekrar etmek edelim. Başarılı organik arama motoru listelemeleri bir gecede gerçekleşmiyor, arama motoru sıralamalarında istikrarlı ve sabit listelemeler için yoğun çaba beceri ve zaman gerekiyor.
•Arama motoru optimizasyonu, Yüksek kaliteli ziyaretçi trafik kazandırır. İyi uygulanmış arama motoru optimizasyonu kampanyası, web sitenizde sunduğunuz veya sattığınız, hizmet ve ürünleri arayan ve daha fazla bilgilenmek isteyen ziyaretçilerden aktif trafik alması mümkün.
•Arama motoru optimizasyonu, Verimliliğe göre uygun fiyatlıdır. Arama motoru optimizasyonu, diğer online pazarlama (internet pazarlama) formları ile yatırımın geri dönüşü, nitelikli liderlik (leads*) oluşturması ve web sitenizin artan masraflarından tasarruf sağlaması (örneğin sayfanızın aylık artan band genişliği faturalarından daha hızlı sayfa yüklemesi ile tasarruf etmesi geniş bandı olmayan site ziyaretçilerinin de web siteniz de kalması için de teşvik etmektedir.) Daha kolay web site navigasyonu ve kullanılabilirliği içinde, web sitenizde çalışma yapılması, ziyaretçiler için sitenizde kalmak için bir başka nedendir.
•Arama motoru optimizasyonu, İnternette görünürlük ve bilinirlik arttırır. Olabildiğince çok Arama motorları ve dizinlerde web sitenizin görülmesi daha fazla hedef ziyarteçi daha başarılı web de bulunma daha çok insanın siteyi bilmesini ve hatta sitenize geri link (back link*) vermelerini getirecek. Ayrıca web sitenizi Google gibi önemli arama motorlarında 7 gün içinde listelenmesini temin edeceğiz.
•Arama motoru optimizasyonu, Yatırım olarak iyidir. Hedefli bir strateji ile, yaygın anahtar kelime araştırması, devam eden optimizasyon ve pazarlama, işlem yapmaya eğilimli nitelikli ziyaretçi trafiği, artan web site trafiği ve daha fazla arama motorları listelemelerini oluşturur. Yatırım bir süre sonra, ürünlerin ve şirket bilinirliğinin gelişmesi ile kendini öder.
Arama motoru optimizasyonu 'nun faydaları arasında aşağıdakilerde vardır:
•Arama motoru optimizasyonu, Uzun dönem yer almayı sağlar.
•Low Cost Per Click (CPC)
•Arama motoru optimizasyonu, hedef kitlenin sizi bulmasını sağlar.
•Arama motoru optimizasyonu web sitenizinin tasarımını veya görünümünü değiştirmez.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Tasarlanan her ürün, hangi uygulama disiplinine ati olursa olsun, belli teoriler yoluyla mesaja katkısı olmayan gereksiz öğelerden ve aslında olmasada olur dediğimiz gerçekte ihtiyaç duyulmayan grafik ayrıntılardan arındırılmış temiz bir iletişim öğesidir. Dünyanın en başarılı çoklu ortam tasarımcılarının akademik geçmişlerine baktığımızda, bir çoğunun mimarlık eğitimi aldığını görürüz. Bu kişilerin mimarlık eğiti sırasında öğrentikleri temel tasarım bileşenlerinin ve prensiplerinin bütünü, evrensel teoriler olduğundan dolayı diğer tasarım disiplinlerinede başarılı bir şekilde uygulayabilmişler. Dolayısıyla çoklu ortam tasarımı da sadece bu işin uygulama programlarını kullanmayı bilenlerin yapabileceği bir alan olmaktan çok, ortaya çıkacak işin görsel bütünlüğü ve işlevselliğini beraber harmanlayabilecek teori ve pratik bilgisine sahip uzmanların tasarım disiplinidir. Genel tasarım öğretisini 2 ana kategoride toplayabiliriz. Tasarım elementleri ve tasarım disiplini… Tasarım prensipleri olarak irdeleyip örnekleyeceğimiz teorisel kurallar bütünü, tasarım elementlerinin doğru ve uygun bir şekilde konumlandırılarak kullanımından ibarettir ve her disiplinde bu kurallar aynı şekilde geçerlidir. Buna web tasarımı da dahildir. Balans: Çalışma içindeki görsel öğelerin birbirleriyle olan ölçek/ebat ve biçim oranının izleyici gözünde denge oluşturması prensibidir. Kompozisyondaki öğeler bloklar veya strüktürel parçalar halinde konumlanarak kompozisyon genelindeki yapısal düzeni oluşturur.
Ritim
Kompozisyon içeriğindeki elementlerin tekrarı veya varyasyonlarının kompozisyon geneline veya bir kısmına dağılımı durumudur. Genel olarak kompozisyon içersinde dinamizm etkisi hareket veya doku oluşturmak için kullanılır.
Simetrik Balans
Simetrik balans, kompozisyon içeriğindeki öğeler birbirleriyle dikey, yatay veya radyal/merkezi eksende konumlandıkları zaman gerçekleşen durumdur. Simetriye sahip elementler genellikle birbirlerine benzer veya birebir formata sahip olurlar. Simetrinin uygulandığı fakat elementlerin nisbeten farklı formlara sahip olduğu durumlarda ise yaklaşık simetri gerçekleşir.
Asimetrik Balans
Asimetrik balans, kompozisyon içindeki öğeler birbirleriyle merkezi eksen etrafında konumlanmadan, serbest konuma sahip olduklarında gerçekleşen durumdur. Asimetrik konumlandırmada birbirine benzer veya farklı formlara sahip elementler kompozisyon geneline dağınık bir şekilde yayılarak dinamizm oluştururlar. Genelde asimetrik olarak konumlanan öğelerde dominant bir elemet vardır ve bu elementin klonları veya benzerleri kompozisyon geneline dengeli bir şekilde yayılırlar.
Orantı
Biçimlerin birbirleriyle açı ve dağılım vasyasyonlarıdır. Bir elementin büyüyen veya küçülen ölçekli dağılımı yada elementin parçalarından birinin ölçeksel dağılımı olabilir. Elementler arası orantı oluşturmak için kompozisyon geneline perspektif ve derinlik katmak için kullanılır.
Baskınlık
Kompozisyon içersinden elementlerin birbirine karşı derinlik oluşturması soyut olarak görsel element sıralamasıdır. Birbirleriyle farklı ton ve ölçeklerde kullanılan elementler arasında baskınlık oranı oluşur ve perspektif üçüncü boyut gibi etkiler yaratır.
Birlik
Elementler ve içlerindeki parçaların birbirleriyle üniter bir şekilde bağlanması ve bu bağlantı parçaların birbiriyle ilişki oluşturarak komposizyonu tamamlamasıdır. Farklı form ve parçalara sahip şekiller Gestalt görsel algı teorisine göre bir araya toplandıklarında bütünde farklı bir görsel figür yaratma yetisine sahiptirler. Üniter görsel yerleşime göre birkaç parça konumlandırmasından söz edilebilir.
Yakınlık
Bu teoriye göre bir elementin parçaları arasında boşluk ve uzaklık oranları arasındaki fark azaldıkça, göz bütünü görmek için aradaki bu eksik parçaları kendi birleştirir.
Devamlılık
Bu teoriye göre insan gözü perspektife sahip görüntülerde görüntünün başlangıcını takip eden elementlerin tekrarı durumunda görüntünün bütünü kendinden tamamlar. Bu teori görsel öğelerde mesafe ve perspektif açısı oluşturmak için uygulanabilir.
Bunlar haricinde benzerlik, soyut hizalama ve mesafe oluşturma gibi konseptleri barındırmakla beraber, üniter algı ve yerleştirme teorisi yapı itibariyle oldukça geniş bir konudur.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Bir web sitesi plan, proje ve tasarım kriterlerinden başlayarak bir çok alt kriterler ile bitiriliyor. Aklınızda bir web sitesinin yapımı sadece şablon çizimi ve sonrasında şablonun web ortamına aktarılarak içerisine mevcut içeriklerin yerleştirilmesi gibi işlemler ile gerçekleştirildiği bulunuyorsa bu yazımızı okuduktan sonra fikrinizi değiştirebilirsiniz. Bir web sitesini yapmak ekip performansı gerektiren bir iştir. Bu ekip performansında verilen zaman, yaşam ve sağlıktan harcanılan enerji, hizmetin gerçekleştirilmesi için kullanılan elektrik, telefon ve bilgisayar gücü gibi teknolojik imkanlar ve daha bir çok kriter bulunuyor.
Bir web sitesi yapılırken aşağıdaki aşamalar gerçekleşiyor.
•Web sitesi yapımında ilk olarak web uzmanları tarafından plan ve projelendirme gerçekleştiriliyor.
•Web uzmanları plan ve proje çerçevesinde yapılan analiz ve araştırma çalışmaları sonucu web sitesinin dil seçimi vb. gibi hangi teknolojiler ile oluşturulacağını kararlaştırılıyor. Bu aşamalar web sitesinin hangi kodlama dili ile yazılacağı, tasarımın nasıl olabileceği, web sitesinin içerisinde kullanılacak teknolojiler, web sitesinin barındırılacağı hosting altyapısı, domain seçimi ve reklam kriterleri gibi daha bir çok aşamadan oluşuyor.
•Daha sonrasında web sitesinin ara yüzü bir tasarım ekibi tarafından hazırlanıyor.
•Ara yüz tasarımı bittikten sonra yapılan çalışma tasarım ekibi tarafından web ortamına aktarılıyor. Bu aktarma bir web programlama ekibinin belirlediği kriterler doğrultusunda gerçekleştiriliyor.
•Web programlama ekibi aktarılan ara yüzü dinamik olarak geliştirmeye başlıyor. Bu aşamalar ara yüzün çalışabilmesi için yazılan kodlar ile gerçekleştiriliyor. Kod yazma yerine göre günler veya haftalar alabiliyor.
•Bu aşamalardan sonra uzman bir web ekibi web sitesinin internet kullanıcısı ile olacak görsel iletişimi, sitenin etkinliği, sitenin sürekli çalışabilirliğinin sağlanması, sitenin hızlı ve rahat çalışabilmesi konularında analiz ve testler yapıyor.
•Video, resim ve makale gibi görsel ve metinsel içerik düzenleme ve geliştirme konularında uzman bir ekip gerekiyorsa web sitesinin formatına uygun içerik hazırlama veya düzenleme işlemlerini yapıyor.
•Görsel ve metinsel içerik oluşturma uzmanları hazırlanan tüm verileri daha sonrasında web sitesine yerleştiriyor.
•Hosting ve domain konularında uzman bir başka teknik ekip web sitesinin 7 gün 24 saat kesintisiz hizmet verebilmesi için gerekli altyapıyı hazırlıyor.
•Bu teknik ekip aynı zamanda web sitesinin güvenliği konularında büyük bir sorumluluğu üzerine alıyor. Alınan sorumluluk web sitesinin güvenlik açıklarından ve doğabilecek tüm zararlardan sorumlu olmayı kapsıyor. Buda bir sorun karşısında hukuki sorumluluk altına girmek anlamına geliyor.
•Bir reklam ekibi gerekiyorsa web sitesi yaptıran firmaya nasıl reklam vermesi gerektiği ve satışlarını nasıl arttırabileceği konusunda bilgiler veriyor.
•Ek olarak web sitesini yapan web tasarım firması müşteri firmanın çalışanlarının web sitesine tam anlamı ile alışma süresine kadar telefonla danışmanlık hizmeti de veriyor.
Bütün bu aşamalarda muazzam bir ekip performansı sergileniyor.
Teknik olarak harcanan zaman, uzun yıllar birikiminde kazanılmış bilginin en iyi şekilde değerlendirilmesi, elektrik, telefon ve bilgisayar gibi teknolojik imkanların kullanılması, araştırma ve analiz çalıştırmaları, altyapının sağlanması ve alınan sorumluluklar gibi kriterler ne kadar büyük bir çalışma ve özveri içerisinde bulunulduğunu gösteriliyor.
Düşünülürse bir web sitesinin yapımı hiçte kolay değil şeklinde gözüküyor. Buda verilen hizmetin ucuza mal olmadığı ve profesyonel bir ekip anlayışı gerektirdiğini hatırlatıyor.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Tablolar verileri listelemede kullanılan yapılarken , div ler "division" yani bölge, katman oluşturmaya yararlar.Amaçları tasarımdaki çeşitli bölgeleri (logo alanı , menü alanı , reklam alanı vs) ayırmaktır. Hem css sayesinde konumlandırma yetenekleri gelişmiştir hemde javacript ve kütüphaneleri ile masaüstü uygulamlaları tarzında animasyonlar, işlevler kazandırılması çok kolaydır.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Google size link veren siteleri ve link verdikleri kelimeleri göz önüne alarak bir anahtar kelime ile yapılan sıralamada yerinizi belirlemektedir.
Eğer Google’ın bu sistemini etkileyerek arama sıralamasında üste çıkmak için çalışırsanız. Örneğin yeni kurulan bir siteye birden bütün sitelerinizden link verirseniz ve bunla birlikte başka siteler ile link değişimine girerseniz Google bu linklerin PageRank ’ı etkilemeye yönelik olduğunu hemen anlar. Bu durumda ilk güncellemede sitenizin PR değeri belki 4 hatta 5 olacakken PR sayınız PR3 üst limitine takılır. Hatta google cezalandırma sistemin kritiklerine göre tüm alınan linkleri “Unnatural Link” olarak kabul ederse PR değeriniz 0 bile olabilir. Google Bomb Google Pagerank™ değerini etkilemek için uğraşan webmasterlara karşı Google ın aldığı bir önlemdir.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Toplist gibi pagerank artırma yöntemleri Google için doğal olmayan linklerdir... PageRank sitelerin bağlantılarını inceleyerek önem sırasına dizen bir sistem. Çok fazla bağlantı alan, kaynak olarak gösterilen bir sitenin PageRank’ı yüksek oluyor. O site bir kaynak olarak üst sıralara taşınıyor. Önemli siteler de başka sitelere bağlantı verdiklerinde onları daha önemli hale getiriyorlar. Sonuç itibariyle içeriğinden en çok yararlanılan siteler daha üst sıralara yerleşiyor. Sadece pagerank artırmak için alınan bazı linkleri google doğal link olarak kabul etmeyip "Google Pagerank Unnatural Linking" olarak isimlendiriyor.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Son günlerde televizyon reklamlarında sık sık görmeye başladığımız yandex arama motoru, yeni sanılmasına rağmen aslında Türkiye pazarına gireli yaklaşık 1 yıl olmuş durumda. Yeni duyulmasının yanı sıra Yandex, Rusya’da 1. ve dünyadaki arama motorlarında da 7. sıradadır. Sunduğu kaliteli hizmete dayanarak Google’a rakip olması beklenen Yandex Türkiye pazarında artık belirli bir paya sahip olmak için televizyon reklamlarını arttırmış bulunmaktadır. Şu an herkesin aklındaki merakla beklenen soru “Yandex Türkiye pazarında belirli bir parazara gerçekten sahip olabilecek mi?” sorusudur. Bu soru tamamen muamma olmakla birlikte, Yandex’in artan reklamları ve sunduğu gerçekten kaliteli hizmet sayesinde kaçınılmaz olarak görülmektedir. Yandex’in haritaları belirli bölgelerde 360 derece görüntü sunmaktadır ve bu hizmet henüz Google’da bulunmamaktadır. Denemenizi de kesinlikle tavsiye ederim. Şimdi gelelim Yandex tarafından sunulan bilgilere.

Yandex Nedir ?
Yandex, Türkiye’deki kullanıcılar ve Türkiye hakkında bilgi arayan herkes için geliştirilmiş, kullanıcılarına internette aramanın yanı sıra haberler, e-posta gibi birçok farklı internet servisi sunan bir arama motoru ve web bilgi portalıdır.
Rusya pazarında ilk sırada ve comScore verilerine göre dünyanın 7. büyük arama motoru olan Yandex, kuruluşundan bu yana 10 yılı aşkın bir süredir %64’e yakın bir pazar payıyla Rusya piyasasındaki lider konumunu korumaktadır. Birkaç yıl önce Ukrayna, Beyaz Rusya (Belarus) ve Kazakistan için de özel portallarını açan Yandex, servislerini başka dillere çevirmekle kalmayıp çalıştığı her ülke için gerçek birer yerel ürün sunmak üzere çaba göstermektedir.

2. Yaptıklarımız

Sorular için Cevaplar

Yandex’in misyonu, kullanıcılardan gelecek her türlü soruya yanıt bulmaktır. Yandex’in arama kutusuna açık ve net yazılan sorular için cevaplar, sistemin arama sonuçları sayfalarında bulunur. Arama sadece web’de değil, son dakika haberleri veya yeni çıkan ürünler gibi çeşitli bilgi kaynaklarında da yapılır ve sonuçlar uygun bulunursa, arama sonuçları arasında yer alır.

“Bugün hava nasıl?” veya “Haberlerde ne var?” gibi daha genel sorular ise Yandex’in www.yandex.com.tr ana sayfasında yer alan günün haberleri, hava durumu gibi çeşitli servisleri sayesinde cevaplandırılır.

Kullanıcı için web servisleri

Yandex bütün teknolojilerini öncelikle İnternet kullanıcıları, yani insanlar için geliştirir. Yani Yandex ekibi bir servisin önce kullanıcılar için faydalı olmasına, sonra da ticari yönüne dikkat eder.

Amacımız, Türkiye’deki İnternet kullanıcıları için yeni bir alternatif olmak, yani Türk toplumunun, dilinin ve kültürünün bütün özelliklerini ve geleneklerini göz önünde bulunduran yeni bir arama motoru ve web portalı sunmaktır. Umudumuz, servislerimizin Türkiye’deki kullanıcılar tarafından beğenilmesi ve kullanışlı olmasıdır. Yandex.com.tr’de reklam gösterimi, servislerimiz ancak gerçekten en üst kaliteye ulaştıktan sonra yapılır. Öncelik, servis kalitesinin yükseltilmesidir.

İnternet’in aynası

Yandex, varolan bilgiyi aramak ve sınıflandırmak için yeni teknolojiler geliştirmektedir. Bulunan içerik, özellikleri arama sistemince etkilenmeyecek şekilde arama sonuçları listesinde sıralanır. Yandex servislerinin tamamı bu şekilde çalışır. Örneğin, Yandex.Haberler’in kullanıcıya sunduğu haberler bütünü, yüzlerce kaynaktan alınan haber içeriğinin tamamen önyargısız, sistem tarafından hiçbir düzenleme yapılmadan, olduğu gibi yansıtılmasıyla oluşur.

Teknolojiler

Yandex, dünya çapında teknolojiler geliştiren bir şirkettir. Örneğin arama sonuçlarının sıralanması için uygulanacak formülü geliştirmek için kendi teknolojimiz olan MatrixNet isimli bir makine öğrenimi yöntemi kullanmaktayız. Yandex ayrıca, kendi anti-virüs ve anti-spam teknolojileri sayesinde kullanıcıları kötü amaçlı yazılım barındıran siteler hakkında uyarır ve Yandex.Mail kullanıcılarına spam’a karşı koruma sağlar. Yandex.Haber otomatik tümleyici sisteminde de yine Yandex’e özgü bir haber özü çıkarma teknolojisi kullanılır.

Geliştirdiğimiz teknolojilerin bazıları kendi alanlarında ilktir. Yandex’in, morfoloji odaklı web arama yönteminin geliştirilmesinde dünyada bir ilk olması buna örnek gösterilebilir.

3. Yandex Ekibi

Çeşitli konularda uzmanlaşmış kişilerden oluşan Yandex ekibi, şirketimizin en değerli varlığıdır. Günümüzde arama teknolojilerinin geliştirilmesi, çalışanlarımızın matematik, veri analizi, dilbilgisi, programcılık gibi çeşitli alanlarda üst düzey birer uzman olmasını gerektirmektedir. Bu tür uzmanları dünyanın dört bir yanında arayan Yandex, çeşitli mesleki olimpiyatlara destek vererek ve ayrıca kendi eğitim programlarını yürüterek ihtiyaç duyulan yetkinlikte çalışanların yetiştirilmesine yardımcı olur. Bu güçlü ekip sayesinde Yandex, bilgi teknolojileri alanındaki en başarılı şirketler listesinde ilk sıralarda yer alıyor.

Bugün Yandex’in 4 farklı ülkedeki 11 ofisinde 3,000’den fazla çalışanı bulunuyor. Şirketin genel merkezi Rusya Federasyonu’nun başkenti Moskova’dadır.

Yandex’in 2011’de İstanbul’da açılan Türkiye ofisinde çalışanlar arasında şirket yöneticileri, pazarlama uzmanları, çevirmenler ve diğer konularda uzmanlaşmış profesyoneller bulunmaktadır. Türkiye’de açılacak servisler ve bunların nasıl görüneceğine dair tüm kararları Yandex Türkiye ekibi verir.

4. Yandex’in İş Modeli

Yandex gelirinin önemli bir bölümünü içeriğe dayalı reklamcılıktan elde eder. Bu sistemde reklamlar, kullanıcıların arama sorgularıyla eşleştirilir, bu da reklamlar yayınlanırken doğru kitlenin hedeflenmesini sağlar. Ayrıca Yandex’in reklamları şirketin çözüm ortağı olan binlerce web sitesinde de gösterilir. Yandex.Direct reklam yerleştirme sistemi Rusya piyasasında lider konumundadır.

Bunun yanı sıra Yandex’in gelirinin küçük bir payı medya bazlı reklamcılık kaynaklıdır. Gelirimizin %95′i Rusya piyasasından elde edilir.

Yandex hisseleri, Mayıs 2011’de NASDAQ’ta halka arz edildi. Bu, bir Rus şirketi tarafından NASDAQ’ta son 5 yılda yapılan ilk ve 2011’de teknoloji şirketleri tarafından yapılan en büyük halka arz işlemiydi.

CSS Yenilikleri

Biliyorsunuz web tasarım ve kullanılan teknolojiler sürekli gelişmekte. Elbete Medyanadolu olarak bunları takip etmek ve yeni teknolojileri kullanmak bizim için bir zorunluluk oluyor. Zorunluluk derken yanlış anlamayın, güzel bir zorunluluk. İnsanın yeni şeyleri keşfederken ki heyecanını her solukta hissediyoruz.

CSS olgusu ile ilgili bilgisi olmayanlar için kısaca CSS nedir anlatayım. Cascading Style Sheets (Türkçede Stil şablonları) yani bilinen kısa adıyla CSS, HTML’ e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.

İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini; yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir.

Bir web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfalarında ortak olarak kullanılabilir. Bu şekilde, sayfaların hafızadaki boyutu epey küçüldüğü gibi, güncelleme yapmak da kolaylaşır.

CSS kodları; HTML kodlarının içine yazılabildiği gibi harici bir CSS dosyası oluşturularak da işlem yaptırılabilir.

CSS kodlarının, HTML dosyasına eklenmesi temelde 3 farklı şekilde yapılabilir.

1. Border Radius (Yuvarlak-Oval Köşeler)

Türkçe düşünecek olursak “oval köşeler” veya “yuvarlak köşeler” diyebiliriz.

İnternet tarayıcılarının varsayılan olarak kullandıkları düz köşeli kenarlıklardır. CSS3 ile 90 derece olan bu standart köşeleri kolaylıkla yuvarlak köşelere dönüştürebiliyoruz.

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
Bu gelişmeler olurken elbette bunları yakından takip eden ve doğru orantılı bir şekilde ilerleyen internet tarayıcılarını da düşünmek zorundayız. Daha önceki yazılarımda da bahsettiğim gibi web tasarımında dikkat edilmesi gereken önemli noktalardan bir tanesi erişilebilirliktir. Her tarayıcıda aynı görüntüyü, okunabilirliği en yakın biçimde mümkünse (bazı spesifik durumlar hariç) birebir bulmamız gerekiyor.

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-rightright-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-rightright-radius: 10px;

Şuanda Google Chrome, Safari ve Firefox bu kodlar ile düzgün bir gösterim sağlayabiliyorlar.

CSS3 Border Radius (Yuvarlak-Oval Köşelendirme) ile ilgili ekstra kaynaklar;

• W3C Working Draft
• Border-radius on CSS3.info
• The Art of Web

2. Border Image (Kenarlık Resimleri)
Bu yeni ve hoş özellik ile istediğimiz herhangi bir resmi öğelere kenarlık olarak atayabiliyoruz.

border-width: 0 5 0 5;
-webkit-border-image: url(anaButton.png) 0 5 0 5 stretch stretch;
-moz-border-image: url(anaButton.png) 0 5 0 5 stretch stretch;
Tek bir resim kullanarak kullanarak yukarıdaki kodlar sayesinde kolaylıkla güzel görünümlü buttonlar oluşturabilirsiniz.

CSS3 ün bu yeni özellği, ayrıca kenarların farklı alanlarına, farklı yükseklikler ve genişlikler vermemizi de sağlıyor.

border-bottom-rightright-image
border-bottom-image
border-bottom-left-image
border-left-image
border-top-left-image
border-top-image
border-top-rightright-image
border-right-image
Bu özelliği Mozilla Firefox 3.1, Safari ve Google Chrome destekliyor.

CSS3 Border Image (Kenarlık Resimleri) ile ilgili ekstra kaynaklar;

•W3C Working Draft

3. Box Shadow and Text Shadow (Kutu ve Yazı Gölgelendirme)

Bu özellik sayesinde artık yazı veya kutu gölgelendirmelerinizde Photoshop kullanmanıza gerek kalmayacak.

-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #ccc;
box-shadow: 10px 10px 25px #ccc;
text-shadow: 2px 2px 5px #ccc;
Kutu gölgelendirme özelliği şuanda sadece Mozilla Firefox 3.1, Safari ve Google Chrome internet tarayıcılarında desteklenmektedir. Yazı gölgelendirme ise sadece Opera da desteklenmektedir. Fakat yazının başında dediğim gibi bu makaleyi hazırlarken Microsoft’ un CSS3 için desteklediği bazı kod dizilimlerini açıkladığını gördüm, deneme fırsatım olmadı. Burayı tıklayarak bilgi sahibi olabilirsiniz.

CSS3 Box Shadow and Text Shadow (Kutu ve Yazı Gölgelendirme) ile ilgili ekstra kaynaklar;

• W3C Working Draft
• Box-shadow on CSS3.info
• W3C Working Draft
• Text-shadow on CSS3.info

4. RGBA ile Kolay Transparan Elemenetler ve Opacity Ayarları

PNG formatlı resimlerin son yıllarda ne kadar popülerleştiğini bilirsiniz. PNG hem düşük dosya ebatları hemde GIF formatından daha kaliteli görüntü kalitesiyle dikkat çekmektedir.

Şimdi ise CSS3′ ün yeni bu yeni özelliği ile istediğimiz her yere direk olarak CSS’ ten transparanlık verebiliyoruz.

rgba(200, 54, 54, 0.5);
/* örnek: */
background: rgba(200, 54, 54, 0.5);
/* veya */
color: rgba(200, 54, 54, 0.5);
Yukarıdaki kod üzerinde göründüğü üzere rgba yı kullanıyoruz. Yandaki rakamlar sırasıyla Red, Green, Blue ve Alpha değerlerini gösteriyor. Yani Kırmızı, Yeşil, Mavi ve son olarak Alpha kanalını kullanıyoruz. Son değer bize transparanlık vermemize yarıyor.

Alternatif olarak şu şekilde de kullanabiliriz

color: #000;
opacity: 0.5;
Bu özelliği Mozilla Firefox, Safari, Google Chrome, Opera ve İnternet Explorer 7 destekliyor.

CSS3 RGBA Opacity ve Alpha ayarları ile ilgili ekstra kaynaklar;

• W3C Working Draft
• RGBA on CSS3.info
• Pure CSS Opacity

@Font-Face Kullanarak Özel Yazı Karakterleri

Webte genelde tüm yazı tipleri aynı gibi görünür. Arial, Helvetica, Verdana, Georgia … v.b. Farklı bir font kullandığımızda, onu görebilmeniz için, kullandığımız yazı tipininde sizin bilgisayarınızda olması gerekir. İşte başka yazı karakterli kullanmaktan çekingemiz bundan kaynaklanır. Fakat CSS3′ ün @font-face özelliği, online bir kütüphaneden istediğiniz yazı karakterini seçerek, kullanıcılara göstermeyi başarıyor. Gerçekten çok güzel bir özellik.

Nasıl çalıştığını görelim;

@font-face {
font-family:'Anivers';
src: url('/images/Anivers.otf') format('opentype');
}
Ve bnu bir Header da kullanalım;

h1 { font-family: ‘Anivers’, Helvetica, Sans-Serif; }
@font-face özelliğini destekleyen tarayıcılar ise Mozilla Firefox 3.1, Safari, Opera 10 ve IE7

CSS3 Özel Yazı Karakterleri (@font-face) ile ilgili ekstra kaynaklar;

• Özellik için kullanabileceğiniz online kütüphane
• Font-face in IE, making Web fonts work
• Web fonts, the next big thing - A List Apart

Olumlu Bakış
CSS3 hala yapım aşamasında denilebilir. Yukarıda bahsettiğim kurallar şuanda bazı internet tarayıcılarında desteklenebiliyor. Fakat hızla ilerleyen günümüz web tekonolojisinde çok yakın zamanda bu özellikleri her tarayıcıda görebileceğiz. Safari bu yeni özelliklere çok değer veriyor. Fakat, Mac kullanıcıların sürekli kullandığı bu internet tarayıcısının son istatistiklere göre kullanıcı sayısı gün geçtikçe düşüyor ve diğer popüler tarayıcıların gölgesinde kalıyor.

Firefox şuanda çok geniş bir kullanıcı sayısına ulaştı. Ki, benimde vazgeçemediğim bu internet tarayıcısı son sürümü 3.1 ile en yeni CSS3 kurallarını destekliyor. Çok yakında kullanıcılar internet tarayıcılarını güncelleyecekler, bu da internetteki çoğu kullanıcının CSS3 yeniliklerini rahatlıkla destekleyeceğini gösteriyor.

Google Chrome bu yaz çıkan bir internet tarayıcısı. Safari ile aynı alt yapıyı yani WebKit’ i kullanıyor. Google Chrome hakkında geniş bilgiyi Google Chrome İzlenimleri yazımda bulabilirsiniz.

Son olarak Kasım, 2008 de döküm alınan W3′ ün internet tarayıcıları istatistiklerinde %44,2 ile Mozilla Firefox, %3,1 ile Google Chrome ve %2,7 ile Safari gözüküyor. Bunun anlamı, internet kullanıcıların %50 sinin bu yepyeni özellikleri rahatlıkla destekleyebileceğini gösteriyor. Çeşitli communityler oluşturulup, internet kullanıcılarının doğru tarayıcıları seçmesine yardımcı olarak bu sayının %70 lerin üzerine çıkarılması planlanıyor.

Olumsuz Bakış
%46 olan İnternet Explorer kullanıcıları maalesef bu yeni özellikleri şuanda göremeyecekler. O yüzden şimdilik bu yeni özellikleri mümkün olduğunca az kullanmayı ve alternatiflerini üretmeyi düşünebilirsiniz.

CSS3 tam olarak yayınlanmış değil. Bu yüzden kullandığınız yeni özellikler büyük ihtimal Invalid olarak görünecektir. Önemsiyorsanız şimdilik kullanmamanız gerekmektedir. Fakat şunu da söylemeden geçemeyeceğim, herkes kendi standartlarını kendisi yaratmalıdır. Bu konuda daha sonra bir yazı yazabiliriz.

Birçok tarayıcı var ve bu internet tarayıcılarının CSS3 kodlarını görebilmesi için farklı kodlar yazmanız gerekiyor. Bu da stil dosyanızda ekstra bir kod yazımına yol açacaktır. Geniş projelerde sayfa hızını ve diğer olağan hataları tetikleyebilir.

PHP Yenilikleri

PHP 6 çıktı çıkacak bununla beraber sabırsız geliştiriciler için PHP 5.3 versiyonu yayınlandı. PHP6 için planlanan yeniliklerin bir çoğu PHP 5.3'e aktarıldı.
PHP6'nın yeni özelliklerini kullanmak isteyen geliştiriciler için PHp 5.3'ün duyurulması güzel bir haber. Ancak hosting firmalarının hemen PHP6'ya geçeceklerini düşünmüyorum. PHP6'nın bir süre test edilip stabil hale gelmesini bekleyeceklerdir. Çoğu hosting firması muhtemelen PHP6'ya geçmek için PHP 6.1 versiyonunu bekleyeceklerdir. PHP6 ile gelen özelliklerin birçoğunu kullanmak için ise PHP 5.2'den PHP 5.3'e update daha kolay olacaktır.

Bu makalemizde PHP 5.3 ile gelen yeni özellikleri anlatıp, örnekler vermeye çalışacağız. Burada PHP 5.3'ün kurulumunu veya yükseltmesini anlatmayacağız. Anlatacağımız kodları denemek istiyorsanız PHP 5.3'ün olduğu bir alanda bu denemeleri yapmanız gerekecektir.

Namespace
Nesneye dayalı programlamadan (Object Oriented Programming) önce çoğu uygulama geliştirici, çakışmaları önlemek için fonksiyon isimlerinde kendilerine göre ön ekler kullanıyorlardır. Örneğin wordpress fonksiyonlar genellikle wp_ ile başlar ve böylece diğer fonksiyonlar ile çakışmalar önlenmiş olur.

Nesyene dayalı programlama dünyasında isim çakışmaları biraz daha az oluyor. Aşağıdaki örnekte de göreceğiniz gibi nesne içindeki fonksiyonlar, nesne dışında ve diğer nesnelerde tanımlanan fonksiyonlar ile çakışmaz.

set('fullname', 'Ben Balbo'); $user->save();
Yukarıdaki örnekte, User adında bir sınıf oluşturduk ve bu sınıf içinde de set ve save adında iki tane fonksiyon tanımladık. save fonksiyonu diğer hiçbir save fonksiyonu ile çakışmayacaktır, sadece User class'ı içinden bu metod'a erişilebilir. Ancak burada başka bir var! Tanımlanan User sınıfı başka bir yerde de tanımlanırsa sorun olacaktır. Aynı isimle birden fazla sınıf tanımlanamıyor. Bu tarz durumları önlemek için PHP 5.3 ile gelen namespace anahtar kelimesini kullanıyoruz.

Yukarıda aynı isme sahip iki sınıf tanımladık. Sınıfları namespace'ler ile bir birinden ayırdık. Bu sınıflar aşağıdaki şekilde ayrı ayrı çağrılabilir.

$attribute = $value; } public function save() { echo '
Blog user ' . $this->fullname . ' saved

'; } } $user = new MyCompany::Blog::User(); $user->set('fullname', 'Cem Cemoğlu'); $user->save(); $attribute = $value; } public function save() { echo '
CMS user ' . $this->fullname . ' saved

'; } } $user = new MyCompany::Blog::CMS(); $user->set('fullname', 'Ahmet İyibilir'); $user->save(); use
PHP 5.3 ile gelen yeniliklerden biri de use anahta sözcüğüdür. namespace kullanıyorsanız bir sınıfı çağırmak için yukarıdaki örnekte gösterildiği gibi her seferinde namespace adını yazmanız gerekiyor. use ile namespace'li sınıfları çok daha kolay çağırabilirsiniz. İlk örnek use kullanmadan ikinci örnek ise aynı işi yapan kodun use kullanılmış versiyonudur.

setUser( $user ); $post->setTitle( $title ); $post->setBody( $body ); $post->save(); Namespace Alias
Yukarıda namespace kullanarak aynı isme sahip sınıf oluşturmanın nasıl yapılacağından ve bunun çakışmaları önleyeceğinden bahsetmiştik.Aynı isme sahip sınıfları aynı kod içinden çağırmak bazen karışıklıa sebeb olabilir, bu karışıklığı önlemek için namespace'ler için alias yani takma isim kullanabilirsiniz. Namespace Alias örneği

set('fullname', 'Cem Cemoğlu'); $bloguser->save(); $cmsuser = new CMSUser(); $cmsuser->set('fullname', 'Ahmet Can'); $cmsuser->save(); Class Constants - Sınıf Sabitleri
PHP 5.3 ile sınıf içinde sabit tanımı yapılabiliyor. Eğer namespace kullanmışsanız bu sabit tanımlarına sınıf dışından da erişilebiliyor, ancak sabitlere doğrudan sınıf ile erişilmiyor. İşte örneğimiz;

Fonksiyonlar için Namespace
Statik sınıflara ait metodlar artık kulanılmıyor onun yerine namespace ile fonksiyonlar tanımlayabilirsiniz. Örnek kullanım:

Yukarıda açıklamaya çalıştığımız PHP 5.3'ün özelliklerine ait tüm listeyi buradan edinebilirsiniz.

PHP 5.3'e geçerken dikkat edilmesi gereken noktalardan bazıları;

• call_user_method() yerine use call_user_func() kullanılmalı
• call_user_method_array() yerine use call_user_func_array() kullanılmalı
• define_syslog_variables() kullanılmamalı
• ereg() yerine preg_match() kullanılmalı.
• ereg_replace() yerine preg_replace() kullanılmalı.
• eregi() yerine preg_match() i parametresi ile kullanılmalı
• eregi_replace() yerine preg_replace() kullanılmalı
• session_register(), session_unregister(), session_is_registered() gibi oturum değişkenleri yerine $_SESSION kullanılmalı
• set_socket_blocking() yerine stream_set_blocking() kullanılmalı
• split() yerine preg_split() kullanılmalı
• spliti() yerine preg_split() iparametreli kullanılmalı
• mysql_db_query() yerine mysql_select_db() ve mysql_query() kullanılmalı
• mysql_escape_string() yerine SQL'e birşeyler kayıt ederken özel karakterlerden kaçmaya yarayan mysql_real_escape_string() kullanılmalı

ASP Yenilikleri

Active Server Pages (ASP) teknolojisinin bu yeni sürümü, iç performans geliştirmelerinin ve iyileştirmelerin yanı sıra aşağıdaki yeni özellikleri de içerir:

Daha İyi Uluslararası ve UTF-8 Desteği

İyileştirilmiş POST Desteği

ASP Asılı Kalma Algılaması

Yaygın Kullanılan Dosyaları Önbelleğe Alma

UNC Geliştirmeleri

ASP'deki COM+ Hizmetleri

Grup Modeli Seçimi

Yan Yana Birleştirmeler

COM Bölümleri

İzleyici

İşlemler

ASP için Yeni Meta Tabanı Özellikleri

ASP Hata Ayıklama

Daha İyi Uluslararası ve UTF-8 Desteği
UTF-8 desteği, ASP'deki tüm yerleşik nesne özelliklerini ve yöntemleri kapsayacak biçimde genişletilmiştir. ASP'nin son sürümü yalnızca Response.Write için UTF-8 desteği içeriyordu.

İyileştirilmiş POST Desteği
ASP artık istemciden gelen yığınlı kodlanmış POST verilerini okuyabilir.

ASP Asılı Kalma Algılaması
Bir IIS sitesi meşgul olduğunda, ASP iş parçacığı sayısı üst sınırına ulaşılması ve bazı ASP iş parçacıklarının askıda kalması nedeniyle performans düşebilir. HSE_REQ_REPORT_UNHEALTHY ve World Wide Web Publishing Service (WWW hizmeti), ASP.dll işlemini barındıran çalışan işlemi geri dönüştürür ve olay günlüğüne bir girdi ekler.

Yaygın Kullanılan Dosyaları Önbelleğe Alma
ASP artık bir önbellek tutmanın yanı sıra, en son kullanılan dosyaları diskte önbelleğe alır. Disk önbelleğinin varsayılan konumu: %systemroot%\System32\inetsrv\ASP Derlenen Şablonlar'dır. AspDiskTemplateCacheDirectory Metabase Property ayarlayarak disk önbelleğinin konumunu değiştirebilirsiniz.

UNC Geliştirmeleri
ASP artık ASP komut dosyalarındaki UNC yollarını işleyebilir.

ASP'deki COM+ Hizmetleri
IIS'nin önceki sürümlerinde bir ASP uygulamasındaki COM+ hizmetlerini kullanmak istediğinizde, bu hizmetlerin yöntemlerini çağıracak bir COM bileşeni oluşturmanız gerekiyordu. Şimdi, ASP uygulamanızı, bir COM bileşeni oluşturmanıza gerek kalmadan aşağıdaki COM+ hizmetlerini kullanacak biçimde yapılandırabilirsiniz:

Grup Modeli Seçimi:
ASP artık tüm iş parçacıklarını çoklu iş parçacıklı grupta (MTA) çalıştırabilir. COM bileşenleriniz çoğunlukla serbest iş parçacıklarından veya iki modelli iş parçacıklarından oluşuyorsa, ASP iş parçacıklarını MTA'da çalıştırmak performansı önemli ölçüde artırabilir.
Bir ASP uygulamasının MTA içinde çalışmasını etkinleştirmek için uygulama düzeyinde, AspExecuteInMTA Metabase Property metatabanı ayarını kullanabilirsiniz. Bu ayar, bir uygulamayı ASP MTA iş parçacıklarında çalıştırırken, bir diğerini ASP STA (tek iş parçacıklı grup) iş parçacıklarında çalıştırmanızı sağlar. ASP iş parçacıkları için varsayılan yine STA'dır.

IIS tarafında IIS Yöneticisi'ni kullanarak yan yana birleştirmeleri etkinleştirmek için
1.IIS Yöneticisi'nde bir Web sitesini veya sanal dizini sağ tıklatın ve Özellikler'i tıklatın.

2.Sanal Dizin sekmesini tıklatın ve Yapılandırma'yı tıklatın.

3.Yapılandırma düğmesi kullanılamıyorsa, bu sanal dizin için bir uygulama oluşturmadınız demektir. Uygulama oluşturmak için Oluştur'u tıklatın.

4.Uygulama Yapılandırması iletişim kutusunda Seçenekler sekmesini tıklatın.

5.Yan Yana birleştirmeleri etkinleştir onay kutusunu seçin.

6.Yayılma dosyası adı kutusuna COM+ bildirim dosyasının adını yazın.

7.Tamam düğmesini iki kez tıklatın.

IIS tarafında IIS Yöneticisi'ni kullanarak yan yana birleştirmeleri etkinleştirmek için AspAppServiceFlags Metabase Property'nin AspEnableSxs bayrağını ayarlayın. Ayrıca, AspSxsName Metabase Property'ni COM+ bildirim dosyasının adına ayarlayın.. Her iki metatabanı özelliğini uygulama düzeyinde ayarlayın.

Önemli
Bu özellik uygulama düzeyinde yapılandırılabilir olsa da, herhangi bir uygulama havuzunda sistem DLL'sinin yalnızca bir sürümü kullanılabilir. Örneğin, Uyg1 uygulaması MDAC sürüm 2.5 ve Uyg2 uygulaması MDAC sürüm 2.4 kullanıyorsa, Uyg1 ve Uyg2 aynı uygulama havuzunda olmamalıdır. Eğer aynı havuzdaysalar, ilk yüklenen uygulama kendi MDAC sürümünün yüklenmesini sağlar ve uygulamalar kaldırılana kadar diğer uygulama bu MDAC sürümünü kullanmaya zorlanır.

Aşağıdaki örnek, Varsayılan Web Sitesi uygulamasında yan yana birleştirmeleri etkinleştirir (W3SVC/1/ROOT). AspEnableTracker özelliği ayarlandıktan sonra AspAppServiceFlags özelliğinin değiştiğine dikkat edin:

Önemli
Bu özellik uygulama düzeyinde yapılandırılabilir olsa da, herhangi bir uygulama havuzunda sistem COM+ bileşeninin yalnızca bir sürümü kullanılabilir. Örneğin, Uyg1 uygulaması Shop.dll adlı özel COM+ uygulamasının 1.0 sürümünü ve Uyg2 uygulaması Shop.dll'nin 2.0 sürümünü kullanıyorsa, Uyg1 ve Uyg2 aynı uygulama havuzunda olmamalıdır. Eğer aynı havuzdaysalar ilk yüklenen uygulama kendi Shop.dll sürümünün yüklenmesini sağlar ve uygulamalar kaldırılana kadar diğer uygulama bu MDAC sürümünü kullanmaya zorlanır.

Aşağıdaki örnek Varsayılan Web Sitesi uygulamasında bölümleri etkinleştirir (W3SVC/1/ROOT). AspEnableTracker özelliği ayarlandıktan sonra AspAppServiceFlags özelliğinin de değiştiğine dikkat edin..

Kredi kartları yaygınlığı ve güçlü altyapısı sayesinde gerçek hayatta olduğu gibi sanal dünyada da en çok tercih edilen ödeme aracı olmuştur. Telefon/Mail order ve internet üzerinden sipariş gibi fiziki olarak kredi kartının POS cihazından geçmesini gerektirmeyen işlemlerde kredi kart numarası ve kartın son kullanma tarihi bilgilerinin alışveriş için yeterli olması kredi kartının sahibinden başka kimseler tarafından da Fraud amaçlı olarak kolayca kullanabilmesine yol açmaktadır.
Ne yazıkki kredi kart numaralarını ele geçirmek son derece kolaydır. Bu numara, mektupla gelen kredi kartı ekstrelerinden, önemsenmeden atılan sliplerden veya çalınan kartlardan kolayca elde edilebilir. Ayrıca bankaların müşteri hizmetleri servislerinden, telemarketing firmalarından veya iyi niyete dayalı olarak kart bilgilerinin üçüncü şahıslara verilmesi durumunda da kart bilgileri elde edilebilmektedir. Kart numarasının ele geçirilmesi dışında bilgisayar programları kullanılarak da kart numaraları ve son kullanma tarihleri yaratılabilmektedir.
Kredi kartı bilgilerinin sanal mağazanın ödeme sayfasına girildikten sonra mağazaya iletilmesi sırasında üçüncü şahıslar tarafından çalınması riski bilginin internet üzerinden şifrelenerek transfer edilmesini sağlayan şifreleme teknolojileri (SSL vb.) kullanılarak çözülmüştür. SSL setifikası aynı zamanda sanal mağazanın da gerçek hayatta da var olan bir ticari kurum olduğunu göstermesi açısından müşterileri rahatlatmaktadır. Sanal Pos kullanan bir web sitesi kredi kart bilgilerinin girildiği ödeme sayfasının güvenliğini SSL sertifikası kullanarak sağlayabildiği gibi Garanti Bankası Güvenli Ortak Ödeme sayfasını kullanarak ta yapabilir. Bu durumda SSL sertifikası alınmasına gerek bulunmamaktadır.
Alıcı, satıcı ve aracıların iddia ettikleri kişiler olduklarını kanıtlamaları gerçek hayatta karşılıklı kimlik ibrazıyla elektronik ortamda ise dijital sertifikalar yardımıyla yapılmaktadır. Ancak dijital sertifikaların kullanımı dağıtım ve bakım ile ilgili zorlukların dışında sertifikaların mobilitelesinin sağlanamaması kullanımının ilk anda yaygınlaşmasını önlemiştir. Visa/Mastercard tarafından 1997 yılında geliştirilen SET sistemi kredi kartı sahteciliğini tamamen ortadan kaldırabilecek şekilde yapılandırılmıştır. Ancak müşteri tarafında büyük dijital sertifikaların bilgisayara yüklenmesi ve satın alma işlemlerinin sadece sertifikanın yüklü olduğu bilgisayardan yapılabilmesi nedeniyle beklenen ilgiyi görmemiştir. Dijital sertifikaların merkezi bir yerde tutulması, sertifika sahiplerinin buraya şifreyle bağlanarak sertifikalarını kullanmalarına dayanan 3D Secure uygulaması da Visa/Mastercard tarafından geliştirildi. 3D Secure Sistemi kısaca; İnternet üzerindeki alışverişlerin güvenliğinin arttırılması amacıyla Visa ve Mastercard tarafından geliştirilen bir ek güvenlik sistemidir. 3D secure sisteminde müşteriler , herhangi bir ödeme işlemi sırasında kartın ait olduğu bankanın web sitesine yönlendirilerek, Kredi Kartına ait şifre ile onaylama işlemini gerçekleştirmektedirler. Böylelikle kart bilgileri başkaları tarafından biliniyor olsa bile şifreyi sadece kart sahibi bildiği ve şifre giriş işlemi kendi bankasının web sitesi dışında kullanılmadığı için işlem güvenliğini sağlanmakta ve Fraud işlemler ( Kart sahibine ait olmayan işlemler ) engellenmektedir. Ülkemizde 31 Temmuz 2007 tarihi itibari ile sanal pos işlemlerinde 3D secure uygulamasına geçilmesi zorunlu hale getirilmiştir. 3D Secure uygulaması tam anlamı ile uygulamaya geçiriline kadar sanal pos kullanan işyerileri sipariş / hizmet teslim etmeden önce işlemin asıl kart hamiline ait olup olmadığını kontrol etmeli, gerekirse sanal posunu kullandığı bankadan teyid talep etmeli ve gerekli kontroller yapıldıktan sonra sipariş/hizmet teslimi yapmalıdırlar. İnternet Mail Order işyerilerinin Fraud’a karşı korunmak içn dikkat etmeleri gereken konular Güvenlik başlığı altındaki diğer makalelerde belirtilmiştir.
Garanti Bankası kredi kartlarının mevcut yapısını bozmadan alışverişlerin tam güvenliğini sağlayıp kolayca edinilebilebilecek kullanımı son derece kolay olan Garanti Sanal Kart ve Garanti Sanal Kredi Kartlarını müşterilerinin kullanımına sunmuştur. Garanti Sanal Kart ve Garanti Sanal Kredi Kartlarında Sanal Karta para aktarımı yada Sanal Kredi Kartına limit belirleme işlemleri alışveriş öncesinde müşteri tarafından Alo Garanti ve Garanti İnternet Şubesi aracılığı ile güvenli bir şekilde yapılmaktadır. Alışverişten sonra Sanal Kartta kalan para yada Sanal Kredi Kartında kalan Limit yine Alo Garanti veya Garanti İnternet Şubesi kullanılarak sıfırlanabilir. Böylece Garanti Sanal Kart ve Garanti Sanal Kredi kartlarının kart sahibinden başkası tarafından fraud amaçlı olarak kullanması önlenir.
Türkiye Garanti Bankası Türkiye'de üye işyerlerini kredi kartı sahteciliklerinden (fraud) korumak üzere ayrı bir bölüm kuran tek banka olarak, 1999 ve 2000 yıllarında kredi kartı sahteciliklerini önleme konusunda Avrupa'nın en başarılı bankası seçilmiştir. Fraud&Security (Sahtecilik & Güvenlik ) bölümümüz tüm işyerlerimizi sürekli izlemekte, şüpheli durumlarda müdahalede bulunmaktadır. Bölüm ayrıca üye işyerlerinin kredi kartı sahteciliklerine karşı bilinçlendirilmesi için peryodik eğitimler de düzenlemektedir.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Günümüzde programlar çok gelişti, Flash'ta bir çok efekti artık kendi içinde ekleyebiliyorsunuz, ActionScript 3.0 başlı başına bir programlama dili oldu, Photoshop'ta 3 boyutlu bile çalışabiliyorsunuz, tablolar tarihe karışıyor ve CSS ile yapamayacağınız şey yok, Fireworks'te site yapma kriterleri müthiş genişledi, ADSL büyük bir hıza ulaşma yolunda, eskisi gibi web siteleri hemen yüklenir mi yüklenmez mi korkusu sona ermek üzere ve daha neler neler...
Her şey gelişti, programlar, siteler, bakış açıları, hayal gücü... Ancak ne yazık ki, web tasarımı Türkiye'de hala yeterince anlaşılabilmiş ve doğru uygulanan bir alan değil. Bugüne kadar binlerce web sitesi inceledim -ve sürekli incelemeye devam ediyorum, ülke ve bu konuda anlayış olarak yabancıların çok çok gerisinde olduğumuz ortada. Ben web tasarımcısıyım diye geçinen birçok insan, CSS nedir, HTML nedir, JavaScript nedir, link nedir, buton nedir daha tam olarak bilmiyor. Böylece bu komik insanlar bu sektörde zaten anlamayan birçok kişiyi yaptıkları abuk subuk ç-alıntı çalışmalarla alenen kandırıyorlar.
Böyle biri olarak başlamamanız için temelleri çok sağlam atmanız gerekiyor. Bıkmadan usanmadan yetinmeden daha fazlasını istemek gerekiyor.
Peki, web tasarımcısı olmak istiyorsanız neler yapmanız gerekiyor? Bir kere web tasarımı noktasında yeteneğiniz varsa -resim, illustrasyon, renkler gibi konularda meraklı ve yetenekli iseniz, ilerlemenizde size çok büyük bir hız katacaktır. Ancak istemek de yetenek kadar mühim. Eğer sadece para kazanmak için giriyorsanız, emin olun yapacak çok daha kazançlı işler var. Ortaya bir çalışma koyduktan sonra en usta insandan hiç bilmeyen birine kadar hepsine de, "bu çalışmayı ben yaptım, alnımı akı, emeğimin ürünü" diyebiliyorsanız iş tamam demektir.
Web tasarımı her açıdan grafik tasarımdan farklıdır. Baskı, yayıncılık işleri ile uğraşan ve bu konuda uzmanlaşmış kişiler çoğunlukla web tasarımda zorlanırlar, aynı şekilde web tasarımcıları da genelde baskı işlerinden fazla anlamazlar. Web tasarımda 3 renk çalışırsınız (RGB), baskıda ise 4 renk (CMYK). Web tasarım için Dreamweaver, Frontpage, CSS, Flash, Photoshop, Fireworks gibi programları iyi bilmeniz gerekir, grafik tasarımda ise, Freehand (artık yerini InDesign'a bıraksa da hala kullanılıyor), InDesign, Illustrator, Corel, Photoshop, QuarkExpress gibi programları çok iyi bilmeniz gerekiyor.
Ancak bilmek sadece bir kısmı bu işin, bir programı iyi bilen süper tasarımlar yapar diye bir kural yok. Tasarım insanın bakış açısı ile ilgili bir olaydır. Nasıl ki, iki ressam aynı manzarayı çizseler, ikisinde de mutlak farklılıklar (açı, perspektif, renkler, gölgeler...) olacağı gibi bu işte de aynı durumlar geçerlidir.
Ama unutmamak gerekir ki, her şey zamanla ve istenirse mutlaka öğrenilebilir. Yapılan çalışmalar büyük bir titizlikle incelenir, mantık kavranırsa olay çözülmeye başlamış olur. Mantık bu noktada en mühim esastır. Her işin kendine göre bir mantığı vardır. Onu kavrayabiliyorsanız olaya yavaş yavaş hâkim olabiliyorsunuz demektir. Flash'ın mantığı farklıdır, Photoshop'un mantığı farklıdır, ama öğrendiğinizde hepsini bir yerde buluşturmuş oluyorsunuz. Ortaya çıkan çalışma da bu anlamda değer kazanıyor.
Artık dünya Web 2.0 denilen internet siteleri dönemine girdi. Web 2.0 deyince bazı arkadaşların kafasının karıştığının farkındayım. Web 2.0 site ziyaretçilerinin etkin bir şekilde katkıda bulundukları, ilaveler yapabildikleri, istedikleri gibi at oynatabildikleri web siteleri demektir. Bunun en güzel örneği WordPress, Blogger, Blogcu gibi sitelerdir. Artık haber sitelerinde bile herkes habere yorum yapıyor, müdahale edebiliyor. Eskisi gibi sadece bilgi veren Web 1.0 siteleri geride kaldı. Bunun için Web 2.0 mantığını da iyi bilmek web tasarımının başlıca esaslarından biri oldu. Temeli CSS'den geçiyor. Çünkü çok yoğun katılımların olduğu ortamda CSS siteleri hafif tutuyor, fazlalıklardan arındırıyor, hızlı, pratik siteler oluşturuyor.
Web tasarımcısı olmak demek, tasarımı yapıp bırakmak değildir. Olabilir, Photoshop'u açarsınız, çok harika bir tasarım yaparsınız, yeteneğiniz varsa da ortaya olağanüstü bir çalışma çıkmış da olabilir. Ancak, esas iş burada başlıyor işte: Tasarım yapan kişinin bu tasarımı HTML, CSS, Flash ne yapacaksa ona göre düşünerek hazırlaması gerekiyor. Aksi halde dilimlemeye geçildiğinde bir çok zorluk sizi bekliyor demektir, sonra uğraşır durursunuz. Güzel ve uygun tasarım, uygun dilimleme, uygun yerleşim, uygun aktarma. Kısaca web tasarımın özeti budur.
Tasarımdan sonrası? Hadi aktardığımızı da varsayalım? Sonrası programlamaya giriyor. Web programlama işini yapanlar sizin işinizi ele alıp işlemeye başlıyorlar. Onların tasarımdan anlamaları gerekmiyor, zaten programcı olup da tasarımdan çok iyi anlayanlara nadiren rastlarsınız. PHP, SQL, ASP, Microsoft.Net (C#.NET, ASP.NET, ADO.NET, XML Web Services), XML, XSD, XSLT, Ajax gibi programlama dilleriyle boğuşmak diğerlerine fırsat vermiyor.
Tasarımınızın Photoshop'ta göründüğü gibi web tarayıcılarında da aynı şekilde görünmesini sağlamanız bu işin son adımı. Internet Explorer'da çok güzel görünebilir, ama Firefox'ta dağılmış gibi görünüyor, linkler pasif oluyorsa, sitenizi tekrar gözden geçirmeniz şart demektir. Ne yazık ki, Türkiye'deki bir çok site hiçbir şekilde Firefox'ta test edilmiyor, Firefox'a uyarlanmıyor. Bu durum ben ve benim gibi Firefox bağımlıları için çok büyük hayal kırıklığı demek. Ayrıca Safari, Opera gibi tarayıcılarda da test etmek en iyisidir.
Sonuç olarak, web tasarımcısı olmak istiyorsanız, köşelerde sizleri bekleyen birçok duvar var, eğer etrafınıza iyi bakıp toslamadan bu duvarları atlamayı başarırsanız en iyilerden biri olmaya adaysınız demektir.

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Tasarıya göre şirketlere web sitesi oluşturma zorunluluğu getiriliyor. Söz konusu Kanun tasarısının 1502 nolu maddesinde zorunlu tutulan web sitelerinde aşağıdaki konu başlıklarındaki bilgilerin kamuoyuna sunulması gerekiyor.
► Duyurular
• Şirketin kanunen yapması gereken ilanlar
• Pay sahipleri ve ortakları açısından önem taşıyan açıklamalar
• Yönetim kurulu toplantılarının yapılması ile ilgili gerekli belgelerin açıklanması
• Bu kurullara ilişkin davetlerin yapılması, oy verme, şeffaflık ve kamuyu aydınlatma yönünden zorunlu ve yararlı görülen hizmet ve bilgilerin sunulması
• Pay sahiplerinin veya ortakların aydınlatılmasının öngörüldüğü diğer konular

► Finansal Durum
• Finansal tablolar, bunların dipnotları, yıllık rapor, yönetim kurulunun kurumsal yönetim ilkelerine ne oranda uyulduğuna ilişkin yıllık değerleme açıklaması
• Denetçilerin raporları ve yetkili kurul ve bakanlıkların istedikleri pay sahiplerinin ve sermaye piyasasını ilgilendiren konulara ilişkin olarak şirketin bildirimleri

► Hangi Şirketler Web Sitesi Yapmak Zorunda Kalacaklar?
Sanıldığının aksine, tüm şirketler değil, sadece sermaye şirketleri web sitesi yaptırmak zorundadırlar. Tasarıya göre sermaye şirketleri ise şunlardır:
•Anonim Şirketler
•Limited Şirketler
•Sermayesi Paylara Bölünmüş Komandit Şirketler
Dolayısıyla; anonim, limited ve sermayesi paylara bölünmüş komandit şirketler, tasarıya uygun biçimde hazırlanmış, web sitelerine sahip olmak zorundadırlar.

► Tasarı Web Sitesini Zorunlu Kılmakla Neyi Amaçlıyor?
Web sitesi, herkesin, her yerden kolayca erişebileceği bir veri ortamıdır. Yeni TTK tasarısı, web sitesini bu yüzden zorunlu kılmaktadır.
Şahıs şirketlerinde az sayıda ortak vardır ve bu ortaklar iletişim halindedirler. Bu yüzden şahıs şirketlerinin, ortaklarını web sitesi üzerinden bilgilendirmek gibi bir sorunları yoktur. Şahıs şirketlerinin ortaklarının yanında kamuyu bilgilendirmesi de beklenmemektedir. Çünkü, şahıs şirketleri, kamunun genelini ilgilendirmeyecek kadar küçük çaplıdır. Dolayısıyla şahıs şirketlerinin web sitesi yapmasının zorunlu kılınması anlamlı olmayacaktır. Bu şirketlerin web sitesi yapması, kamuyu aydınlatmak ya da ortakları bilgilendirmekten ziyade, şirket tanıtımı yapması demektir.
Sermaye şirketlerinde çok sayıda -özellikle anonim şirketlerde milyonlara ulaşan sayıda- ortak mevcuttur. Ve bu şirketlerin sermayeleri de genellikle kamuyu ilgilendirebilecek kadar büyüktür. Sermaye şirketlerindeki gelişmeler doğrudan ya da dolaylı olarak milyonlarca insanı etkileyebilir. Sermaye şirketi ortaklarının çok sayıda olması; tamamının karar alıcı durumda olamaması ve tamamının şirket hakkında bilgi sahibi olamaması sonuçlarını doğurur. Ayrıca piyasayı etkileme güçleri yüksek olduğundan, bu şirketlerdeki gelişmeler kamuyu ilgilendirmektedir. İşte tasarının gerekçesi de tam olarak bu sorunları çözmek... Yani sermaye şirketlerinin ortaklarını ve kamuyu şirketteki gelişmeler konusunda daha etkin biçimde bilgilendirmeye zorlamak.
► Hiç Web Sitesi Yaptırmayan ya da Yasaya Uygun Web Sitesi Yaptırmayan Sermaye Şirketleri Ne Olacak?
Tasarının yasalaştığı tarihten itibaren 3 ay içinde hiç web sitesi yaptırmayan ya da yasaya uygun web sitesi yaptırmayan; anonim şirket yönetim kurulu üyeleri, limited şirket müdürleri ve sermayesi paylara bölünmüş komandit şirkette komandite ortaklar 6 aya kadar hapis ve 100 günden 300 güne kadar adlî para cezasıyla cezalandırılacaklar.
Bunun yanında; web sitesine konulması gereken içeriği usulüne uygun bir şekilde koymayan; anonim şirket yönetim kurulu üyeleri, limited şirket müdürleri ve sermayesi paylara bölünmüş komandit şirkette komandite ortaklardan failler (bu kişilerden söz konusu fiili işleyenler) üç aya kadar hapis ve yüz güne kadar adlî para cezasıyla cezalandırılacaklardır.
► Bu Konuyla ilgili Bazı Medya Haberleri
TBMM Adalet Komisyonu, 22. Dönemde Genel Kurul’da görüşülemediği için kadük olan ve bu dönem hükümet tarafından yenilenen 1535 maddelik Türk Ticaret Kanunu Tasarısı’nı kabul etti. Adalet Komisyonu Başkanı Ahmet İyimaya, tasarının kabul edilmesinden sonra yaptığı konuşmada, tasarıda bazı eksiklikler ve uyumsuzluklar bulunduğunu belirterek, Genel Kurul’da önergelerle gerekli düzenlemelerin yapılacağını söyledi.
Ahmat İyimaya, “Bazı bilim adamları teknik arıza sebebiyle oluşacak otobüs kazalarında üretici firmanın sorumluluğunun ortadan kalktığını söylüyorlar. Bunları düzeltmemiz lazım” dedi.
İyimaya, değişiklik önergelerinin hazırlanması için milletvekilleri ve bilim adamlarının katılacağı bir çalışma komisyonu oluşturacağını da sözlerine ekledi.
50 YILLIK KANUN DEĞİŞİYOR
Adalet Komisyonu, 1957 yılından beri uygulanan Türk Ticaret Kanunu’nu yürürlükten kaldıran, AB’nin ticaret hukukuna ilişkin müktesebatını Türk hukukuna uyumlaştıran, teknolojik gelişmelerin ticaret hukukuna etkileri konusunda çağdaş düzenlemeler içeren 1535 maddelik tasarıyı 18 Nisan 2007’de benimsemiş ancak tasarı TBMM Genel Kurulunda ele alınamamıştı.
İNTERNET SİTESİ ZORUNLULUĞU
Tasarıya göre, her şirket, internet sitesi kurmak zorunda olacak. Her sermaye şirketinin, bir internet sitesi olacak. Bu sitede, şirket ilanları, pay sahipleri ve ortakları açısından önem taşıyan açıklamalar, finansal tablolar, raporlar, yönetim kurulu ve genel kurul toplantılarına ilişkin bilgiler yayınlanacak. İnternet sitesini konulmasına gereken bir içerik konulmamışsa, hukuka aykırılığın ve yönetim kurulunun görevini yerine getirmemesinin bütün sonuçları doğacak. İçerik, en az 6 ay süreyle şirketin internet sitesinde yer alacak, yoksa konulmamış sayılacak.
Kanunun yürürlüğe girmesinden itibaren 3 ay içinde internet sitesini oluşturmayan veya bilgi toplumu hizmetlerine uygun hale getirmeyen şirket yöneticileri, 6 aya kadar hapis ve 300 güne kadar adli para cezasına çarptırılacak.

Kaynak: NTVMSNBC

Tüm web tasarım çözümlerimiz hakkında daha detaylı bilgi almak için , Online Destek Hattı veya Talep Formu aracılığıyla bize mesaj gönderip, size dönüş yapmamızı sağlayabilirsiniz.

Web Standartlarını Kullanarak Geliştirmek

Öneriler ve en iyi uygulamalar

Roger Johansson, 456 Berea Street Son güncelleme tarihi: 2004-10-05

Translations of this article are available.

İçerik

1. Giriş
2. Tarihçe
3. Web Standartları
4. Yapı ve görüntüleme
5. (X)HTML
6. CSS
7. Erişilebilirlik
8. URLs
9. Referanslar
10. Dizin

1. Giriş

Bu döküman, web standartlarını kullanmanın, geliştiricinin daha az zaman ve para harcayarak üretebildiği yöntemle ve ziyaretçilerin daha iyi bir deneyim yaşayacağı web sayfaları oluşturmanızı nasıl ve neden sağlayacağını açıklamaktadır. Bunun yanısıra, olabildiğince çok kişi tarafından erişilebilir, yüksek kalitede web sayfaları üretmenin diğer yöntemlerini, prensiplerini ve en iyi uygulamalarını tartışmaktadır.

2. Tarihçe

Doksanların ikinci yarısında internet ve web ana akım haline geldiğinde, tarayıcı üreticileri, henüz, CSSi (Cascading Style Sheets) tasarımcıların bir HTML dökmanının sunumunu kontrol edebilmek amacıyla kullanabilmelerine yetecek kadar geliştirmemişlerdi. CSS Level 1’in belirtiminin (specification) 1996’da, CSS Level 2’nin belirtiminin ise 1998’de yayınlandığı düşünülürse, bu geliştirmenin o zamanki eksikliği bir miktar anlaşılabilir.

Tarayıcılardaki CSS desteğinin eksikliği, basılı malzeme üzerinde çalışırken mümkün olabilen denetim düzeyine alışmış grafik tasarımcıların beklentileri ile birleştiğinde, HTML, web sayfalarının görünüşünü kontrol etmeyi olası hale getiren her türlü yöntemle suistimal edildi. Bu suistimallere en büyük örnek, tasarımcılar, border="0" özelliğini kullanarak tabloların sınırlarını gizleyebildiklerini, böylece sayfa düzenini kontrol edebilecekleri görünmez bir ızgara oluşturabildiklerini keşfettiklerinde oluşan akımdır. Diğer bir örnek ise yine sayfa düzenini kontrol etmeye yardımcı olan, saydam yani görünmez aralık (spacer) GIF’lerinin kullanımıdır.

HTML’in hedefi hiçbir zaman döküman görünüşünü kontrol etmek olmadığından, kısa yollar, geçersiz kodlar ve üreticiye özel elemanlar (etiket/tag), özellikler (attribute) kullanıldı. Geçerleme çok az kişi tarafından bilinen ya da kullanılan birşeydi. Bu tarz kod için en açıklayıcı isim etiket (tag) çorbasıdır.

Tarayıcıların yeni sürümleri çıktıkça, CSS desteği geliştirildi ve genişletildi ama bu gelişme ve genişlemenin hızı olması gerektiği kadar değildi. Tarayıcı üreticilerinin CSS’i geliştirmek konusunda bu kadar yavaş olmalarına rağmen, çok sayıda insanın makul düzeyde CSS desteği olan tarayıcıları kullanıyor olduğu öyle bir noktaya geldik ki artık HTML’i sadece gerçek amacıyla, yani bir dökümanın görünüşünü değil yapısını tanımlamak amacıyla kullanmamamız için hiçbir neden kalmadı. Bu yüzden, artık özellikle bu amaçla tasarlanmış olan CSS’i kullanabiliriz.

3. Web standartları

Web standartları nedir?

Web standartları, W3C ve diğer standart oluşumları tarafından bir araya getirilmiş olan, web tabanlı içeriğin yaratılmasında ve çözümlenmesinde kullanılan teknolojilerdir. Bu teknolojiler, gelecekte de doğru biçimde görüntülenebilecek dökümanların Web’de yayımlanmasını ve bu dökümanların olabildiğince çok insan tarafından erişilebilir olmasını sağlamak üzere tasarlanmışlardır.

Yapısal diller

• HTML (Hypertext Markup Language) 4.01
• XHTML (Extensible Hypertext Markup Language) 1.0
• XHTML 1.1
• XML (Extensible Markup Language) 1.0

Sunum dilleri

• CSS (Cascading Style Sheets) Level 1
• CSS Level 2 revision 1
• CSS Level 3 (in development)
• MathML (Mathematical Markup Language)
• SVG (Scalable Vector Graphics)

Nesne Modelleri

• DOM (Document Object Model) Level 1
• DOM Level 2
• DOM Level 3 Core

Betik (script) dilleri

• ECMAScript 262 (JavaScript’in standart hale getirilmiş biçimi)

Bu döküman, yapı için XHTML 1.0 Strict, sunum için CSS Level 1 and Level 2 ve betik (sript) yazma için ECMAScript 262 (betik yazma için çok fazla örnek olmasa da) üzerinde durmaktadır.

Bir dökümanın web standartlarına bağlı kalınarak oluşturulduğu söylendiğinde döküman yukardaki teknolojiler kullanılarak üretilmiş olmanın yanısıra aşağıdaki özellikleri de sergiliyor demektir:

• geçerli XHTML’den oluşur
• sayfa düzeni için tabloları değil CSS’i kullanır
• düzgün biçimde yapılandırılmış ve semantik olarak yazılmıştır
• ve tüm tarayıcılarda çalışır.

Çevirenin notu: Yazı boyunca semantic kelimesi semantik olarak çevrilmiştir. Tam karşılığı “anlam bilimsel”dir, ancak bu yazıda “doğru, mantıklı ve olması gerektiği gibi, anlamına uygun biçimde” anlamında kullanılmaktadır.

“Tüm tarayıcılarda çalışır” cümlesinin “tüm tarayıcılarda aynı görünür” demek olmadığına dikkat edin. Bir dökümanın tüm tarayıcılarda aynı görünmesini sağlamak neredeyse imkansızdır. Yalnızca resimden oluşsa bile bir web sayfasının heryerde aynı görünmesi sağlanamaz. Web’de sunulan dökümanlara, farklı işletim sistemlerinde çalışan çok fazla sayıda değişik tarayıcı araç kullanarak değişik boyutlardaki ve kalitelerdeki monitörler aracılığıyla (ya da hiç monitörsüz), tarayıcılarının varsayılan metin büyüklüğünü ve diğer seçeneklerini değiştirmiş kullanıcılar tarafından erişilir. Bunu kabullenmek hayatınızın çok daha az karışık olmasını sağlar. Web sayfaları hazırlayan herkes, kağıt üzerinde yayın çıkaranlar ya da televizyon için filmler üretenler gibi düşünülmesi gereken önkoşulların varolduğunu bilmelidir.

Neden web standartlarını kullanmalı?

Bazı web geliştiricileri ve tasarımcıları web standartlarını kullanmaya karşı direnç gösterirler. Sık görülen nedenler şunlardır: Çok zor, Nasıl olsa her şekilde çalışıyor ve Kullandığım araçlar geçersiz kod üretiyor, ne yapayım.

Duygusal olarak tepki göstermek ve bildiğiniz, kullanırken kendinizi rahat hissettiğiniz teknikleri bırakıp yeni birşey öğrenmeye direnç geliştirmek çok kolaydır. Ancak, duruma mantıklı olarak bakarsanız web standartlarını öğrenmenin ve kullanmanın bir çok getirisi vardır. Bunlara bir kaç örnek:

• Daha kolay geliştirme ve bakım: Daha semantik ve yapılandırılmış HTML kullanmak başka birisi tarafından yazılmış kodu anlamayı kolaylaştırır ve hızlandırır.
• Gelecekte ortaya çıkacak tarayıcılarla uyumluluk: Tanımlanmış standartları kullanır, geçerli kod yazarsanız, yeni çıkacak tarayıcıların dökümanlarınızı anlamaması riskini azaltır yani dökümanlarınızı gelecek uyumlu yapmış olursunuz.
• Web sayfalarının daha hızlı indirilmesi ve çözümlenmesi: Daha az HTML kodu daha küçük dosya boyutu ve daha hızlı indirilme demektir. Modern tarayıcılar, sayfaları, standart moddayken, geçmiş uyumlu moddayken olduğundan daha hızlı çözümlerler.
• Daha fazla erişilebilirlik: Semantik HTML, yani yapının sunumdan ayrıldığı HTML, ekran okuyucuların ve alternatif tarayıcı araçlarının içeriği daha kolay algılamasını sağlar.
• Daha yüksek arama motoru sıraları: İçeriğin ve görünüşün ayrılması içeriğin sayfa boyutunun çok daha fazlasını temsil etmesi anlamına gelir. Semantik kodlarla birlikte bu, sayfanın arama motoru sırasını yükseltir.
• Daha kolay uyum: Semantik biçimde oluşturulmuş bir döküman, yalnızca farklı bir CSS dosyası ile ilişkilendirilerek yazdırma işlemi ya da el bilgisayarları veya cep telefonları gibi alternatif tarayıcı araçlara çok daha kolay uyumlu hale getirilebilir.

Web standartları, web sitesi yaratıcılarına para ve zaman kazandırır, ziyaretçilere ise çok daha güzel bir deneyim yaşatır. Bunun yanısıra, web standartları “gelecek”tir. Hali hazırda, web standartlarını kullanmıyorsanız şimdi başlamanın tam zamanıdır, aksi taktirde arkada kalma riskini almış olursunuz.

Daha fazla okuma:

• My Web site is standard! And yours?

  Web sitenizin kod kalitesini nasıl arttırabileceğiniz konusunda bir W3C dökümanı.

• Fighting for Standards

  Web Standartları Projesi’nin bildirisi.

• What are web standards and why should I use them?

  Web Standartları Projesi’nin web standartlarının ve onları kullanmanın neden iyi olduğunu derinlemesine anlatan dökümanı.

• The Business Benefits of Web Standards

  Bir şirketin web standartlarını kullanarak nasıl para kazanabileceği üstüne bir Netscape DevEdge makalesi.

• Web Standards for Business

  Pazarlama, iletişim ve IT bölümlerinden proje paydaşlarına seslenen bir Web Standartları Projesi makalesi.

Geçerleme

Geçerleme, bir dökümanın, yazıldığı dilin kurallarına uyup uymadığını kontrol etme işlemidir. Bu işlemi, bir metnin yazım ve sözdizim kurallarına uyumunu kontrol etmeye benzetebilirsiniz.

Geçerleme, web sayfaları geliştirme sürecinin çok önemli bir parçasıdır. Farkedilmesi zor birçok hata geçerleme sırasında bulunur. Hatalar, yazım hataları kadar basit olabileceği gibi yanlış kullanılan bir elaman ya da özellik kadar ciddi de olabilir.

Ne yazık ki bir çok insan sayfalarını geçerlemez. Bazı insanların bundan haberleri bile yoktur, diğerleri ise bu işlemi unuturlar ve hatta bazıları bilerek ve isteyerek geçerlemeden sakınırlar. Bu durum için ağırlıkla tarayıcı üreticileri suçlanabilir. Birçok tarayıcı hata vermek yerine, geçersiz HTML kodlarını ellerinden geldiğince düzgün biçimde çözümlemeye ve yazan kişinin ne kastettiğini becerebildiği kadar kestirmeye çalışır. işte tarayıcıların bu davranışları bugün yazılmakta olan özensiz kodlara neden olmuştur. Bu tür kodlar kestirilemeyen sonuçlar ürettikleri ve web tarayıcıların hata işleme yöntemlerine güvendiklerinden dolayı sorunludurlar.

HTML ve CSS kodlarınızı geçerlememeniz için hiç bir neden yok. Aksine, bu sizin leyhinize.

Why we won’t help you (Neden size yardım etmeyeceğiz?), Mark Pilgrim’in geçerlemenin avantajlarını anlattığı harika bir yazısıdır. Makale, ayrıca, yardım istemeden önce dökümanlarınızı geçerlemezseniz forumlarda ve e-posta gruplarında yardım bulmanızın neden daha zor olabileceğinden bahsetmektedir.

BBEdit ve Homesite gibi birçok HTML editörü, yerleşik geçerleme araçlarına sahiptir. Geliştirme aracınızın yerleşik geçerleme yöntemleri yoksa W3C’nin çevrimiçi erişilebilen geçerleme serviserinden faydalanabilirsiniz:

• (X)HTML: W3C MarkUp Geçerleme Servisi
• CSS: W3C CSS Geçerleme Servisi

Geçerleme araçlarının ürettikleri hata mesajlarını anlamak bir miktar ustalık isteyebilir. Hata listesinin başlarında yeralan bir hata altınaki birçok hataya neden oluyor olabilir. Bu hataya neden olan kodu düzeltir ve dökümanı yeniden geçerlerseniz hata listesini beklediğinizden fazla kısaltırsınız. Sıkça görülen hata mesajlarının açıklamalarını Black Widow Web Design’ın Common XHTML Validation Errors sayfasında bulabilirsiniz.

Kodunuzu tamamıyla geçerlenmiş hale getirmek çok iyi bir fikirdir ama bazı geçerleme hatalarından kurtulmak oldukça zor olabilir. Buna en iyi örnek sayfaya Flash ya da eklenti (plugin) isteyen başka bir içerik gömmek olabilir. Flash’la ilgili sorunlar hakkında daha detaylı bilgiye Flash Satay: Embedding Flash While Supporting Standards (Web Standartlarını Desteklerken Sayfaya Gömülü Flash Kullanmak) ve Embedding flash without <embed> (<embed> Kullanmadan Sayfanıza Flash Gömmek) sayfalarından erişebilirsiniz.

4. Yapı ve sunum

Web standartlarından sözedilirken sıkça değinilen konulardan biri yapıyı ve sunumu belirleyen kodun birbirinden ayrılmasıdır. Özellikle dökümanın semantik yapısını düşünmeye alışkın değilseniz başlangıçta yapı ve sunumu belirleyen kodun farkını anlamak zor olabilir. Ama, bunu anlamak çok önemlidir. Çünkü bu ikisi birbirinden ayrıldığında bir dökümanın sunumunu CSS ile konrtrol etmek daha kolaydır.

Yapı bir dökümanın olmazsa olmaz parçaları ve içeriğinin semantik ve yapısal kodudur.

Sunum ise içeriğe verdiğiniz stildir. Birçok durumda sunum dökümanın nasıl göründüğü ile ilgilidir ancak herkes grafik bir tarayıcı kullanmadığından bazen dökümanın nasıl duyulduğunu da belirler.

Yapıyı ve sunumu mümkün olduğunca birbirinden ayırın. İdeal olarak, sadece yapıyı ve içeriği kapsayan bir HTML dökümanınız ve sunumu kontrol etmenizi sağlayan bir de CSS dökümanınız olmalıdır.

Yapının ve sunumun birbirinden ayrılması günümüz web tasarımında yaygın değildir. Birçok web sitesinde HTML kodu hem yapısal hem de semantik olarak eksiktir.

Sayfa düzeni için tablo kullanmak

Yapıyı ve sunumu birbirinden ayırmak için dökümanın sunumunu kontrol etmek amacıyla tabloları kullanmak yerine CSS kullanmalısınız. Sayfa düzeni için tablo kullanmaya alıştığınızda bu söylediğimi yapmak size zor gelebilir ama düşündüğünüz kadar zor değildir. Bu konuda internette çok miktarda yardım bulabilirsiniz. Ayrıca size katacağı avantajları da çok fazladır. Bu yüzden bu farklı düşünüş tarzını öğrenmeye zaman ayırmaya değecektir.

Daha fazla okuma:

• Why tables for layout is stupid (Sayfa düzeni için tablo kullanmak neden aptalcadır)

  Seybold 2003’de yapılan bir sunumun slaytları.

Semantik HTML

Yapıyı sunumdan ayırmanın diğer bir önemli parçası dökümanın yapısını kodlamak için semantik HTML kullanmaktır. Dökümanın o bölümünde kullanmaya uygun yapısal anlamı olan bir xhtml etiketi varsa onun yerine başka bir şey kullanmak için hiçbir nedeniniz olamaz. Diğer bir deyişle bir HTML etiketini başka bir HTML etiketi gibi göstermek için CSS kullanmayın. Örneğin; bir başlığı kodlamak için <h1> yerine <span> elemanını kullanmayın.

Semantik HTML kullanarak bir dökümanın değişik bölümlerinin tüm web tarayıcıları için anlamlı olmasını sağlarsınız. Bu tarayıcı, modern bir PC’deki en son grafik tabanlı web tarayıcı, CSS’i işleyemeyen eski bir tarayacı ya da Unix üzerinde metin tabanlı bir tarayıcı olsa da farketmez.

Başlıklar

Başlıkları kodlamak için başlığın seviyesine göre <h1>, <h2>, <h3>, <h4>, <h5> ya da <h6> kullanın. <h1> en üst seviye başlık için kullanılır.

Örnekler:

<h1>Döküman başlığı</h1>
<h2>Alt başlık</h2>

Döküman başlığı

Alt başlık

Paragraflar

Paragrafları kodlamak için <p> elamanını kullanın. Paragraflar arasında boşluk yaratmak için <br /> elemanını kullanmayın. Paragraflar arasındaki aralıklar (margin) CSS tarafından belirlenir; bu da paragrafların doğru biçimde kodlanmasını gerektirir.

Örnek:

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Donec risus. Ed rhoncus sodales metus. Donec adipiscing
mollis neque. Aliquam in nulla.</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec risus. Sed rhoncus sodales metus. Donec adipiscing mollis neque. Aliquam in nulla.

Listeler

Birşeylerin listesini kodlayacaksanız liste yapın. XHTML’de üç farklı liste türü vardır: sırasız listeler, sıralı listeler ve tanım listeleri.

İmli listeler olarak da bilinen sırasız listeler <ul> ile başlar ve </ul> ile sonlanır. Her liste elemanı <li> elamanı içinde yazılır.

Sıralı listeler ise <ol> ile başlayıp </ol> ile sonlanır.

Tanım listeleri biraz daha farklıdır. Terimler ve anlamları/açıklamaları gibi bölümleri kodlamada kullanılırlar. Tanım listeleri <dl> ile başlayıp </dl> sonlanır. Açıklanacak her terim <dt> elemanı, terimin anlamı/açıklaması da <dd> elemanı içinde yazılır.

Örnekler:

<ul>
    <li>Öge 1</li>
    <li>Öge 2</li>
    <li>Öge 3</li>
 
</ul>

• Öge 1
• Öge 2
• Öge 3

<ol>
 
    <li>Öge 1</li>
    <li>Öge 2</li>
    <li>Öge 3</li>
</ol>

1. Öge 1
2. Öge 2
3. Öge 3

<dl>
    <dt>web sitesi</dt>
 
    <dd>Bir kuruma ya da kişiye ait birbiri ile bağlantılı web sayfalarının
 
	toplamı.</dd>
    <dt>web sayfası</dt>
    <dd>Metin, grafik ve diğer ortam bileşenlerini içerebilen, internet
 
	üzerindeki temel bilgi birimi.</dd>
</dl>

web sitesi

Bir kuruma ya da kişiye ait birbiri ile bağlantılı web sayfalarının toplamı.

web sayfası

Metin, grafik ve diğer ortam bileşenlerini içerebilen, internet üzerindeki temel bilgi birimi.

Listenin içeriğinin alışılmış bir liste gibi görünmesini istemediğiniz de bile CSS liste kullanımını olanaklı kılar. Bağlantıların bir listesi olan yol bulma (navigation) barı buna iyi bir örnek olabilir. Bir menüyü liste gibi kullanmak menünün CSS desteklemeyen tarayıcılarda da anlamlı görünmesini sağlar.

Alıntılar

<q> elemanı, kısa, satır içi (inline) alıntılar için kullanılmalıdır. Web tarayıcıları <q> elamanının içeriğinden önce ve sonra otomatik olarak tırnak imleri ekler. Ne yazık ki, Internet Explorer bunu yapmaz ve hatta bazı durumlarda <q> elemanı erişim sorunlarına dahi neden olabilir. Bu nedenle kimileri <q> kullanmaktan kaçınmanızı onun yerine tırnak imlerini sizin eklemenizi salık verir. Satır içi (inline) alıntıları uygun sınıflarla <span> elemanları ile kullanmak alıntıları CSS ile biçimlendirmenizi sağlar ancak bu kodun semantik olarak hiçbir değeri yoktur. <q> elemanı hakkındaki sorunlarla ilgili daha ayrıntılı bilgi için Mark Pilgrim’in The Q tag (Q etiketi) adlı makalesini okuyabilirsiniz.

Daha uzun, bir iki paragraflık alıntılar için <blockquote> elemanı kullanılmalıdır. O zaman alıntıyı biçimlendirmek için CSS kullanabilirsiniz. <blockquote> elemanının içine doğrudan metin yazılamayacağına dikkat edin – içine yazılacak metin bir elemanın içinde olmalı; örneğin <p>.

cite özelliği, alıntının kaynağını belirtmek için hem <q> ile hem de <blockquote> ile kullanılabilir. Dikkat edin; eğer satıriçi alıntılar için <q> yerine <span> kullanırsanız cite özelliğini kullanamazsınız.

Örnekler:

<p>W3C’ye göre <q cite="http://www.w3.org/TR/REC-html40/
struct/text.html#h-9.2.1">İfade elamanlarının görüntüleniş biçimi kullanıcı 
 
aracına bağlıdır.</q>.</p>

W3C’ye göre İfade elamanlarının görüntüleniş biçimi kullanıcı aracına bağlıdır.

<p>W3C’ye göre <span class="quote">&#8220;İfade elamanlarının görüntüleniş 
 
biçimi kullanıcı aracına bağlıdır.&#8221;</span>.</p>

W3C’ye göre “İfade elamanlarının görüntüleniş biçimi kullanıcı aracına bağlıdır.”.

<blockquote cite="http://www.w3.org/TR/1999/REC-html401-19991224/
struct/text.html">
    <p>&#8220;İzleyen bölümler metinleri yapılandırma konuları 
 
	üzerinde duruyor. Metin görünümleri ile ilgili elemanlar (hizalama
 
	elemanları, font elemanları, biçem sayfaları, vb.) belirtimde 
 
	bulunmaktadır. Karakterler hakkında bilgi için döküman karakter 
 
	seti ile ilgili bölüme başvurunuz.&#8221;</p>
</blockquote>

“İzleyen bölümler metinleri yapılandırma konuları üzerinde duruyor. Metin görünümleri ile ilgili elemanlar (alignment elemanları, font elemanları, biçem sayfaları, vb.) belirtimde bulunmaktadır. Karakterler hakkında bilgi için döküman karakter seti ile ilgili bölüme başvurunuz.”

Vurgu

<em> vurgu için, <strong> ise daha güçlü vurgu için kullanılır. Birçok tarayıcı vurgulanmış metni italik,daha güçlü vurgulanmış metni kalın görüntüler. Ancak bu bir zorunluluk olmadığından vurgulanmış metnin nasıl görüntüleneceğinden emin olmak için görünümlerini CSS ile belirlemek en doğrusu olacaktır. Yapmak istediğiniz sadece görsel bir efekt ise vurgu elemanı kullanmayın.

Örnek:

<p><em>Vurgulanmış</em> metin normalde italik olarak,
<strong>daha güçlü vurgulanmış</strong> metin ise kalın görüntülenir.</p>

Vurgulanmış metin normalde italik olarak, daha güçlü vurgulanmış metin ise kalın görüntülenir.

Tablolar

XHTML tabloları sayfa düzeni için kullanılmamalıdır. Ama, tablo verilerini göstermek için tabii ki tablolar kullanılmalıdır. Veri tablolarını olabildiğince erişilebilir kılmak için tabloyu oluşturmakta kullanılabilen birçok farklı bileşeni bilmek ve kullanmak gerekir. Bunlara örnek, tablo başlıkları (<th>), özetler (summary özelliği), ve etiketlerdir (<caption> elemanı).

Örnek:

<table class="example" summary="Bu tablo İsveç’teki 
 
1999–2003 yılları arası nüfus artışını göstermektedir.">
    <caption>İsveç’teki yıllık nüfus artışı, 1999–2003</caption>
    <thead>
        <tr>
 
            <td>&#160;</td>
            <th scope="col">1999</th>
            <th scope="col">2000</th>
            <th scope="col">2001</th>
 
            <th scope="col">2002</th>
            <th scope="col">2003</th>
        </tr>
    </thead>
    <tbody>
 
        <tr>
            <th>Nüfus</th>
            <td scope="row">8 861 426</td>
            <td scope="row">8 882 792</td>
 
            <td scope="row">8 909 128</td>
            <td scope="row">8 940 788</td>
            <td scope="row">8 975 670</td>
        </tr>
 
        <tr>
            <th>Artış</th>
            <td scope="row">7 104</td>
            <td scope="row">21 366</td>
 
            <td scope="row">26 368</td>
            <td scope="row">31 884</td>
            <td scope="row">34 882</td>
        </tr>
 
    </tbody>
</table>

İsveç’teki yıllık nüfus artışı, 1999–2003

	1999	2000	2001	2002	2003
Nüfus	8 861 426	8 882 792	8 909 128	8 940 788	8 975 670
Artış	7 104	21 366	26 368	31 884	34 882

Tablolar ve kullanımları hakkında daha fazla bilgi için, Tables in HTML documents (HTML dökümanlarında tablolar) ve HTML Techniques for Web Content Accessibility Guidelines 1.0 (Web İçeriği Erişilebilirlik Yöntemleri için HTML Teknikleri 1.0) yazılarından faydalanabilirsiniz.

Daha fazla okuma:

• SimpleQuiz

  Semantik yöntemle nasıl kodlama yapılacağını öğreten harika bir kaynak.

5. (X)HTML

HTML 4.01 kullanarak modern, yapılandırılmış ve standartlara uyumlu web sayfaları oluşturmak mümkündür. Ancak, temiz, semantik kodlamaya geçiş ve XML gibi diğer gelecek kodlama dillerine daha hazırlıklı olmak için yeni oluşturulacak web sayfaları için XHTML 1.0 Strict kullanılmasını öneririm. Bu dökümandaki örnekler de XHTML 1.0 Strict kullanılarak hazırlanmıştır.

XHTML 1.0, HTML 4’ün XML 1.0 içinde yeniden formule edilmiş ve HTML’in yerine kullanılmak için geliştirilmiş halidir. Kullanılmasını önerdiğim XHTML 1.0 Strict sunuma yönelik kodlama yapılmasına izin vermez (HTML 4.01 de buna izin vermez ama burada XHTML’e odaklanmak istiyorum). Bu yüzden, XHTML 1.0 Strict yapıyı sunumdan ayırmaya zorlar.

HTML’in son srümü olan XHTML 1.1 kullanımı teknik açıdan biraz daha zordur. Çünkü belirtim, XHTML 1.1 dökümanlarının MIME türü olarak application/xhtml+xml kullanılması ve text/html olarak sunulmaması gerektiğini belirtir. text/html kullanmak yasaklanmamıştır ama kullanılması önerilmez. Öte yandan, application/xhtml+xml kullanması gereken XHTML 1.0, HTML uyumlu ise MIME türü olarak text/html kullanabilir. XHTML Media Types (XHTML Medya Türleri) başlıklı W3C notu W3C tarafından önerilen MIME türlerine genel bir bakış içerir.

Ne yazık ki, bazı eski tarayıcılar ve Internet Explorer application/xhtml+xml MIME türünü algılamaz ve böyle bir durumda ya kaynak kodu gösterir ya da dökümanı hiç görüntülemez.

application/xhtml+xml kullanmak isterseniz, sunucunun, dökümanı isteyen tarayıcının MIME türünü destekleyip desteklemediğini kontrol etmesini ve destekliyorsa kullanmasını aksi taktirde text/html kullanmasını sağlamalısınız.

Sunucu tarafı betikleri için PHP kullanıyorsanız içerik üzerine anlaşma betiği, farklı tarayıcılara farklı MIME türü göndermek için kullanılabilir. :

<?php
if (stristr($_SERVER[HTTP_ACCEPT], "application/xhtml+xml") || 
stristr($_SERVER["HTTP_USER_AGENT"],"W3C_Validator")) {
    header("Content-Type: application/xhtml+xml; charset=iso-8859-1");
    header("Vary: Accept");
    echo("<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n");
    }
else {
    header("Content-Type: text/html; charset=iso-8859-1");
    header("Vary: Accept");
    }
?>

Betik, kullanıcı ajanının “application/xhtml+xml” değerini içeren Accept HTTP başlığı gönderip göndermediğini ya da kullanıcı ajanının application/xhtml+xml MIME türünü işleyebildiği halde uygun bir Accept HTTP başlığı göndermeyen W3C HTML geçerleyicisi olup olmadığını kontrol eder. Bu durumlardan biri doğruysa döküman application/xhtml+xml olarak sunulur. Bu tarayıcılar ayrıca bir de XML deklerasyonu göndermişlerdir. Internet Explorer’ın da içinde bulunduğu diğer tarayıcılara ise text/html olarak sunulur ve dökümana, IE/Win tarayıcılarını Quirks (acayip) moduna dönüştüren -ki bunun olmasını istemeyiz- XML deklerasyonu eklenmez.

Content-Type başlığından sonra proksi sunucuları gibi ara önbelleklere, dökümanıın içerik türünün dökümanı isteyen istemcinin yeteneklerine göre değişebildiğini söyleyen bir Vary başlığı gönderilir.

PHP kullanılarak yazılmış daha gelişmiş bir içerik üzerine anlaşma betiğini Serving up XHTML with the correct MIME type (XHTML’i doğru MIME türü ile sunmak) yazısında bulabilirsiniz. Bu betik, kullanıcı ajanının q-rating’ini (belirli bir MIME türünü ne kadar doğru işleyebildiğini belirtir) dikkate alır ve dökümanı application/xhtml+xml desteklemeyen kullanıcı ajanlarına text/html olarak göndermeden önce XHTML’i HTML 4’e dönüştürür.

Bu da ASP ve VBScript kullananlar için benzer bir betik:

<%
If InStr(Request.ServerVariables("HTTP_ACCEPT"), "application/xhtml+xml") > 0 
Or InStr(Request.ServerVariables("HTTP_USER_AGENT"), "W3C_Validator") > 0 Then
    Response.ContentType = "application/xhtml+xml"
    Response.Write("<?xml version=""1.0"" encoding=""iso-8859-1""?>" & VBCrLf);
Else
    Response.ContentType = "text/html"
End If
Response.Charset = "iso-8859-1"
%>

MIME türü application/xhtml+xml olduğunda Mozilla gibi bazı tarayıcıların hata içeren dökümanları görüntülemediğini göreceksiniz. Bu geliştirme sürecinde çok iyi bir davranış olabilir ama XHTML uzmanı olmayan kişilerce güncellenen çevrimiçi sitelerde tüm kodun hatasız olduğundan emin olamadığınız sürece sorunlara yol açabilir. Böyle bir durumdaysanız HTML 4.01 kullanmayı seçebilirsiniz.

Aşağıdaki liste, HTML yerine XHTML 1.0 Strict kullanmayı düşündüğünüzde en çok dikkat etmeniz gereken noktaları göstermektedir:

• Hep küçük harf kullanın ve tüm özellikleri tırnak içinde yazın: Tüm eleman ve özellik isimleri küçük harf olmalı ve tüm özellik değerleri tırnak içinde yazılmalı.

  Yanlış: <A HREF="index.html" CLASS=internal>
  Doğru: <a href="index.html" class="internal">

• Tüm elemanları kapatın: HTML’de bazı elemanları kapatmayabilirsiniz. Bu elemanlar bir sonraki elemanın başlangıcında otomatik olarak kapanır. Ama XHTML buna izin vermez. <img> gibi içeriği boş olan elemanlar dahil tümü kapatılmalıdır.

  Yanlış: <li>Bileşen 1
Doğru: <li>Bileşen 1</li>

  Yanlış: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  Doğru: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

  Yanlış: <br>
  Doğru: <br />

  Yanlış: <img src="image.jpg" alt="">
  Doğru: <img src="image.jpg" alt="" />

• Özellikler kısaltılamaz: HTML’de bazı özellikler kısaltılabilir ama XHTML buna izin vermez.

  Yanlış: <input type="checkbox" id="checkbox1" name="checkbox1" checked>
  Doğru: <input type="checkbox" id="checkbox1" name="checkbox1" checked="checked" />

• Kullanımdan kalkmış elemanları kullanmayın: HTML 4.01 Transitional ve XHTML 1.0 Transitional’de kullanılabilen bazı elemanlar XHTML 1.0 Strict’de (ve HTML 4.01 Strict’de ) kullanımdan kaldırılmıştır. Bunlara örnek şunlar verilebilir:<font>, <center>, alink, align, width, height (bazı elemanlar için) ve background.

Daha fazla okuma:

• HTML Versus XHTML

  Web Standartları Projesi W3C’ye HTML XHTML çiftinden hangisini kullanmanız gerektiğini ve bunun nedeni soruyor

• Better Living Through XHTML

  HTML’den XHTML’e geçiş hakkında bir A List Apart makalesi.

• The New York Public Library Online Style Guide

  XHTML ve CSS’in nasıl kullanılacağını anlatan güzel bir yazı.

• XHTML 1.0 Differences with HTML 4

  W3C, XHTML 1.0 ile HTML 4 arasındaki farkları anlatıyor.

• XHTML: Differences between Strict & Transitional

  XHTML 1.0 Strict ile Transitional arasındaki farkların bir özeti.

• Serving XHTML with the Right MIME Type

  Web Standartları Projesi W3C’ye XHTML ve HTML için hangi MIME türünü kullanmanız gerektiğini ve bunun nedeni soruyor.

• XHTML Media Types

  XHTML dökümanlarında hangi medya türlerinin kullanılması gerektiğinin bir özeti.

• Bad Tags

  HTML Dog’un XHTML’de kullanmamanız gereken eleman ve özellikleri anlattığı kılavuzu.

• Specifying a MIME Type

  MIME türleri ve farklı sunucu tarafı betik dillerinde içerik üzerine anlaşmanın nasıl yapılacağı hakkında bir döküman.

• Serving XHTML 1.0

  MIME türleri ve XHTML hakkında bir W3C dökümanı.

Doctype

Şu an, çok az HTML dökümanının doğru ve tam bir döküman tipi (doctype) ya da DTD’si (Document Type Declaration) vardır. Birkaç yıl öncesine kadar işlevsellikten çok dekoratif olarak kullanılmaktaydı ama artık bir döküman tipinin oluşu tarayıcıda dökümanın nasıl çözümlendiğini büyük oranda etkilemektedir.

Geçerli olmak için tüm HTML ve XHTML dökümanlarının döküman tipi deklerasyonu olması gerekir. Doctype, HTML ya da XHTML’in hangi sürümününün kullanıldığını belirtir. Geçerleyiciler geçerleme işleminde, tarayıcılar ise dökümanı çözümlerken hangi modu kullanaclarını belirlerken bu ifadeden faydalanır. Dökümanda doğru ve tam bir doctype deklerasyonu varsa birçok tarayıcı CSS spesifikasyonunu yakından izleyeceği standart modda çalışır. Ayrıca dökümanın tarayıcıda çözümlenmesi de hızlanır çünkü bu durumda tarayıcı geçersiz HTML kodlarını algılamaya, çözümlemeye çalışmaz. Bu ayrıca farklı dökümanlarda farklı çözümleme yapılmasını engeller.

Aşağıdaki doctype dökümanı XHTML 1.0 Strict kullanılarak oluşturulmuştur ve “doctype switching” (döküman tipi geçişi) özelliği bulunan tarayıcıalrın standart moda geçmesini sağlar.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Daha fazla okuma:

• Fix Your Site With the Right DOCTYPE!

  Doctype deklerasyonunun neden kullanılması gerektiği ve nasıl kullanılacağı üzerine bir A List Apart makalesi.

• Activating the Right Layout Mode Using the Doctype Declaration

  Döküman tipi geçişi olan tarayıcıların farklı doctype deklerasyonlarından nasıl etkilendiğinin özeti.

• List of valid DTDs you can use in your document

  W3C’nin doğru doctype deklerasyonlarının listesi.

Karakter kodlaması (Character encoding)

HTML dökümanları karakter kodlamalarını belirtmek zorundadır.

Karakter kodlamasını belirtmenin en doğru yöntemi web sunucusunu karakter kodlaması ile birlikte content-type başlığını da gönderecek biçimde yapılandırmaktır. Bunu yapmanın detayları hakkında daha fazla bilgi için kullandığınız web sunucusu yazılımının belgelerine bakmalısınız.

Apache kullanıyorsanız, karakter kodlamasını belirtmek için .htaccess dosyanıza bir ya da birkaç kural eklemelisiniz. Örneğin, tüm dosyalarınız utf-8 kullanıyorsa şu kuralı ekleyin:

AddDefaultCharset utf-8

Belli bir dosya adı uazantısına sahip dosyalar için karakter kodlaması belirtmek için ise:

AddCharset utf-8 .html

Sunucunuz PHP betikleri kullanmanıza izin veriyorsa karakter kodlaması için şunu kullanabilirsiniz:

<?php
    header("Content-Type: application/xhtml+xml; charset=utf-8");
?>

Sayfalarınızı HTML olarak sunmak istiyorsanız application/xhtml+xml bildirimini text/html olarak değiştirin. Herhangi bir nedenle web sunucunuzu kullandığınız karakter kodlamasına göre yapılandıramıyorsanız dökümanlarınızın <head> bölümünde bir <meta> elemanı kullanın. Hatta web sunucunuz doğru yapılandırılmış da olsa dökümanlarınızda karakter kodlamasını belirtmek iyi bir fikirdir.

Örneğin, aşağıdaki <meta> elemanı tarayıcıya dökümanın ISO-8859-1 karakter kodlaması kullandığını bildirir:

<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1" />

Daha fazla okuma:

• WaSP Asks the W3C: Specifying Character Encoding

  Web Standartları Projesi W3C’ye geliştiricilerin karakter kodlamasını nasıl belirtmeleri gerektiğini soruyor.

• The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)

  Farklı karakter kodlamaları hakkında bir makale.

• Using national and special characters in HTML

  HTML dökümanlarında yerel ve özel karakterlerin nasıl kullanılacağının açıklaması.

• Tutorial: Character sets & encodings in XHTML, HTML and CSS (DRAFT)

  Karakter kodlaması seçmek ve belirtmek hakkında bir ders.

6. CSS

Şimdiye kadar çoğunlukla font özelliklerini belirtmek için kullanılan CSS artık dökümanın tüm düzenini kontrol etmek için kulanılabilir. Ancak bunu etkili bir biçimde yapabilmek düzeni tablolar kullanarak belirlemekten çok daha farklı bir yaklaşım gerektirir.

CSS’in düzeni etkili bir biçimde kontrol edebilmesi için yapısal ve semantik XHTML kullamak gerekir.

Tarayıcı desteği

Daha önce de değinildiği gibi CSS için tarayıcı desteği son yıllarda çok gelişmiştir. Ne yazık ki tüm tarayıcı üreticileri açık standartları kullanmakla ilgilenmemektedir, bu yüzden bahsedilen bu desteğin miktarı tarayıcıdan tarayıcıya değişmektedir. Bunun yanında taraycılarda beklendiği biçimde davranmamalarına yolaçan yazılım hataları da bulunmaktadır.

Şu anda (2004) CSS desteği en üst düzeyde olan tarayıcılar Mozilla (ve Gecko üzerine kurulu diğer tarayıcılar: Firefox, Camino, Netscape 6+), Opera ve Safari (WebCore üzerine kurulu diğer tarayıcılar: OmniWeb 4.5 ve daha ileri sürümleri). Internet Explorer 6/Win aynı derecede CSS desteği sunmaz, ama yine de en temel işleri yapmanıza izin verir. Internet Explorer 5/Mac CSS1 için çok iyi desteğe sahiptir ancak CSS2,yi o kadar iyi desteklemez. Windows için IE 5.* bir miktar destekler ama dikkat etmeniz gereken bazı sorunları vardır. Internet Explorer’ın daha önceki sürümleri bahsetmeye değmeyecek derecede az destek sağlamaktadır. Aynı şey Netscape’in 6’dan önceki sürümleri için de geçerlidir.

Birçok insan şu anda Windows altında Internet Explorer kullanmakta olduğundan tarayıcıyı en küçük ortak bölen olarak düşünmelisiniz. Bu, daha iyi CSS desteği olan tarayıcılar için olan tasarımınızda onların yeteneklerini kullanmamalısınız ya da kullanmayacaksınız anlamına gelmez.

Kullanımda olan tarayıcıların tümü, grafiksel olarak çekici bir düzen yaratmak amacıyla tamamıyla CSS kullanan web sitelerini çözümlemek için gereken seviyede CSS desteğine sahip değildir. Ama ne mutlu ki, birçok web sitesine uğrayan ziyaretçilerin çok çok azı CSS-tabanlı sayfa düzenini doğu biçimde çözümleyemeyecek kadar eski tarayıcı kullanmaktadır.

Bu insanların tamamıyla dışarıda bırakılmayacaklarını belirtmek gerek. Doksanlarda, “yanlış” tarayıcı (aslında Windows için Internet Explorer dışındaki herhangi bir tarayıcı) kullananları, sayfaları doğru görebilmeleri için tarayıcılarını güncellemeleri gerektiğini belirten bir sayfaya yönlendirmek için kullanılan kontrol betikleri çok popülerdi.

Şimdilerde destelenmeyen tarayıcıları ele almanın daha iyi yöntemleri var. Mantıklı ve semantik XHTML kullanmanın bir büyük avantajı da CSS olmasa dahi dökümanları erişilebilir kılmasıdır. — Sayfanın nasıl göründüğü — desteklenen bir tarayıcıyla aynı olmayacaktır ama içerik yine ordadır. Birçok durumda, sitenin ziyaretçilerinin çoğu için, içerik sunumdan çok daha önemlidir. Bu yüzden desteklenmeyen tarayıcı kullananları tamamen dışarda bırakmaktansa stil uygulanmamış bir sayfa görüntülmek daha iyidir.

Bunu yapmanın değişik yöntemleri vardır. En sık kullanılan yöntemlerden biri ilgili CSS dosyasına bağlantıyı sağlamak için @import kullanmaktır. Netscape 4 ve daha eski tarayıcılar @import bildirimini tanımazlar ve CSS dosyasını alamazlar. CSS’i tarayıcılardan gizlemenin bir çok yöntemi vardır. CSS’i gizleme yöntemlerinin çoğunun kullandığı ortak nokta web tarayıcılarının CSS kodunu ele alışlarındaki yazılım hatalarıdır. Bunun anlamı, CSS’i gizlemek için kullanılan yazılım hatasını düzelten ama CSS’in bazı bölümlerini gizlemeyi gerektiren eksikliği gidermeyen bir güncellemenin yapılabileceği riskinin varlığıdır. işte bu yüzden sırtınızı CSS atlatma yöntemlerine (CSS hacks) ne kadar az yaslarsanız o kadar iyidir.

Tabii ki tarayıcı kontrolü ve farklı tarayıcılara farklı CSS yönlendirmesi yapmak (ya da hiç CSS göstermemek) için sunucu tarafı teknolojilerini kullanabilirsiniz. Bunu yaparsanız kullandığınız betiği sürekli güncel tutmaya dikkat edin çünkü bir güncelleme ya da yeni bir tarayıcı çıkması durumunda hatalı CSS yönlendirmesi yapıyor duruma düşebilirsiniz.

Daha fazla okuma:

• Tricking Browsers and Hiding Styles

  Eric Meyer CSS’i bazı tarayıcılardan gizlemenin dört yöntemini anlatıyor.

• CSS Filters and Hacks

  CSS’i tarayıcılardan gizleme tekniklerinden çok fazla sayıda örneğin biraraya getirildiği bir yazı.

• Progressive enhancement using CSS

  Modern tarayıcı kullanan insanların deneyimlerini iyileştirmenin yolları hakkında döküman.

CSS kullanmanın değişik yöntemleri

HTML dökümanındaki elemanlara CSS uygulamanın birden çok yöntemi vardır.

Farklı dosyada

Tüm CSS kurallarını bir yada daha fazla ayrı dosyada tutmanın faydaları vardır. HTML dökümanlarının boyutları küçülür, CSS dosyaları tarayıcının önbelleğinde tutulur ve bu yüzden sadece bir kez indirilmeleri yeter ve son olarak tüm web sitesinin görünümünü değiştirmek için yalnızca bir dosyayı değiştirmeniz yeterlidir. Farklı bir dosyada tutulan CSS şöyle görünebilir:

h1 {
    font-weight:bold;
}

Not: Farklı bir dosyada tutulan CSS’de <style> elemanı bulunmaz.

Bir HTML dökümanına bir CSS dosyasını <link> elemanı kullanarak bağlayabilirsiniz:

<link rel="stylesheet" type="text/css" href="styles.css" />

ya da bir <style> elemanı içinde @import kuralı kullanarak da CSS dosyasına bağlayabilirsiniz:

<style type="text/css">
@import url("styles.css");
</style>

Satıriçi

Bir HTML elemanında style özelliğini kullanarak doğrudan CSS uygulayabilirsiniz:

<h1 style="font-weight:bold;">Rubrik</h1>

Sunum ve yapıyı birleştirdiği için bu kullanımdan kaçınmalısınız.

Aynı dosyada

Aynı dosyada kullanılan CSS, dökümanın <head> elemanına ait bir <style> elemanı içinde bulunur:

<style type="text/css">
h1 {
    font-weight:bold;
}
</style>

HTML ve CSS kodlarını ayrı dosyalarda bulundurmak en iyi yol olduğundan bu kullanımdan da kaçınmalısınız.

Daha fazla okuma:

• At-Rules

  Diğer konuların yanısıra, CSS bağlama ve medya türleri üzerine bir yazı.

CSS Sözdizimi

Bir CSS kuralı bir seçiciden (selector) ve bir ya da daha fazla deklerasyondan oluşur. Seçici, kuralın hangi HTML elemanına ya da elemanlarına uygulanacağını belirler. Her deklerasyon bir özellik ve bir değerden oluşur. Deklerasyon bloğu {} arasında yazılır ve ; (notalı virgül) ile biter.

Basit bir CSS kuralı şöyle görünür:

p {
    color:#0f0;
    font-weight:bold;
}

Yukardaki örnekte, p seçicidir. Bunun anlamı bu kuralın dökümandaki tüm <p> elemanlarını etkileyeceğidir. Kuraldaki iki deklerasyon <p> elamanı içindeki tüm metnin yeşil ve kalın yazılmasına sebep olur.

CSS kuralları hakkında daha geniş bilgi için, örneğin, CSS Beginner’s Guide veya CSS from the Ground Up sayfalarından ya da bir CSS kitabından faydalanabilirsiniz.

Daha fazla okuma:

• CSS Crib Sheet

  Okuyucularının da yardımıyla Dave Shea pratik CSS ipuçlarının bir listesini hazırlamış.

• Writing Efficient CSS

  John Gallant ve Holly Bergevin kısaltılmış CSS yazmanın yöntemlerini anlatıyorlar.

• Selectutorial - CSS selectors

  Farklı CSS seçicilerinin ve nasıl kullandıklarının çok güzel anlatımı.

Gereksiz elemanlar ve sınıflar (class)

CSS kullanmaya başlarken en sık yapılan hata gereksiz XHTML elemanları, gereğinden fazla sınıf ve fazladan <div> elemanı kullanmaktır. Bu kodunuzun geçersiz olacağı anlamına gelmez ama sunumu ve yapıyı birbirinden ayırmanızın en önemli sebeplerinden biri olan daha basit ve temiz kodlar amacını hiçe saymanız anlamına gelir.

Gereksiz XHTML elemanlarının kullanımına bir örnek:

<h3><em>Headline</em></h3>

Başlığı italik yapmak istiyorsanız <h3> elemanının görünümünü değiştirmek için şu kuralı kullanın:

h3 {
    font-style:italic;
}

Gereğinden fazla sınıf (class) kullanımı şöyle görünebilir:

<div id="main">
    <div class="maincontent">
 
        <p class="maincontenttext">
            Lorem ipsum dolor
        </p>
    </div>
</div>

Oysa şu işinizi görecektir:

<div id="main">
 
    <div>
        <p>
            Lorem ipsum dolor
        </p>
    </div>
</div>

div#main etiketi içindeki elemanları CSS aracılığıyla kontrol etmek için bağlamsal (contextual) seçicileri kullanabilirsiniz. Yukardaki örnek için şöyle görünecektir:

div#main p {
    /* kurallar */
}

Birçok durumda mantıksal XHTML sayfanızın görünümünü CSS kullanarak fazladan kod yazmadan belirleyebilirsiniz. Ancak bazen biraz ekstra kod eklemek buna değen sonuçlar verecektir.

CSS ipuçları

CSS’i ciddi biçimde kullanmaya başladığınızda eninde sonunda bir takım sorunlarla karşılaşacağınız kesindir. Bazı sorunlar yanlış anlamalardan bazılarıysa açıkça ortaya konmamış belirtimler ve hatalı tarayıcılardan kaynaklanabilir. CSS Crib Sheet başlıklı yazıda güzel öenriler Dave Shea tarafından biraraya getirilmiştir. Aşağıda bu yazıdaki en önemli ipuçlarından birkaçını ve CSS Crib Sheet’de olmayan fazladan birkaç ipucunu bulabilirsiniz:

• Önce geçerleyin: Hata ayıklama sürecinde öncelikle hem HTML’i hem de CSS’i geçerleyin. Birçok sorun geçersiz kodlardan kaynaklanır.

• İlk etapta en modern tarayıcıyla test edin, daha sonra kodun diğer tarayıcılarda çalışmasını sağlayın: Test yaparken kötü ve/veya yanlış CSS gerçekleştirimi olan eski bir tarayıcı kullanıyorsanız yazdığınız CSS o tarayıcının CSS gerçekleştirimine uyarlanır. Daha gelişmiş bir tarayıcıda test yaparken bazı şeyler sizin yapmayı istediğiniz şekilde görünmeyebilir. Kodlarınızı, önce standartlara en uygun tarayıcıda çalışır duruma getirmek sonra yetenekleri daha yetersiz olan tarayıcılara uyarlamak en doğru yöntemdir.

• CSS kutucuk modelini (box model) anlayın: Bir elemanın gerçek genişliğini ya da yüksekliğini bulmak için padding ve border değerlerini width ya da height değeri ile toplarsınız. Internet Explorer 5.*/Win’de ise, padding ve border değerleri verilen width ya da height içindedir.

  Diyelim ki CSS’iniz aşağıdaki gibi:

  div.box {
      width:300px;
      padding:20px;
      border:10px solid;
  }

  Bu div’in toplam genişliği 360px’dir.

  10px + 20px + 300px + 20px + 10px = 360px

  Internet Explorer 5.*/Win’de, toplam genişlik 300px’dir. İçeriğin genişliği ise 240px’dir.

  300px - 10px - 20px - 20px - 10px = 240px

  Bu sorunu aşmak için, ya bunu doğru ve yanlış algılayan tarayıcılara farklı değerler vermek amacıyla CSS atlatma yöntemleri kullanırsınız ya da bir eleman için width değeriyle birlikte padding ya da border kullanmaktan kaçınırsınız.

  CSS kutucuk modeli hakkında detaylı bir anlatım için Box model dökümanından faydalanabilrisiniz.

• Sıfırdan farklı sayısal değerler için birim belirtin: CSS’de width, height ve font-size gibi özellikler için birim belirtmeniz gerekir. Bunun istisnası, değerin sıfır (0) olması durumudur. Bu durumda, sıfır her şekilde sıfır olduğundan birim kullanmak gereksizdir.

• Float mantığını kavrayın: float kavramını anlamak biraz zor olabilir ama CSS bazlı sayfa düzenlerinde sıklıkla kullanıldığından bu konu çok önemlidir. Float kavramı ile ilgili bazı güzel makaleler şunlardır: Containing Floats, Floatutorial, ve Float: The Theory.

• “LoVe/HAte”: Bağlantılar için yarı (pseudo) sınıfları sırayla tanımlayın; Link, Visited, Hover, Active.

• “TRouBLed”: Bir elemanın margin, padding ya da border özelliklerini kısa yöntemle belirtirken değerleri yukarıdan başlayarak saat yönünde verin: Top, Right, Bottom, Left.

• Sınıfları ve IDleri görünümlerine göre değil işlevlerine göre isimlendirin: Bir sınıfa .smallblue ismini verip daha sonra metni büyük ve kırmızı yapmak istediğinizde sınıf adı kafa karıştırıcı bir hal alacaktır. İsimleri, .copyright ya da .important gibi, yapıyı ya da işlevi yansıtacak biçimde vermek daha akıllıcadır.

• CSS büyük/küçük harf duyarlıdır: class ve id HTML özelliklerinin değerleri CSS ile kullanıldığında büyük/küçük harf duyarlıdır (bkz. CSS2 syntax and basic data types).

• IDlerinizi kontrol edin: Bir dökümanda bir id ismi yalnızca bir elemanda olabilirken class isimlerini birden fazla eleman alabilir.

• class ve id isimlerinde yalnızca izin verilen karakterleri kullanın: Class ve id isimleri yalnızca [A-Za-z0-9] ve tire (-) karakterlerinden oluşabilir, ve tire ya da rakam ile başlayamaz.(bkz. CSS2 syntax and basic data types).

• Yorumlarınızı doğru biçimde ekleyin: CSS yorumları /* ile başlar */ ile sonlanır:

  /* Bu bir yorumdur. */

CSS sayfa düzenleri

CSS’in sayfa düzenini belirlemek amacıyla nasıl kullanılacağını anlatan bir çok örnek ve adım adım dersler vardır. Basit bir düzenle başlayıp nasıl çalıştığını öğrenmek ve sonra daha gelişmiş düzenlere geçmek iyi bir yöntem olabilir.

Daha fazla okuma:

• Simple 2 column CSS layout

  Bir başlık, iki sütun ve bir altlık içeren basit bir sayfa düzeni yaratma örneği.

• CSS Layouts

  Değişik CSS sayfa düzenlerine bağlantılar içeren bir sayfa.

7. Erişilebilirlik

Erişilebilirlik, bir web sayfasını erişilebilir kılmak için en önemli neden bu olsa da sadece engelli ziyaretçilerin kullanımını desteklemek değildir. Erişilebilir bir web sayfası engelli ya da değil herkes için en iyi şekilde çalışır ve farklı web tarayıcılar veya araçlar kullanan çok sayıda insan tarafından erişilebilir.

Bir web sayfasını erişilebilir yaptıkça o sayfanın daha az çekici olacağı ya da erişilebilir olmayan bir web sayfasından çok farklı görüneceği sık rastlanan bir yanlış algılamadır. Bu kesinlikle doğru değildir. Erişilebilirlik görünümü etkilemek zorunda değildir.

Erişilebilirliğin herkese nasıl faydası olabileceğine bir örnek: Bir web sitesi bir seminere kayıt olmak amacıyla hazırlanmış bir form içermektedir. Formu kullanarak, seminere üç şehirden hangisinde katılınacağı seçilebilmektedir. Her şehrin adı bir seçim düğmesinin (radio button) yanında yer almaktadır. Eğer formu yaratan kişinin aklında erişilebilirlik yoksa grafiksel bir tarayıcı kullanan kişilerin bir şehir seçmek için imleçlerini minik seçim düğmesinin üzerine getirip tıklamaları gerekecektir. Geliştirici erişilebilirlik konusunu biliyorsa ve her seçim düğmesinin yanındaki etiketleri <label> elemanı ile kodlamışsa şehir seçmek için isimlerine de tıklanabilecektir. Sizce formu kullanan herhangi biri için hangisi daha basittir?

Semantik ve iyi yapılandırılmış XHTML kullanmak sizi erişilebilir web sayfalarına oldukça yaklaştıracaktır. Bir dökümanın ne kadar erişilebilir olduğunu anlamak için o dökümanı Lynx gibi metin tabanlı bir taratyıcıda görüntülemeye çalışıp içeriğinin ne kadar anlam ifade edebildiğine bakın. Bu yapmanız gereken erişilebilirlik testlerinden en küçüğü de olsa iyi bir başlangıç olacaktır.

Çerçeveler

Birçok web tasarımcısı tarayıcı penceresini, herbiri kendi HTML dökümanını içeren bağımsız parçalara bölmek için çerçeveleri kullanmayı sever. Bu intranet uygulamaları için faydalı olabilir. Ama herkese açık bir web sitesinde çerçeveleri kullanmanın bir çok sakıncası vardır:

• Ziyaretçilerin kafasını karıştırısınız. Web’in en temel presniplerinden biri her sayfanın tekil bir URL tarafından temsil edilmesidir. Bu prensibi kırarak ziyaretçilerin web sitenizin yapısını anlamalarını zorlaştırırsınız.
• Çerçeveler arama motorları için sorun yaratır. Bir arama motorunun çerçeveli bir web sitesini indeksleyebilmesi için tüm içerik sayfalarına bağlantı vermeniz gerekir. Yönlendirme bağlantıları gibi sitenin önemli parçalarının eksik olduğu bir dökümanı görüntülemek istiyor olacaklarından arama motorları aracılığıyla gelen ziyaretçiler de sorunlarla karşılaşacaktır. Bazı çerçeve temelli web siteleri, alt sayfaların indekslenmesini engellemek için robots.txt dosyası kullanarak bunun üstesinden gelmeye çalışırlar. Diğer siteler ise arama motorları aracılığıyla siteye gelen herkesi bir JavaScript yardımıyla ana sayfaya yönlendirirler. Hedef daha az ziyaretçi sayısı ise her iki yöntem de iş görür.
• Çerçeveler favorilere ekleme işlemini engelleyebilir. Birçok tarayıcı çerçeve temelli bir sitedeki sayfaları favorilere ekleyemez. Böyle bir favoriyi açtığınızda çerçeve grubunun varsayılan durumuna yönlendirilirsiniz, ki bu genellikle web sitesinin ana sayfasıdır.
• Yazdırmak çok zorlaşabilir. Ziyaretçiler dökümanları yazdırmak istediğinde zorluklar yaşayacaktır. Birçok tarayıcı bir çerçeveyi yazdırmadan önce o çerçeveyi aktive etmenizi bekler.
• Bağlantıları e-posta aracılığıyla yollamak zorlaşır. Çerçeveler, sitedeki bir sayfaya bağlantıları e-posta ile gönderme olasılığını ortadan kaldırır. Bunu aşmanın yöntemleri vardır ama bu yöntemler siteyi karmaşıklaştırır.
• Sitenin erişilebilirliğini artırmak zorlaşır. Çerçeveleri destekleyen grafiksel bir tarayıcı kullanmayan ziyaretçiler sorun yaşarlar. Bu yüzden erişilebilirlik kılavuzları çerçeve kullanılmamasını önerirler.

Tüm bunların yanısıra, kendinizi de zora sokarsınız. Çerçeveler bir web sitesinin teknik olarak karmaşıklığını artırır.

Tablolar

Genelde insanlar “sayfa düzeni için tablo kullanmayın” önerisni “tablo kullanmayın” olarak yorumlamaktadır. Ancak bu yanlış bir algılamadır. Kodlamaya çalıştığınız tablo verisiyse bir tablo kullanmalsınız. Ancak, veri tabloları oluştururken tabloları daha mantıklı ve erişilebilir yapmanın birçok yolu olduğunu unutmayın.

Daha fazla okuma:

• A table, s'il vous plaît

  Nasıl erişilebilir tablolar oluşturulabileceği hakkındaki makalelere bağlantılar.

• Tables for Tabular Data

  Tablo verisi için nasıl tablo kullanılacağı üzerine bir makale.

Formlar

Genellikle formları kullanmak gereksiz derecede zordur. Bunun nedeni biraz mantıksız yöntemlerle hazırlanmış olmaları biraz da arka plandaki HTML kodunun formları daha erişilebilir ve kullanımı kolay kılmak amacıyla varolan elemanları kullanmıyor olmasıdır. <label>, <fieldset> ve <legend> elemanları kullanılmak için vardır.

“Formların düzeni için ne kullanılmalı” sorusu sık sorulan bir sorudur. Kimileri formların tablo verileri olduğunu ve tablo biçiminde kodlanmaları gerektiğini söylerken kimileri de CSS kullanılması gerektiğini savunur. Her ikisini de kullanabilirsiniz ama tablo kullanırsanız, formun doğrusallaştırıldığında dahi anlamlı ve kullanılabilir olmasına dikkat edin.

Daha fazla okuma:

• Creating Accessible Forms

  Erişilebilir formlar üzerine bir WebAIM makalesi.

• Better Accessible Forms

  Daha iyi ve erişilebilir formlar hazırlamanın temelleri üzerine bir makale.

JavaScript ve cookieler

JavaScript’e bağımlı olmaktan kaçının. Düşündüğünüzden çok daha fazla insan güvenlik nedeniyle ya da açılan pencereleri engellemek amacıyla tarayıcısında JavaScript kullanımı devre dışı bırakmıştır. Hatta JavaScript desteklemeyen tarayıcı bile kullanıyor olabilirler. TheCounter.com’a göre web kullanıcılarının 6%’sı JavaScript’i devre dışı bırakmış durumdadır. Bu rakam W3Schools.com’da 8%dir.

JavaScript’in kullanıldığı birçok durumda aslında Javascript ziyaretçiye hizmet etmemektedir. Tabii ki JavaScript kullanmanın ziyaretçilere çok daha iyi deneyimler yaşattığı durumlar da vardır. Bunlara form girişlerinin geçerlenmesi örneği verilebilir.

Tüm bunların JavaScript kullanmayın demek olmadığını unutmayın. Söylemek istediğim bir web sitesinin çalışmasını JavaScript’e bağımlı hale getirmeyin.

Aynı şey cookieler için de geçerlidir. Ziyaretçi cookieleri engellediğinde siteniz çalışmayacak duruma gelecek denli cookielere bağımlı olmasın.

8. URLler

Bu bölüm aslında web standartları ya da erişilebilirlikle ilgili değil. Ama burada, çünkü, URLlerin oluşturulma şekli bir web sitesinin arama motorları tarafından ne kadar iyi indeksleneceğini ve ziyaretçileri tarafından ne kadar kullanılabilir olduğunu belirler.

Bazı arama motorları sonları sorgu ifadeleri ile (query string) biten URLleri takip etmez. İçeriğini dinamik olarak veritabanlarından oluşturulan web sitelerinde bu tür URLler çok yaygındır ve yaklaşık şöyle görünürler:

http://yourdomain.com/products.asp?item=34627393474632&id=4344

Hem arama motorları hem de insanlar için daha kullanışlı bir URL oluşturmanın en kolay yolu URL sanki bir klasöre bakıyormuş gibi görünecek biçimde değiştirmektir. Böyle yapıldığında yukarıdaki örnek şu şekilde görünür:

http://yourdomain.com/products/item/34627393474632/id/4344/

Web sunucusu bu yeni URLyi yorumlar ve kendi içinde ilk örnekteki haline dönüştürür. Bunun nasıl yapılacağı ile ilgili detaylı dökümanlara erişebilmeniz için bağlantıları bu bölümün sonunda bulabilirisiniz.

Daha kolay ama daha karmaşık bir yöntem ise görünür URLleri yeniden yazmak (rewrite) ve insanlar tarafından okunur kılmaktır:

http://yourdomain.com/products/flowers/tulips/

Bu tür URL kullanmanın avantajları, arama motorları tarafından sitenin daha etkili indekslenmesi, URLlerin insanlar tarafından kolay okunabilmesi ve sunucu tarafında hangi teknolojiyi kullandığınızı gizleyebilmenizdir. URL, .asp, .cf, .cgi or .jsp gibi, sunucuya özgü dosya uzantılarını içermediğinden, bunu yapmanız gerektiğinde sunucu tarafında kullandığınız teknolojiyi değiştirmek de kolay olacaktır.

URLlerinizde sorgu ifadeleri kullanma yöntemini seçerseniz ampersandları, &, HTML karşılıklarına, &, kodlamalısınız. Böyle yapmazsanız bazı tarayıcılar, yapmaları gerektiği gibi ampersandı bir HTML bileşeninin başlangıcı olarak algılar ve eğer hemen ardından gelen metin bir HTML bileşenine denk geliyorsa tarayıcı URLyi dönüştürür ve birçok durumda da sorgu ifadesini bozar.

Bahsedilmeye değer bir başka konu da birçok web sitesi için www alt etki alanı kullanmanın gereksiz oluşu ve http://www.yourdomain.com/ yerine http://yourdomain.com/ şeklinde kullanılması gerektiğidir. Bu konuda daha fazla bilgiye no-www.org adresinden ulaşabilirsiniz. www alt etki alanı kullanın ya da kullanmayın, web sunucunuzda http://www.yourdomain.com/ ve http://yourdomain.com/ adreslerine gelen tüm trafiği aynı URI’a yönlendirmek iyi bir fikirdir.

Daha fazla okuma:

• Generating Simple URLs for Search Engines

  Belirli URL türleri için varolan problemleri ve URLlerinizi nasıl daha iyi hale getirebileceğinizi anlatan bir makale.

• Slash Forward (Some URLs are Better Than Others)

  URLleri “/” ile bitirmenin neden iyi bir fikir olduğunu anlatan yazı.

• Friendly Lasting URLs

  URLler hakkında makale ve derslere bağlantılar içeren sayfa.

• Ampersands and validation

  Sorgu ifadelerindeki kodlanmamış ampersandlarla ilgili sorunların daha detaylı anlatımı ve bir test durumu.

9. Referanslar

Önerilen kitapların, web sitelerinin ve e-posta gruplarının bir listesi.

Kitaplar

• Eric Meyer on CSS: Eric Meyer, ISBN 0-73571-245-X

  CSS kullanımını anlatan proje bazlı bir kitap.

• More Eric Meyer on CSS: Eric Meyer, ISBN 0735714258

  İlk Eric Meyer on CSS’in devamı.

• Cascading Style Sheets – The Definitive Guide: Eric Meyer, ISBN 0-596-00525-3

  CSS önerilerini açıklayan bir referans kitap.

• Designing With Web Standards: Jeffrey Zeldman, ISBN 0735712018
  Standart temelli web tasarımı ve geliştiriminin gerçek dünya örnekleri.
• Building Accessible Websites: Joe Clark, ISBN 073571150X

  Erişilebilirlik ve nasıl erişilebilir web sayfaları oluşturulabileceği hakkında mükemmel bir kitap.

CSS

• CSS (Cascading Style Sheets) Level 1

  W3C’nin resmi belirtimi.

• CSS Level 2 revision 1

  W3C’nin resmi belirtimi.

• CSS Level 3 (in development)
• css-discuss

  CSS’in pratik kullanımları ve uygulamaları hakkında konuşmalara adanmış bir e-posta grubu.

• HTML Dog

  HTML ve CSS dersleri, referanslar ve makaleler içeren çok geniş bir web sitesi.

• css Zen Garden

  Aynı HTML dökümanının görünümünün CSS kullanarak tamamen farklı yöntemlerle nasıl değiştirileceğine çok sayıda örnek.

• Max Design Presentations and articles

  CSS hakkında yazılmış çok iyi birkaç makale.

• Position Is Everything

  Makaleler, uygulamalar, tarayıcı hataları ve daha fazlası.

Genel web tasarımı

• A List Apart

  Özellikle web standartları kullanarak tasarımın getirileri ve teknikleri üzerine odaklanmış, web içeriğinin tasarlanması, geliştirilmesi ve anlamı konusunda makaleler içeren haftalık çevrimiçi dergi.

• webdesign-L

  Web’i yaratmakla ilgilenenlerin e-posta listesi. Listede en çok konuşulan konular, web tasarımı ve web geliştirme.

HTML

• HTML 4.01 Specification

  W3C’nin resmi belirtimi.

• HTML Dog

  HTML ve CSS dersleri, referanslar ve makaleler içeren çok geniş bir web sitesi.

Erişilebilirlik

• Building Accessible Websites Serialization

  Joe Clark’ın erişilebilirlik kitabının çevrimiçi biçimi.

• Dive Into Accessibility

  Mark Pilgrim’in erişilebilirlik üzerine kitabı.

• Web Content Accessibility Guidelines 1.0

  W3C’nin erişilebilir web siteleri oluşturmak konusunda resmi kılavuzları.

• Evaluation, Repair, and Transformation Tools for Web Content Accessibility

  W3C’nin biraraya topladığı, web sitelerinin erişilebilirliğini sınamak ve geliştirmek için kullanılabilecek araçların listesi.

Web standartları

• The Web Standards Project

  “Web Standartları Projesi, tüm web teknolojilerine basit ve karşılanabilir erişimi garantileyen standartlar için savaşan en köklü koalisyondur.”

• MACCAWS: Making A Commercial Case for Adopting Web Standards

  MACCAWS’ın misyonu, web standartlarını müşteriler için ticari anlamda çekici bir seçenek haline getirmek için web yazarlarına gereken kaynakları sağlamaktır. MACCAWS’taki dökümanlardan en önemli ikisi şunlardır: What Every Web Site Owner Should Know About Standards: A Web Standards Primer ve The Way Forward with Web Standards.

• A Roadmap to Standards

  Web standartlarını kullanmaya başlamak için Dave Shea’nın hazırladığı bir kılavuz.

XHTML

• XHTML™ 1.0 The Extensible HyperText Markup Language

  W3C’nin resmi belirtimi.

• HTML Dog

  HTML ve CSS dersleri, referanslar ve makaleler içeren çok geniş bir web sitesi.

10. Terimler sözlüğü

Erişilebilirlik

Erişilebilir bir web sitesi, donanım ve yazılım olarak ne kullanırlarsa kullansınlar ve sitede ne ile geziniyor olurlarsa olsunlar herkes için erişilebilir sitedir.

CSS (Cascading Style Sheets)

Bir dökümanın nasıl sunulacağını tanımlayan kurallar.

HTML (HyperText Markup Language)

Bir dökümanının yapısını kodlamada kullanılan dil.

Sunum

Bir web sitesinin görünümü (ya da duyuluşu).

Yapı

Bir dökümanın olmazsa olmaz parçaları ve içeriğinin mantıksal kodları.

Kodlama/İşaretleme (Markup)

Kodlayarak/işaretleyerek bir dökümana ve içeriğine yapısını ve anlamını verirsiniz. Web’de kodlama için HTML ve XHTML kullanılır.

Geçerleme

Geçerleme, bir dökümanın yazıldığı dilin kurallarına uyup uymadığını kontrol etmektir. Bir metnin yazım ve dilbilgisi hatalarını kontrol etmeye benzetilebilir.

W3C (World Wide Web Consortium)

Web için belirtimler, kılavuzlar ve araçlar üreten organizasyon.

Web standartları

Web standartları, W3C ve diğer standart oluşumlar tarafından yayınlanan ve web tabanlı içeriğin yaratılması ve çözümlenmesi için kullanılan teknolojilerdir. Bu teknolojiler webde yayınlanan dökümanların gelecekte de kullanılabilir ve olabildiğince erişilebilir olmasını sağlamak için tasarlanmışlardır.

XHTML (Extensible HyperText Markup Language)

XML’in kurallarına uyacak biçimde yeniden formüle edilmiş HTML.

XML (Extensible Markup Language)

HTML gibi görünen ama yazarın uygun elemanlar belirterek veriyi tanımlayabildiği kodlama dili.