web sayfası

Web tasarım da iki önemli unsur bulunur. Birincisi ve genelde herkesin ilk aklına gelen web sayfasının rengi, grafiklerinden oluşan web tasarımıdır. İkincisi ise ve genelde daha az önem verilmekle birlikte aslında daha önemli olan web sayfası içeriği.

Her Web sayfası göreceli olarak az miktarda içerik bulundurur. Köprüler, bir sayfadan diğerine kolayca geçebilmeyi ve sayfaları uyumlu bir bütün haline getirebilmeyi sağlar. Bununla birlikte, birçok uygulamanın, örneğin bir word belgesi,  gibi tek bir dosyada tutabileceği bilgiler, genellikle onlarca ya da yüzlerce Web sayfası tutar. Tüm bu sayfaları uygun bir biçimde düzenlenmiş olarak tutmak gerçek bir savaş olabilir. Tüm köprüleri güncel tutmak ise daha da zorlayıcı olabilir.
Durumu karmaşıklaştırırcasına, birçok Web sitesinin birkaç bütünleyici parçası vardır ve bu parçaların her biri ayrı birer dosyadır. Tarayıcı bir Web sayfasını yüklemek için önce URL’de görünen dosya adını, ardından bu dosya içinde belirtilen dosyaları (çerçeve ve resimler gibi), sonra bu dosyalar içinde belirtilen dosyaları ister ve bu böyle sürer. Sonuç olarak, Web’de basit bir teknik kılavuzu, sunuyu ya da satış katalogunu sunmak onlarca, yüzlerce ya da binlerce dosya gerektirebilir.

Bir Web sitesini oluşturan tüm dosyaları yönetmenin üç çeşit zorluğu vardır.

• İlk zorluk, bağlantılı nesneleri değiştirmekle ilgilidir. Bir dosyada yaptığınız değişiklikler, ona başvuran diğer dosyalarda da değişiklik gerektirebilir. Örneğin, bir dosyanın adını ya da yerini değiştirirseniz, ona başvuran her köprüyü de değiştirmelisiniz, /common/contacts.htm dosyasına bağlanan yarım düzine dosyanız varsa ve contacts.htm yi yeniden adlandırıp email.htm yaparsanız, bu altı dosyanın hepsini yeniden bulmalı ve köprülerini değiştirmelisiniz. Aynı şey resim adları için de geçerlidir. Ayrıca, bir resmin boyutlarını değiştirmek, bu resmi kullanan her dosyada yükseklik ve genişlik özniteliklerini değiştirmeyi gerektirir.
• İkinci zorluk, görünümün tutarlılığıyla ilgilidir. Hemen hemen her zaman, aynı gövde içeriğindeki tüm Web sayfaları ortak bir görünümü paylaşmalıdır. Aynı sayfa düzenini, aynı yazı tiplerini, aynı renkleri, aynı köprü kurallarını vb kullanmalıdır. En titiz Web tasarımcıları bile, bu düzeyde bir tutarlılığı korumayı son derece zor bulurlar; özellikle de çalışma çok uzun bir zamandır sürüyorsa.
• Neyse ki tüm bu zorluklar, bilgisayar dosyalarında yinelenen işleri kapsar ve bu yüzden de yazılım çözümlerine uygundur. Ancak bunlar, bir şekilde işlenecek tüm dosyalar ortak bir alanda gruplanmışsa olanaklıdır.

Günümüzde bir çok web tasarım editörü, hemen hemen bütün ofis yazılımlarını (örneğin, open office, Microsoft Office gibi) desteklemekte, bu uygulamalarda yazılan bütün dökümanları web sayfası olarak aktarmak işlevine sahiptir. Bu aslında web tasarım konusunda web tasarımcı için büyük bir kolaylıktır. Genel görünüm, menü yapısı, simge atamaları, iletişim kutuları, klavye kısayolları ve sürükle-bırak işlemlerindeki benzerliklerin yanı sıra, söz konusu web tasarım editörleri aşağıda sayılan özellikleri de desteklemektedir:

• Yaygın olarak kullanılan office biçimlerinden HTML’ye ya da HTML’den Microsoft Office biçimlerine dosya dönüştürme. Bu beceriler, hem bir office dosyasının tamamını Web sayfalarına eklemeyi, hem de bir Office uygulamasından kopyalanan içeriği FrontPage’e yapıştırmayı kapsar. Örneğin, bir word tablosunu, excel’deki bir hücre aralığını ya da bir veritabanı tablosundaki kayıtları kopyalarsanız, profesyonel web tasarım editörleri bunları HTML tablosu olarak yapıştıracaktır.
• Ortak tablo komutları. Tabloları oluşturmak ve düzenlemek için kullanılan FrontPage yordamları, olası en geniş kapsamda, diğer Office uygulamalarındaki gibidir. Yalnızca bu basit özellik bile ona, bir metin düzenleyicisi ile HTML yazmaya göre büyük bir üstünlük sağlamaktadır.
• Ortak düzenleme komutları. Web tasarım editörleri, olanak bulunan her yerde, nesneleri hizalamak, yazı tiplerini ayarlamak ve madde işaretleri ile diğer paragraf özelliklerini denetlemek için, bildiğimiz office komutlarını ve iletişim kutularını kullanır.
• HTML formları oluşturma. HTML, metin kutuları, açılır listeler, seçenek düğmeleri ve basılabilir düğmeler gibi birçok kullanıcı arabirimi nesnesini destekler. Bu tür öğelerin gruplandırılmasına HTML formu denir. Web tasarım editörleri, HTML formları tasarlamak için, WYSIWYG, sürükle-bırak ortamı, form sihirbazları ve tüm form öğeleri için menü yönelimli bir yapılandırma sağlar.

Web tasarımı oluşturan en önemli bileşen kuşkusuz sayfalardır. Temel düzeyde, sözcük işlemcilerle hazırlanmış belgeler, elektronik tablolar, slayt gösterisi sunuları ve veritabanı raporlarının hepsi birer sayfadır.

Bununla birlikte bu türlerin her biri farklı bir çalışma mantığına sahiptir ve kendi farklı gereksinimleri için farklı programlar gerektirir. Web sayfalarında da böyledir.

Web içeriğinin temel birimi Web sayfasıdır. Fiziksel olarak Web sayfaları, aralarına yapıyı ve biçimi denetleyen işaretleme etiketleri eklenmiş, düz ASCII metinlerinden oluşur. Birçok Web sayfası 20 ya da 30′dan çok HTML etiketi kullanmaz. Bu etiketlerin ezberlenmesi oldukça kolay olduğundan, birçok Web tasarımcısı sayfaları bir metin düzenleyicisinden başka bir şey kullanmadan oluşturur. Bu sizin için de geçerliyse, sorun yoktur. Web tasarım editörleri, her adımınızda sizi destekleyecektir. HTML düzeneğini atlamayı ve sayfaları yalnızca görsel olarak oluşturmayı yeğliyorsanız, çoğu profesyonel web tasarım editöro size olağanüstü bir WYSIWYG (What You See Is What You Get, Ne Gördüğün Ne Yaptığındır şeklinde de ifade edilebilir) düzenleyicisi sağlar.

Günümüzde çoğu web tasarım editöründe WYSIWYG (What You See Is What You Get, Ne Gördüğün Ne Yaptığındır şeklinde de ifade edilebilir) standart halde bulunmaktadır. Hatta programlar bu mantık üzerine yazılmaktadır. Çünkü WYSIWYG (What You See Is What You Get, Ne Gördüğün Ne Yaptığındır şeklinde de ifade edilebilir) web tasarımcılara web sayfası hazırlama konusunda büyük fayda sağlamaktadır

Arama motoru optimizasyonu ve web tasarım doğru oranda ve doğru zamanda birleştirilirse başarılı bir elektronik ticaret için gerekli koşullar sağlanmış olur. Eğer müşterileriniz arama yaptığında sizi bulamıyorlarsa isterseniz dünyanın en güzel web tasarımına sahip olun. Şöyle de düşünebilirsiniz dünyanın en güzel işyerini dekore ettirdiniz ama işyerinizin önünden hiç müşteri geçmiyor. Eğer Google da insanlar sizi aradığında bulamıyorsa web sitenizi pek fazla müşteri ziyaret etmeyecektir.

Gözünüzün önünde, bir çölde veya kuzey kutbunda inşa edilmiş dünyanın en güzel mağazasının canlandırın. Evet, eğer web tasarımınızın arama motoru optimizasyonu yoksa korkarız durumunuz bu örneğe benzemektedir.

Başarılı bir elektronik ticaretin sırrı arama motoru optimizasyonu ve web tasarımını doğru şekilde harmanlamak. Artık günümüzde arama motorlarını dikkate almayan web tasarımının kendisi dikkate alınmıyor ve unutulmaya, bir köşeye atılmaya mahkum oluyor.

Ancak, sadece arama motorlarını düşünerek yapılmış web tasarımlar da arama motorlarının çeşitli filtrelerine yani güvenlik önlemlerine takılıyorlar ayrıca web sitesi ziyaretçileri tarafından tercih edilmiyorlar.

Bunun yerine ziyaretçilerin tercihleri dikkate alınarak yapılan yani “ziyaretçi dostu” ve “arama motoru dostu” web tasarımlar artık tercih ediliyorlar. Firmalar artık en istediklerini biliyorlar. Bu noktada artık ağır animasyonların olduğu göz alıcı web tasarımlar yerine kullanışlı ve basit tasarımlar ön plane geçiyor. Eskiden revaçta olan “göze hoş gelen” web tasarımlar artık bir köşeye atılmak zorunda. Aslında, zengin içerikli ve ağır animasyonlu (genelde flash veya silverlight) web tasarımlara karşı olmamakla birlikte, söz konusu ağır animasyonların işlevlerini açıklamak konusunda zorluk çektiğimizi de belirtmek istiyoruz. Sonuçta, bu animasyonlar bir-iki kere web ziyaretçilerinin dikkatini çekebilir ama daha sonra insanlara tanıdık ve bildik gelmektedir.