Archive for the 'Web Tasarımı' Category

Türkiye’de web tasarımında en çok yapılan 10 hata.

Posted Ağustos 19, 2007
Filed under: Tablosuz (Tableless), Web, Web 2.0, Web Tasarımı, Yazılar |
* Comments(5)

Önceki yazılarımda Jakob Nielsen’in web tasarımında yapılan 10 hata adlı listesinden bahsetmiştim. Jakob Nielsen’in bu yazısından sonraTürkiye’de genel olarak web tasarımında ne gibi hatalar yapıyoruz diye kendime bir liste oluşturdum. Tamamen kendi görüşlerim olan bu listede yazanlara katılabilirsiniz veya kendi görüşlerinizi iletebilirsiniz, belkide bu sayede Türkiye’de web tasarımı yapan insanlara görüşleriniz ve önerilerinizle yardımcı olmuş olursunuz.

Türkiye’de web tasarımında en çok yapılan 10 hata:

1-) Sitenin görsel şablonunu tablolu tasarım yöntemi ile hazırlamak.
2-) Siteye girişlerde kullanılan animasyonlu ön sayfalarda animasyonu geçmek için seçenek sunmamak veya bu seçeneği akılda tutmamak.
3-) Optimize edilmemiş yüksek boyutlu resimler kullanmak.
4-) PDF, word dosyası gibi bağlantıları internet tarayıcısı içinde açmaya çalışmak.
5-) CSS kodlarını yazarken internet tarayıcıları arasındaki farklara dikkat etmemek
6-) Açılır (rollower) Flash nesneleri siteye giriş yapılan veya kullanıcıdan bilgi alınan alanların üstüne gelecek şekilde kullanmak.
7-) Site içinde kullanılan imajlarda “alt” değerini kullanmamak veya boş bırakmak.
8-) Flash ile yapılmış sitelerde Flash içinde kullanılan yüksek boyutlu resim, ses ve videoları harici dosyalardan okutmamak.
9-) Sayfa başlıklarını tüm sayfalarda aynı kullanmak.
10-) Site içi bağlantıları yeni pencerelerde açmak.

Sayaç Kontrollü Yazı Kutusu (Textbox Text Counter)

Posted Ağustos 9, 2007
Filed under: JavaScript, Sayaç, Tablosuz (Tableless), Web, Web Tasarımı, Örnek Kodlar |
* Comments(1)

Mesaj Kutusu Sayacı

Bazı durumlarda mesaj alanlarına yazılacak yazılar için girilen harf miktarını saymak ve bu rakamı görsel olarak kullanıcıya iletmek isteyebiliriz. Aşağıdaki kod örneği mesaj alanlarınıza girilen harf miktarını sayarak kullanıcıya iletmenizi sağlayacaktır.

Devamı »

TRT Radyo1 “Net Var Net Yok”

Posted Temmuz 25, 2007
Filed under: ASP.NET, Geliştirme Araçları, Programlama, Tavsiye Ettiklerim, Web Tasarımı, Yazılar |
* Comments(0)

26.07.2007 tarihinde TRT Radyo1(İstanbul: 95,6Mhz) “Net Var Net Yok” programına web tasarımı hakkında söyleşi yapmak üzere konuk olarak davet edildim saat 16:05′te başlayacak olan programda, genel olarak web tasarımına yeni başlayanlara tavsiyeler, web tasarımı yapılırken dikkat edilmesi gereken konular, web tasarım araçları, web tasarımı hakkında bilgi veren siteler ve web sektörünün günümüzde geldiği nokta gibi konulardan bahsedilecek.

Programın web adresi

http://www.trt.net.tr/wwwtrt/progdetay.aspx?tur=RD&proid=2592 

İllere göre TRT Radyo Frekansları

http://www.trt.net.tr/wwwtrt/frekanslar.aspx?tur=RD

CheckBox Listesi Hespini Seç/Temizle (CheckBox List Check All/Clear All )

Posted Mayıs 21, 2007
Filed under: CheckBox Listesi, JavaScript, Tablosuz (Tableless), Web, Web Tasarımı, Örnek Kodlar |
* Comments(1)

CheckBox Listesi

Web sayfalarımızda çoğu zaman checkboxlar ile seçilmesi istenen listeler kullanırız, aşağıda checkbox listelerinin başında yer alan “Hepsini seç” ve “Temizle” fonksiyonlarının bir örneğini görebilirsiniz.

Devamı »

Web Sayfaları Ve Başlık (title) Kullanımı

Posted Nisan 28, 2007
Filed under: Web, Web Tasarımı, Yazılar |
* Comments(4)

Web sayfanızın pazarlaması ve tanıtımı için arama motorlarında iyi bir sıralamaya sahip olmak oldukça önemlidir. Bir arama motoru sitenizi ziyaret ettiğinde, bulunduğu web sayfasında ilk olarak sayfa başlığına bakar. Ve yine bir arama motorunda arama yaptığınızda, öncelikli sıralama aradığınız kelimeye en uygun başlığa sahip siteler olacaktır.

Peki web sayfalarımızda başlıkları belirlerken nelere dikkat etmeliyiz?

Temel HTML “title” Etiketi Kullanımı

<head>
<title>Sayfa Başlığı</title>
</head>

Yukarıdaki örnek temel HTML “title” etiketi kullanımını göstermektedir. Title etiketi HTML standartlarına göre “head” etiketleri arasında yer almalıdır. Daha detaylı bilgi için http://www.w3.org/TR/REC-html40/struct/global.html#h-7.4.2 adresini ziyaret edebilirsiniz.

Devamı »

Web 2 Uygulama 0

Posted Mart 21, 2007
Filed under: AJAX, ASP.NET, Atlas, Gadgets, Web, Web 2.0, Web Tasarımı, Yazılar |
* Comments(2)

Web 2.0

Son zamanlarda Internet ile ilgili konuşmaların, yazıların içinde web 2.0 terimi bol bol kullanılmaya başlandı. Ben de Internet sektöründe uzun yıllardır çalışan biri olarak Web 2.0 konusunda kendi görüşlerimi yazmazsam olmaz dedim ve bu yazıyı yazmaya karar verdim, web 2.0 adına yapılan bazı yanlışları belirtmek içinde bu başlığın dikkat çekeceğini düşündüm.

Web 2.0 Nedir?

Web 2.0, Web sitelerinin kullanıcıları yönettiği bir anlayışın, yapının terkedilip kullanıcıların web sitelerini yönettiği, kullanıcı odaklı, kullanıcıların isteklerine ve sorularına daha fazla cevap verebilen bir yapıya veya anlayışa geçişe verilen isimdir. Fakat malesef bukadar bilinmesine ve konuşulmasının yanında, web 2.0 sitesi yapmayı logo değiştirmek ile mümkün olabileceğini düşünen insanların sayısı oldukça fazla. Web 2.0, web sitenizin logosunu parlak yapmak, renklerini canlı yapmak, biriki güzel resimle süslemek değildir.

Web 2.0, mantığı ile yapılmış siteler kullanıcılarına yapmak istedikleri işlemler için farklı seçenekler sunarlar, kullanıcıların içeriğe daha kolay erişmeleri ve gerektiğinde içeriği yönetebilmeleri için olanaklar tanırlar ve kullanıcıların isteklerine göre yapılanırlar. Bloglar, Google, yahoo, vikipedi gibi siteler web 2.0 mantığını en iyi yansıtan sitelerdendir. Web 2.0 mantığı ile oluşturulmuş siteler kullanıcıların katkılarıyla, onların istekleri doğrultusunda şekillenir ve gelişirler.

Web 2.0 bir teknolojinin adı değildir, fakat web 2.0 mantığı kullanıcı odaklı, kullanıcının içeriğe erişimini hızlandıracak ve kolaylık sağlayacak bütün yeni teknolojileri kabul eder.

Web 2.0 ile ilgili daha detaylı bilgi almak için;

http://tr.wikipedia.org/wiki/Web_2.0.

Web Tasarımında Yapılan 10 Hata!

Posted Şubat 22, 2007
Filed under: Web, Web Tasarımı, Yazılar |
* Comments(5)

Jakob Nielsen web tasarımında en çok yapılan hatalar listesini güncelledi.

İşte web tasarımında en çok yapılan 10 hata.

  1. Yetersiz site içi arama yeteneği (Bir turizm sitesinden istnbl, istanbol gibi aramaların karşılıksız dönmesi vb…)
  2. PDF dosyalarına direk bağlantı verilmesi (PDF içeriğini kullanıcının Internet tarayıcısında açmaya çalışmak…)
  3. Ziyaret edilen bağlantılara ait renklerin değiştirilmemesi (Site ziyaretçisinin hangi bağlantıları daha önceden ziyaret ettiğinin gizlenmesi…)
  4. Site genelinde seçilemeyen yazılar kullanılması (Menü gibi önemli alanlarda yazıların resim olarak konulması vb…)
  5. Sabit yazı tipi büyüklükleri
  6. Arama motorları için yetersiz sayfa başlıkları (Her sayfada aynı başlığın kullanılması vb…)
  7. Reklam gibi görünen içerik
  8. Tasarım kurallarını ihlal etmek
  9. Bağlantıları yeni pencerelerde açmak
  10. Kullanıcı sorularını cevapsız bırakmak (Bir ürüne ait fiyatın, açıklamanın veya teknik bilgilerinin belirtilmemesi vb…)

http://www.useit.com/alertbox/9605.html

Geçtiğimiz senelere ait hata tespitlerini görmek için aşağıdaki bağlantılara tıklayabilirsiniz.

1996 listesi,
1999 listesi,
2002 listesi,
2003 listesi,
2005 listesi.

Altın Örümcek 2006′da Ödüller Sahiplerini Buldu!

Posted Ocak 26, 2007
Filed under: Web, Web Tasarımı, Yarışma, Yazılar |
* Comments(0)

Altın Örümcek Web Ödülleri 2006 Fotoğraf 2Altın Örümcek Web Ödülleri 2006 Fotoğraf 3Altın Örümcek Web Ödülleri 2006 Fotoğraf 1

Bu yıl jüri olarak ta görev aldığım ve DorukNet’in organizatör olarak yer aldığı Altın Örümcek Web Ödülleri Organizasyonu 2006 ödülleri 25.01.2007 tarihinde İTÜ Maslak Süleyman Demirel Kültür Merkezinde yapılan oldukça başarılı bir geceyle sahiplerine dağıtıldı. Geceye Avrupa Yakası’nda yıldızı parlayan Hale Caneroğlu yorumladığı şarkılar ile renk katarken, ödül töreninin sunuculuğunu tanınmış tiyatro sanatçısı Yosi Mizrahi gerçekleştirdi, gecede En İyi Web Sitesi ödülünü http://www.istanbulmodern.org sitesi aldı.

Ödül alan siteleri görmek için; http://www.altinorumcek.com/Kazananlar.aspx

Sonuçlara ait görüşlerinizi yazmadan önce http://www.altinorumcek.com/AltinOrumcek/KatilimSartlari.aspx, http://www.altinorumcek.com/AltinOrumcek/Kriterler.aspx, http://www.altinorumcek.com/AltinOrumcek/Kategoriler.aspx adreslerini ziyaret etmenizi tavsiye ederim.

http://www.altinorumcek.com

Tablosuz Katlanır Menü (Collapsible Menu Tableless)

Posted Ocak 18, 2007
Filed under: JavaScript, Menü, Tablosuz (Tableless), Web, Web Tasarımı, Örnek Kodlar |
* Comments(16)

Katlanır menüler menüdeki öğeleri gizlemek ve görüntü kirliliğinden kurtulmak için çok iyi bir seçimdir. Bugünkü yazımda JavaScript ve CSS yardımıyla tablosuz (tableless) katlanır menü nasıl yapabiliriz ondan bahsetmek istiyorum.

Hazırlayacağımız katlanır menü aşağıdaki resimlere benzeyecek.

Katlanır Menü Görüntüsü 1

Katlanır Menü Görüntüsü 2

Bayram ve yılbaşı hediyesi olarak kabul edersiniz inşallah :)

Tablosuz (Tableless) katlanır menümüzü hazırlamak için öncelikle en çok kullandığımız HTML düzenleyicimizi açıyoruz ve daha sonra aşağıdaki kod bloklarını bir bir eklemeye başlıyoruz.

Devamı »

KolayURL ve AJAX

Posted Ekim 6, 2006
Filed under: .NET Framework 2.0, AJAX, ASP.NET, Atlas, Programlama, Web, Web Tasarımı, XML, Yazılar |
* Comments(3)

KolayURL logo

Son yaptığım değişikliklerle, KolayUrl.Com’da Asp .Net AJAX framework’ü olan Atlas kullanılmakta. ASP .NET 2.0 ve AJAX kullanımı hakkında örnek görmek ve test etmek için KolayURL.Com adresine bakabilirsiniz.

KolayUrl.Com

« Önceki Sayfa — Sonraki Sayfa »