WEB TASARIMI:
WEB SAYFALARI NEDİR NASIL ÇALIŞIR:
Günümüzde birkaç çeşit dosya tipiyle web sayfaları oluşturulabiliyor.ASP,PHP,HTM,HTML veya XML,ASPX gibi çeşitli uzantılara sahip bu dosyaların her biri tek bir sayfayı ifade ediyor.Sitenin büyüklüğüne göre bu sayfaların birkaç tanesinin bir araya gelmesi de bütün olarak web sayfasının kendisini meydana getiriyor.  
DÜZ METİNLER:
Web sayfası temel anlamda basit metinlerden oluşur.İçeriğine baktığımızda ise bunun aslında karmaşık HTML kodlarının bir araya gelerek oluşturduğu bir bütün olduğunu görürüz.Yani bize düz yazı gibi görünen sayfanın kodları,aslında biraz daha karmaşıktır.HTML kodları bu metinlerin hangi renk veya şekilde sayfalarda görüntüleneceğine belirleyerek tarayıcıya bildirirler.Tarayıcılar da sayfa görüntülenmek üzere açıldığında bu kodları okur.İlgili kodları gördüğünde anlar ki yazının rengi şu olacak,yeri burası veya yazı tipi de bu…Tüm veriler yorumlanır ve sonuçta ekranda karşımıza basit metinler düzgün şekilde görüntülenir.Bir web sayfası tamamen metinlerden oluşmaması gerektiği gibi,benzer şekilde çok fazla görsellik de kullanıcıyı sıkar.Sayfanın %60-70 oranında düz metinlerden oluşması en mantıklı seçimdir.
HTML KODLARI:
Sık sık karşılaştığımız HTML, Hyper Text Markup Language için kullanılan bir kısaltmadır. Buradaki “markup language” sayfaların hangi şekilde görüntülenmesi gerektiğini tarayıcılara aktaran bir bilgisayar dili anlamına gelir. Bir sayfayı siyah-beyaz renklerde herhangi bir estetiği olmadan görüntülemek isterseniz HTML kullanmaya da ihtiyacınız yok demektir. Yazı tipleri, renk değiştirme, başlık yaratma veya grafik, animasyon ve müzik ekleme gibi eklentilerle sayfanızın daha çekici hale geleceğini düşünüyorsanız, bilmeniz gereken dilde HTML’dir.
TARAYICILAR:
Tarayıcılar aslında bilgisayarımızda çalıştırdığımız yazılımlardan, programlardan sadece birisi. Herhangi bir tarayıcı, internet üzerindeki bir web sunucusuna nasıl ulaşacağını bilir ve sayfanın görüntülenme isteğini buraya iletir. Bu yolla gereken sayfa ilgili yerden alınarak bizim bilgisayarımıza getirilir. Bir diğer görevi de sayfalardaki HTML tag’leri dediğimiz kodları derleyerek düzgün bir şekilde ekranda görüntülenmesini sağlamasıdır. HTML kodlama genel anlamda bir standarta sahiptir. Ancak bir tarayıcının çalıştırdığı kodu bir diğeri çalıştırmayabiliyor. Bu da sayfalarımızı mümkün olduğunca her tarayıcıda çalışabilecek şekilde tasarlamamızı gerektiriyor.
SUNUCULAR:
Adı üstünde, sunucu, sayfaları sunan ana makinalar diye özetlenebilir. Web sunucu ise tarayıcıların sayfa görüntüleme isteklerine cevap verip, sayfaların internet aracılığıyla bu tarayıcılara ulaştırmasını sağlayan bilgisayar yazılımlarının bir parçasıdır. Web sunucusunu, her katında birilerinin evlerini (web sitelerini)barındıran bir bina gibi düşünebiliriz. Sayfanızın bu bina içerisinde gerekli hizmetleri düzenli olarak alabilmesi için bir kira bedeli ödemeniz gerekir. Bu binada bulunan evler de dünyanın herhangi bir yerinden ziyaretçi tarafından içine girilip görülebilmektedir. Buradaki bina “host”diye adlandırılır ve ödediğiniz kira da “hosting”hizmet bedeli olarak geçer. Yani bu binada var olabilmek için ödenmesi gereken para.

    WEB TASARIMI

Eğer çok sık güncellenmeye ihtiyaç duymayacak ve firmanızın yada herhangi bir yerin tanıtım veya reklamını yapan bir site tasarlıyorsanız işte burada grafik in önemi büyüktür. Çünkü burada amacınız siteye giren insanları etkilemektir ve siz text tabanlı ve çok sade bir sayfayla bunu başaramazsınız. Bu noktada grafik ağırlıklı bir sayfa tasarlamalısınız. Bu tasarımınızı bir kaç hareketli 'gif' resimle ya da Flash ve benzeri bir programla hazırlanmış bir animasyon ile renklendirebilirisiniz. Ancak bütün bunları yaparken de dikkat etmeniz gereken bir kaç husus var. 

• Beğendiğiniz  siteleri inceleyin,  neden beğendiğinizi  ve sizi etkileyen ögelerin nasıl yapıldıklarını anlamaya  çalışın. Aynı şekilde kötü tasarlamış ve hoşunuza gitmeyen siteleri de inceleyerek nelerden kaçınılması gerektiğini de belirleyin.

• Profesyonel bir site tasarlayacaksanız, bu bir ekip işidir. Bu ekipte her biri kendi alanında uzman grafiker, animatör, webmaster ve bir de yönetmen bulunmalıdır. Bu kişiler kendi alanında uzman olduğu gibi diğer konularda da bilgi sahibi olmalıdır ki birlikte belirlencek amaç doğrultusunda uyumlu bir şekilde çalışılabilsin.

• Bir web sitesi tasarlamaya başlamdan önce yapılacak sitenin amacı,  içeriği ve  elde bulunan yazılı ve görsel materyaller iyice gözden geçirilmeli ve ona göre bir tasarım düşünülmelidir. Bu tasarım üzerinde en ince ayrıntısına kadar iyi karar verilmelidir. Çünkü iyi bir sitede  anasayfadaki tasarımın  çizgileri diğer sayfalarda da kendisini belli eder. Dolayısıyla ansayfa en iyi şekilde tasrlanmış olmalıdır.  

• Anasayfada diğer sayfaları dolaşmak için mutlaka yeterli ve gerekli sayıda buton olmalıdır. Bununla birlikte alt sayfalarda iken de siteyi kolay bir şekilde dolaşabilmek için navigasyon çubuğu ya da en azından anasayfaya dönüş linki oılmalıdır. Bir de arama motorlarından sayfanıza ulaşan insanlar genellikle sizin anasayfanıza değil de aradıkları bilginin olduğu sayfaya ulaşırlar. Siteniz hoşuna gittiğinde anasayfanızı da görmek isteyecektir.. Eğer anasayfaya dönüş butonunuz varsa bu ziyaretçileriniz için bir kolaylıktır.

• Anasayfada bir resim, logo ya da her hangi bir figür kullanıyoranız bunu gözalıcı bir şekilde kullanın.

• Kaydırma çubuklarının çok fazla kullanıldığı uzun sayfalardan kaçının. Bunun yerine sayfadaki bilgiyi diğer sayfalara dağıtmayı deneyin. Örneğin yazıyı belli bir kısımdan kesip alt tarafa 'ileri' diye bir buton yerleştirip bu buton vasıtasıyla yazıyı diğer sayfalardan devam ettirebilirsiniz.

•Ülkemizde kullanııcıların çoğu 800*600 çözünürlükte çalışmaktadır. Dolayısıyla sayfa tasarımını da bu çözünürlüğe göre yapmanız daha iyi olacaktır. 

•Son olarak sayfanızı değişik browserlarda test edin ve bu konuda tarafsız olacağına inandığınız bir kaç kullanıcının görüşünü alın ve bu görüşler doğrultusunda gerekli gördüğünüz değişiklikleri yaparak sayfanızı yayınlayabilirsiniz.

Web sayfasında kullanılmak üzere grafik hazırlamak için kullanılan bir çok program olup bunlardan Adobe Photoshop, Corel Photo-Paint, Paintshop Pro en çok kullanılan grafik programlarıdır. Bu programlarla hazırladığınız grafikleri jpg ve gif formatında kaydedebilir ve web sayfanızda kullanabilrisiniz. Bu programlar profesyonel programlar olmalarından dolayı kullanımını öğrenmek biraz zaman gerektirir. Ancak kullamayı öğrendiğiniz takdirde de başka programlara ihtiyaç duymadan kolayca yapmak istediklerinizi gerçekleştirme şansına sahip olursunuz.Bir diğer konu da sayfanızın çabuk açılmasını sağlaycak bir takım etkenler...İnternet hızı şu an hala bir çok formattaki  dosyayı yayınlayabilmek için çok yavaş. Bu bakımdan sayfanızın boyutunu büyütecek etkenlerden kaçınmalısınız. Örneğin sayfanızda bir resim kullanacaksınız. Bu resmin formatı intenette en yaygın kullanılan imaj formatları olan 'jpg' ya da 'gif' olmalıdır. Bu formatlar boyut bakımından gerçekten çok kullanışlıdır. Örneğin bmp formatında ve 250 kb boyuta sahip bir resmi jpg olarak kaydettiğimizde 10 kb a kadar görüntü kalitesi bozulmadan sıkıştırabilirsiniz. 'gif' formatıyla resimleri daha küçük boyutlarda tutabilirisiniz.

"GIF" (Graphic Interchange Format)

Web üzerinde, bilgisayar grafiklerinin yollanmaları amacıyla geliştirilmiştir. GIF, 256
ve daha altındaki renkleri destekler.

Soldan sağa doğru, yatay bir hat üzerinde, benzer pikselleri tarar. Sadece renk değişikliklerini kaydeder. Bu nedenle resimde yatay alanların aynı renkle doldurulması,
GIF resmin daha az dosya büyüklüğünde olmasına neden olur.

Yatayda farklı renkte piksellerin bulunması ve noise etkisi, dosya büyüklüğünü arttırır.
Aynı renkte yatay çizgilerin bulunduğu bir resim, aynı renkte dikey çizgilerin bulunduğu
bir resimden (piksel büyüklükleri aynı) daha az yer kaplar.

Tasarımınıza çok ters düşmeyecekse, degradelerin çizgi örneğindeki gibi yatay olarak uygulanması ve GIF kaydedilmesi, dosya büyüklüğünüzü azaltacaktır.

"JPEG" Joint Photographic Expert Groups

JPEG renk geçişlerinin önemli olduğu resimlerde, renk kalitesinin ne kadar azalacağına kullanıcının karar vereceği sıkıştırma seçenekleri sunan bir formatıdır.Sıkıştırırken, resimdeki piksellerin renk bilgisini, piksellerin adresini kaydeder ve seçilen sıkıştırma oranını göre, benzer renkteki pikselleri aynı renge çevirir. JPEG, resimde sıkıştıracağı pikselleri bulmak için, resmi sol üst köşeden sağ alt köşeye doğru diyagonal biçimde tarar. 5/1 den 15/1 e kadar oranlarda sıkıştırma uygulanabilir.GIF'in sadece 256 rengi desteklediği düşünülürse, milyonlarca renk içeren fotografik görüntüler için JPEG'in önemi kendiliğinden ortaya çıkar. Görüntü kalitesinin denetlenebilmesi de ayrı bir avantajdır. JPEG formatı Geniş alanlar halinde tek rengin bulunmadığı, detayları fazla tüm fotografik görüntüler için kullanılabilir. Aşağıda değişik şekillerde sıkıştırlımış JPEG rsimleri görülmektedir.

Web'de Yayınlama

Web sitenizin tasarımını bitirdiniz. wweb'de nasıl yayınlarım?.

-Tabii bu işlemin birçok yapılma yöntemi var.

örneğin: Bu işlem web tasarımdan daha kolaydır. Alan adınızı(domain, www.filistin.com gibi) ve web barındırma (hosting) hizmetini aldığınız yer size bir kullanıcı adı ve bir şifre verir. Çoğunlukla size bu konuda bir eposta yollar. Size gerekli bütün bilgiler bu eposta içerisindedir. Dikkatle okuyunuz ve adım adım takip ederek web sitenizi yayınlayınız. Genel olarak şu şekilde yapılır:

Bir FTP programıyla (ücretsiz olarak veya İnternet Explorer programını da aynı şekilde kullanabilirsiniz) web sunucunuza bağlanırsınız. (Size verilen kullanıcı adı ve şifre ile bağlanabilirsiniz ancak) Bilgisayarınızdaki önceden hazırlamış olduğunuz dosyaları seçip, web sunucunuza yollarsınız. (Upload)

Hepsi bu kadar. Web siteniz faaliyetttedir.

Web Sitenizin Güncellenmesi:Güncelleme yapmak tabii ki aynı şekildedir. İstediğiniz zaman istediğiniz web sayfanızı değiştirirsiniz, sonra tekrar aynı yöntemle web sunucunuza yeni sayfanızı yollarsınız.

Web Tasarımında Renk Seçimi

<<Geri İleri >>