Web Tasarım Rehberi

Web Tarayıcıları

Web tasarımcısının, HTML komutları kadar, hatta onlardan da çok iyi bilmesi gereken, tarayıcıların HTML’i nasıl yorumladığıdır. Bu nedenle bir Web tasarımcısının bilgisayarında, Web server yazılımı bulunmayabilir (sayfalarına başka bir Internet Web Server hizmeti veren kişi veya firma evsahipliği yapıyor olabilir), ama mutlaka piyasaya mevcut Web tarayıcılarının hemen bütün geçerli sürümleri bulunmalıdır. Netscape firmasının Navigator ve Communicator adıyla piyasaya sürdüğü farklı sürümleri ayrı ayrı dizinlerde durmak şartıyla aynı bilgisayarda çalışabilir. Anacak Microsoft firmasının Internet Explorer adlı programının farklı sürümleri aynı Windows ortamında birarada bulunamazlar. Bunun için iddialı bir Web tasarımcısının, bu programın farklı sürümleri için birden fazla bilgisayar bulundurması gerekebilir.

Neden değişik tarayıcıların değişik sürümlerine ihtiyacınız var? Bu sorunun cevabı, HTML’in ınternet’in ortak dili olduğu gerçeğine bir ölçüde gölge düşürecektir. Çünkü ortak bir HTML dili bulunmasına rağmen, tarayıcıların ve aynı tarayıcının farklı sürümlerinin HTML’i yorumlayışı farklıdır. HTML, Uluslararası Web Konsorsiyomu adlı kuruluşun çıkarttığı, adı “tavsiye” olmakla birlikte kendisi standart sayılan dördüncü sürümüne ulaşmış bulunuyor. Böyle bir standartlaşmaya rağmen, Netscape ve Microsoft firmaları, bilgisayar kullanıcılarının rağbet ettiği tek tarayıcı programın kendi programları olmasını sağlamak üzere giriştikleri rekabet çerçevesinde, programlarını sadece HTML’i aynı şekilde yorumlayan ve dolayısıyla birbirinden farksız sonuçlar veren programlar olmaktan çıkartmak istediler. Bunun sonucu ise, Web tasarımcısının, kimi zaman Netscape’in anladığı ama IE’nın anlamadığı, kimi zaman IE’in becerebildiği, buna karşılık Netscape’in henüz programına koyamadığı HTML özelliklerinden hangisini kullanacağına bir türlü karar veremez duruma düşmesi oldu.

HTML’i kullanarak, ticarî amaçlı Web tasarımı yapan kişi, Internet ile bağlantılı bilgisayar kullanıcılarının (Internet kullanıcılarının) hepsinin ekranında aynı şekilde gösterilecek sayfalar yapmaya mecburdur. Buna karşılık bir firmanın intranet ortamı için Web tasarımı yapan kişi, HTML’in sadece kendi firmasının standart olarak benimsediği tarayıcının anlayabileceği özelliklerinden yararlanması mümkündür.

Microsoft Internet Explorer

Windows ortamında tarayıcı piyasasına, diğer tarayıcılardan sonra girmesine rağmen, Microsoft’un Web tarayıcı programı, piyasa payındaki artış hızı bakımından da, HTML’in tanıdığı özellikleri ve HTML’e ilave ettiği diğer görsel kabiliyetler bakımından da, diğer programları geride bırakmış bulunuyor. 1997 sonbaharında 4’ncü sürümü piyasaya çıkan IE, giderek Windows ortamının masaüstü ile bütünleşiyor. IE artık sadece bilgisayar kullanıcısının Internet ile bağlantı kurmasını ve Internet’ten alacağı HTML sayfalarını ekrarında canlandırmasını sağlamakla kalmıyor, aynı zamanda bilgisayarın disklerinin taranması ve dosya yönetimi gibi işleri de yapıyor. Windows 98’in ve NT’nin hazırlanmakta olan beşinci sürümünün yardım dosyaları da IE vasıtasıyla okunuyor. IE’nin, sürümleri daha geriden gelmekle birlikte Macintosh uyumlu sürümü de bulunmaktadır. IE’nin UNIX sürümü, 1998 yaz sonu piyasaya sürülmek üzere hazırlanmaktadır. IE, Microsoft’un Internet alanından ücretsiz indirilebilir veya sadece CD masrafı ödenerek, firmadan posta ile de istenebilir.

Netscape Navigator

Netscape Communications Corporation’ın (NCC) piyasaya sürdüğü NN, IE’ın hızlı yükselişine rağmen, kurulduğu bilgisayar sayısı bakımından piyasanın en yaygın tarayıcısıdır. NN, sadece Windows ve Macintosh ortamlarında değil, fakat aynı zamanda UNIX işletme sisteminde de işleyebilmektedir. NCC, yakın zamana kadar, hem tarayıcı, hem de Web Server programları alanında Internet’te öncü konumda idi. Internet’in bugün sahip olduğu bir çok özellik, HTTP ve FTP ilkelerinin çoğu, bu firmanın tasarımı sonucudur. Eğitim kurumları ve kâr amacı gütmeyen kuruluşların mensupları ile programdan kişisel amaçlarla yararlanmak isteyenler, NN’i ücretsiz olarak kullanabilirler. Ticaret amaçlı kullanım ise ücrete tabidir.

Diğerleri

Web tarayıcı piyasasını NCC ve MS firmalarının egemenliklerine almış olmaları nedeniyle, piyasada başka tarayıcı bulunmadığını sananların sayısı az değil. Oysa piyasada, çoğu ücretsiz veya sınayıp da beğenenlerin yazarına az bir ücret ödedikleri paylaşım yazılımı türünden, 50’den fazla tarayıcı programı bulunmaktadır. Bu programların en yaygını, tarayıcı programının ilk mucidi NCSA’e ait Mosaic’tir. Spyglass firmasının Mosaic’i esas alan programı, halâ yaygın olarak kullanılmaktadır.

Web tasarımcısının NN ve IE’ın 3 ve 4’ncü sürümlerini bilgisayarlarında mutlaka bulundurması gerekir. Hazırlayacağınız bir HTML dosyasının, bu iki program ve onların farklı sürümleri tarafından nasıl yorumlandığını ve bu yorumun sizin oluşturmak istediğiniz görsel etkiye uygun olup olmadığını, sayfalarınız Internet’e veya intranet’e çıkmadan mutlaka incelemelisiniz. HTML’in 4’ncü sürümünde yer alan komut listesinin tümü halâ NN tarafından tanınmamaktadır. Böyle bir komuta sayfanızda yer vermeniz halinde, sayfanızı NN ile tarayacak ziyaretçilerin ekranlarında, sayfanız sizin istediğiniz biçimde yansıtılamaz.

Bir Web tasarımcısının mutlaka aşina olması gereken bir tarayıcı, HTTP, FTP ve HTML gibi Web’in protokol ve dillerini belirleyen, Evrensel Kaynak Belirleyici (URL) sistemini işleten, yani tüm dünyadaki Web adreslerini sağlayan ve bu listeyi üstlenici firmalar aracılığıyla hergün tüm dünyadaki Internet omurga işletmecilerine ulaştıran uluslararası kurum olan W3C’nin kendi tarayıcı programı olan Amaya’dır. Bu program, sadece Internet tarayıcı değil, aynı anda HTML sayfaları oluşturmakta da kullanabileceğiniz bir HTML editörüdür. Birden fazla HTML sayfasını açabilen, Internet’e bağlı iken bir yandan da sayfa tasarımına olanak veren Amaya, HTML’i, olduğu gibi anlayıp, ekranda gösteren tek tarayıcı programıdır. NN ve IE, HTML’e kendi yorumlarını katarken, Amaya, sayfalarınızın gerçek HTML değerlerini ekrana getirecektir. Bu program ücretsiz olarak http://www.w3C.org adresinden indirilebilir. Bu programı edinmek, ve tasarlayacağınız Web sayfalarını bu programla sınamak, tasarımcı olarak sizi diğer tarayıcıların sayfanızı nasıl göstereceğini belirleme zorunluğundan kurtarmaz. Amaya, bir HTML sayfasının sınanacağı ilk tarayıcı olmalıdır. Ama tasarımcı olarak, sayfanızın NN veya IE’de “nasıl durduğunu” belirlemek zorundasınız. Ayrıca Amaya, HTML standardının parçası olmayan, NCC ve MS tarafından kendi tarayıcı programlarının bir ilave niteliği olarak ortaya attıkları Java, Javascript, VBScript gibi programları tanımamaktadır. HTML editörü olarak Amaya, bu alana yeni atılan bir tasarımcının HTML’i öğrenmesine ve uygulamasına olanak sağlamakla birlikte, çok yetenekli ve scripting pogramları oluşturabilen diğer editing programlarına oranla basit kalabilir.

Yaygınlık Oranları

Internet’te http://browserwatch.internet.com adresinde bulabileceğiniz istatistikler, size tarayıcılar arasında hangi programın ne oranda rağbet gördüğünü söyleyecektir. Genel olarak ifade edersek, Netscape Navigator halâ tüm bilgisayarlarda (PC, UNIX bilgisayarları ve Macintosh) yarının biraz üzerinde bir paya sahip bulunuyor. IE ise, üçret bir sınırını aşmış durumda. Listenin geri kalan bölümünü, en genişi yüzde 2’lik bir pay olmak üzere, şu programlar paylaşıyorlar: Cyberdog, IBrowse, Opera-3.0, Lynx, Echo, CacheFlow-Cache, IBM WebExplorer, Opera-3.0, ve MacWeb.

Yardımcı Programlar ve Ek Birimler

Internet tarayıcıları, sadece HTML kodları ile yazılmış metinleri okuyup anladıkları günleri çoktan geride bıraktılar. NN ve IE, artık bir çok grafik dosyasını okuyup, ekranda resmedebiliyorlar. Bu gelişmeye rağmen, Internet tarayıcının başlıca işi, hergün yeni bir türü ortaya çıkan ses, video ve diğer çoklu ortam dosyalarının, veritabanı veya muhasebe tablolarının hızlı gelişimine ayak uydurup, onları ekranda canlandırmak olmadığı için, tarayıcı programını yazan uzmanlar, bu gibi programlarının dışardan çalıştırılmasına olanak sağlarlar. Kullanıcı isterse tarayıcısına, Internet’te adının uzatması “.xls” olan bir dosya ile karşılaşınca, bunu ekranda göstermek için Microsoft Excel programını çalıştırmasını bildirebilir. Yardımcı programlara ve bunların gerektiği verileri sayfanıza koyarken, Internet tarayıcısına nasıl bildirimde bulunacağınıza ilerde döneceğiz.

Plug-In denilen ek birimler ise, tarayıcıya tamamen farklı bir programı açmak yerine, belirli bir tür dosya türünü ekranda canlandırabilme yeteneği kazandıran eklerdir. Tarayıcı program bilgisayara kurulurken bu ek birimler olmaksızın (ya da çok yaygın olanları ile) yüklenir. Internet’te yeni bir tür dosya türü oluşturmak isteyen, ya da mevcut türlerin Internet servisi sunan bilgisayardan (Server) müşteri bilgisayara aktarılmasında yeni bir yöntem geliştiren kişi veya firma, bu yeni dosya türünün tarayıcı tarafından bilgisayarda oluşturulabilmesi için bir de “plug-in” oluşturur ve bunu genellikle ücretsiz dağıtır.

Diyelim ki, bir firma, Internet’te ses naklini çok daha hızlı ve kolay hale getirdiğini düşündüğü yeni bir biçim geliştirdi. Bu biçimin Internet hizmeti verenler tarafından benimsenmesi ve yaygın olarak kullanılması, tarayıcı programların bu biçimi tanımasına, bu da firmanın yeni ses nakil yönteminin gerektirdiği plug-in programcıklarını etkin şekilde dağıtmasına bağlıdır. Kimi zaman bir yöntem o kadar beğenilir ve Internet hizmeti verenler tarafından tutulur ki, plug-in tarayıcı kullananların satın almak isteyecekleri bir program haline gelir. Çoğu zaman, tarayıcı için gerekli plug-in kullanıcılara ücretsiz ulaştırılırken, yeni yöntemi kullanarak Internet alanında sundukları içeriği daha etkin hale getirmek isteyenler için gerekli oluşturma programı parayla satılır. Bunun bir örneği Internet’te gerçek zamanlı ses aktarmakta kullanılan RealAudio ses kayıt ve saklama yöntemidir. Firma, ses dosyalarını bu yöntemle sıkıştırıp hızlı bir şekilde ulaştırmak isteyenlere kodlama ve bunu Server’a yerleştirerek, isteyen tarayıcıya aktaracak programı satarken, kendi tarayıcılarına RealAudio dosyalarını okuyarak, bilgisayarın ses kartını ve hoparlorunu kullanarak bu dosyayı sese çevirecek ek birimi ücretsiz dağıtmaktadır.

Web tasarımcısı, özellikle ses, video ve diğer grafik unsurların Server’dan müşteriye aktarılmasında ne gibi yöntemler olduğunu ve gelişmeleri izlemek zorundadır. HTML sayfanıza bir ses unsuru koymaya karar verdiğiniz zaman NN veya IE kullanan bir kişinin bunu bilgisayarında dinleyip-dinleyemeyeceğini de hesaba katmak zorundasınız. İlerde, Web tasarımında çoklu ortam unsurlarından söz ettiğimiz zaman, plug-in’lere döneceğiz.

Java, ActiveX

Bu bölümü bitirmeden, HTML sayfalarınıza koyabileceğiniz ve HTML’i duraganlıktan kurtarıp, hareket ve hatta kullanıcı ile etkileşmeli hale getiren unsurlardan da kısaca söz edelim.

Java dili ile yazılmış programlar veya programcılar (Applet) ve Microsoft firmasının Windows ortamı için geliştirdiği ama zamanla diğer işletme sistemlerine de yayılan ActiveX Kontrolleri, tarayıcı programın yanı sıra, ama ondan bağımsız olarak, çalışan ve ortaya çıkarttıkları sonucu, programcığı veya Kontrol’ü yazan kişinin amacına bağlı olarak, ya tarayıcı içinde, ya da tarayıcı dışında ekrana getiren veya yapan unsurlardır. Hareketli Web sayfalarından ve Dinamik HTML’den söz ettiğimiz zaman bu iki unsuru daha geniş ele alacağız.