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  |