Archive for the 'Web' Category

Beta 2008 Express Editions

Posted Kasım 12, 2007
Filed under: .NET Framework 3.0, AJAX, ASP.NET, Atlas, C#, Framework, Geliştirme Araçları, J#, Programlama, Programlar, Tavsiye Ettiklerim, VB .NET, Veritabanı, Web, Web Tasarımı, XML |
* Comments(0)

Visual Studio Express Edition

Önceki yazılarımda da bahsetmiş olduğum Microsoft’un yazılım geliştiricileri için ücretsiz yazılım geliştirme platformları olan “Visual Studio Express Edition” ların 2008 BETA sürümleri yazılım geliştiriciler için dağıtılmaya başlandı.

Aşağıdaki adresten ihtiyacınız olan Express Edition’ı bilgisayarınıza kurarak yeni sürümler ile gelen yeni özelliklerden anında faydalanabilirsiniz.

http://msdn2.microsoft.com/en-us/express/future/bb421473.aspx

Altın Örümcek Web Ödülleri 2007

Posted Ekim 6, 2007
Filed under: Web, Web Tasarımı, Yarışma |
* Comments(3)

Altın Örümcek Web Ödülleri 2007

Altın Örümcek Web Ödülleri 2007 için başvurular 17 Ekim 2007 tarihinde alınmaya başlanacak. Geçen sene jüri üyesi olarak görev aldığım Altın Örümcek Web Organizasyonunda bu sene bizzat projesini yönettiğim veya sahibi olduğum sitelerin başvuru yapmaları durumunda eleştiri veya tepki almamak adına jüri üyesi olarak yer almamayı tercih ettim.

Tüm katılımcılara başarılar.

http://www.altinorumcek.com

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ı »

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.

ASP.NET C# Veriyi Önbellekte Saklamak (Data Caching)

Posted Mart 18, 2007
Filed under: .NET Framework 1.1, .NET Framework 2.0, .NET Framework 3.0, ASP.NET, C#, Dataset, Framework, Web, Örnek Kodlar |
* Comments(3)

Web sayfalarında önbellekleme işlemi sayfalarımızın performansını arttırmak için oldukça önemlidir. Eğer web sayfalarınızı ASP .Net ile programladıysanız birkaç önbellekleme çeşidi kullanabilirsiniz. Bu yazımda web sayfamızdaki bir veri kaynağını nasıl önbelleğe yazdırabileceğimizden bahsetmek istiyorum.

Aşağıdaki kod’u projemize eklemeden önce veri kaynağı olarak “OrnekXml.xml” adında bir XML dosyası ve bir adet DataGrid ekleyelim.

OrnekXml.xml Dosyası

<?xml version=”1.0″ encoding=”utf-8″ ?>
<data>
<tablo>
<oge1>xxx1</oge1>
<oge2>xxx2</oge2>
</tablo>
</data>

Örnek xml dosyamızı oluşturduktan sonra aşağıdaki kodları projemize ekleyelim.

protected void Page_Load(object sender, EventArgs e)
{
DataSet ds = new DataSet();
// DataSet i almak için önbeleğe gidiliyor
ds = (DataSet)Cache["OnbellekXmlVerisi"];
// DataSet önbellekte yok ise xml dosyası okunuyor.
if (ds == null)
{
ds = new DataSet();
ds.ReadXml(Server.MapPath("~/OrnekXml.xml"));
Cache.Insert("OnbellekXmlVerisi",
ds, null, DateTime.Now.AddMinutes(5), TimeSpan.Zero);
}

this.GridView1.DataSource = ds.Tables[0];
this.GridView1.DataBind();
}

Yukarıdaki kod örneği “OrnekXml.xml” dosyasını 5 dakika boyunca önbellekte tutmanızı sağlayacaktır, her 5 dakika sonunda xml dosyası güncel haliyle yeniden okunup önbellekte saklanacaktır.

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

« Önceki Sayfa — Sonraki Sayfa »