Web ve internet, \u015fu ana kadar bilgisayarla birlikte varolan olgulard\u0131. Bu nedenle, bir internet kullan\u0131c\u0131s\u0131n\u0131n miyop, hipermetrop olup olmad\u0131\u011f\u0131n\u0131 bilemezsiniz ama iki \u00f6nemli konuda \u00e7ok net bilgiye sahipsinizdir.
\n1.\tBir internet kullan\u0131c\u0131s\u0131 \u00e7ok farkl\u0131 \u00fcr\u00fcnlere sahip de\u011filse_ki bu pek olmaz_ oturur pozisyondad\u0131r.
\n2.\tB\u00fcy\u00fck bir ihtimalle ekrana bak\u0131yordur.<\/p>\n
Bu basit iki bilgi biz \u00e7ok ilgin\u00e7 denizlere g\u00f6t\u00fcr\u00fcr. Hemen isterseniz inceleme ba\u015flayal\u0131m. Kullan\u0131c\u0131n\u0131n oturur vaziyette olmas\u0131 bizim yapaca\u011f\u0131m\u0131z grafik tasar\u0131m\u0131n\u0131 nas\u0131l etkiler sorusunu \u00f6ncelikle kendimize soral\u0131m. Tabii bunu \u00e7\u00f6z\u00fcmleyebilmenin en iyi yolu insan\u0131n tabiat\u0131nda oturma fiilinin asl\u0131nda yapay bir hareket oldu\u011funu bilmek ve oturur durumd insan\u0131n asl\u0131nda ne kadar rahats\u0131z oldu\u011funu anlamakdan ba\u015flar. Bu rahat\u0131zl\u0131k internet kullan\u0131c\u0131s\u0131n\u0131 huzursur, huysuz ve en \u00f6nemlisi sab\u0131rs\u0131z yapar. Bir de internet hatlar\u0131 ile ilgili teknolojik yetersizlikler bir araya gelince, bir sitenin g\u00f6rsel malzemesinin ger\u00e7ekte kullan\u0131lacak yaz\u0131l\u0131 bas\u0131n veya hert\u00fcrl\u00fc medyuma g\u00f6re son derece yetersiz oldu\u011fu g\u00f6r\u00fcl\u00fcr. \u0130\u015fte ba\u015far\u0131 bu teknik yetersizlikler i\u00e7inde bile belli bir harmoniyi, d\u00fczeni yakalamakt\u0131r. Asl\u0131nda internet teorisini anlayan herkes bunu kolayca yapabilir. Bilinmesi gereken ilk kural hi\u00e7bir televizyon kullan\u0131c\u0131s\u0131 k\u00f6t\u00fc bir televizyonla izledi\u011fi yay\u0131n\u0131n ba\u015far\u0131s\u0131z oldu\u011funu d\u00fc\u015f\u00fcnmez, ama bir internet kullan\u0131c\u0131s\u0131 bu konuda bir guru, bir otoritedir. Daha internete ba\u011fland\u0131\u011f\u0131 ilk anda kar\u015f\u0131s\u0131na gelen her t\u00fcrl\u00fc g\u00f6r\u00fcnt\u00fcy\u00fc ac\u0131mas\u0131zca ele\u015ftirir ve daha iyisini kendisinin yapabilece\u011fini s\u00f6yler. Bu fikri yoketmenin hi\u00e7bir yolu yoktur. Dolays\u0131yla bir webmaster ve webdesigner herzaman kendisine s\u00f6ylenen komik fikir ve ac\u0131mas\u0131z ele\u015ftirlere sab\u0131r g\u00f6sterip, fikrinin do\u011frulu\u011fu konusunda \u015f\u00fcphe etmemelidir.
\nBu sosyal olguyu bir yana b\u0131rak\u0131rsak bir internet grafi\u011fi ile u\u011fra\u015fmada ilk dikkat edilmesi gereken kuar\u0131l hatlardaki yava\u015fl\u0131k oldu\u011funu anlar\u0131z. Internet konusunda ya\u015fanan en b\u00fcy\u00fck sorun budur. Internet trafi\u011fi paketlerden olu\u015fur. Bu paketler sunucu ile al\u0131c\u0131 aras\u0131nda modem ba\u011flant\u0131s\u0131 varsa 700 byte, leased line veya kablo sistemi varsa 1024 byte civarlar\u0131ndad\u0131r. Dolays\u0131yla yapt\u0131\u011f\u0131n\u0131z her 10 kb gibi k\u00fc\u00e7\u00fck resimle bile 10 – 15 paket civar\u0131nda bir veri trafi\u011fi demektir. Bunun i\u00e7ine hatal\u0131 paketler ve hata kontrol sistemleri de girince, paket say\u0131s\u0131 20 – 30 civar\u0131na ula\u015fabilir. Dolays\u0131yla resmin transferini h\u0131zland\u0131rman\u0131n birincil y\u00f6ntemi dosya boyutunu d\u00fc\u015f\u00fcrmektir. Bir web sayfas\u0131 html kodu da dahil olmak \u00fczere 30 – 40 kilobayt\u0131 ge\u00e7memelidir. Bunun \u00fczerindeki her t\u00fcrl\u00fc bilgi kullan\u0131c\u0131 sab\u0131rs\u0131zland\u0131racakt\u0131r.
\nE\u011fer elinizdeki resim gere\u011finden b\u00fcy\u00fckse bunu par\u00e7alara ay\u0131rmak ve html kodunda bu resimleri birle\u015ftirmek do\u011fru olacakt\u0131r. Her resmin html kodundaki bilgisinin i\u00e7inde sunucu \u00fczerindeki yeri yaz\u0131lmal\u0131d\u0131r. Bu bir gereklilik de\u011fil zorunlulukdur. Aksi takdirde resim kesinlikle g\u00f6r\u00fcnt\u00fclenemez. Bunun d\u0131\u015f\u0131nda html kodu i\u00e7inde bir resim g\u00f6ren bir al\u0131c\u0131 sunucuya resmin ekranda ne kadar yer kaplad\u0131\u011f\u0131n\u0131 sorar. Sunucu ise resime bak\u0131p ekrandaki geni\u015fli\u011fi konusunda bilgiyi g\u00f6nderir. Html kodu i\u00e7ine resmin ekrandaki kaplayaca\u011f\u0131 yer yaz\u0131l\u0131rsa, bu her resim i\u00e7in ger\u00e7ekle\u015ftirilen diyalogdan kurutulunmu\u015f olunur. Bir resmi web sayfan\u0131z i\u00e7indeki koda farkl\u0131 bir boyut bilgisiyle yazarsan\u0131z, resmin bu bilgiler \u0131\u015f\u0131\u011f\u0131nda al\u0131c\u0131n\u0131 browser’\u0131 taraf\u0131ndan yeniden render edildi\u011fini g\u00f6receksiniz. Bu pratik g\u00f6r\u00fcnmesine ra\u011fmen olduk\u00e7a yanl\u0131\u015f bir y\u00f6ntemdir. Bu \u015fekilde ortaya \u00e7\u0131kan resimlerde distortion \u00e7ok b\u00fcy\u00fck boyutlardad\u0131r.
\nElimizdeki resimin web standartlar\u0131na uygun \u015fekillendirilmesi, y\u00fczlerce trik i\u00e7eren bir harekettir. Dosya boyutundan sonra dikkat edilmesi gereken en \u00f6nemli konu, resim i\u00e7in se\u00e7ilen formatt\u0131r. Web browserlar\u0131 \u00e7ok \u00e7e\u015fitli resim formatlar\u0131n\u0131 desteklerler. Bunlar\u0131n i\u00e7inde en yayg\u0131n ve b\u00fct\u00fcn browserlar\u0131n kulland\u0131\u011f\u0131 formatlar gif ve jpeg’dir . \u0130ki format\u0131n birbirine g\u00f6re \u00e7ok de\u011fi\u015fik s\u0131k\u0131\u015ft\u0131rma y\u00f6ntemleri vard\u0131r. Jpeg format\u0131ndaki resimler, y\u00fcksek s\u0131k\u0131\u015ft\u0131r\u0131lma kapasitesine sahiptir. Bu nedenle, \u00f6zellikle geni\u015f palet bilgisine sahip, foto\u011fraf gibi g\u00f6rsel malzemelerde jpeg format\u0131n\u0131n kullan\u0131lmas\u0131 uygundur. 216 renk alt\u0131 palet bilgisi bulunduran grafik gibi kavramlarda ise gif format\u0131n\u0131 kullan\u0131lmas\u0131 gerekmektedir.
\nE\u011fer g\u00f6rsel malzeme bir grafikse ki, butonlar ve web sayfas\u0131n\u0131n i\u015flemesi i\u00e7in gerekli olan g\u00f6rsellerin hepsi grafiktir, gif format\u0131n\u0131 kullan\u0131lmas\u0131 gerekmektedir. Palet konusunda dikkat edilmesi gereken en \u00f6nemli nokta bu tip resimlerin browser taraf\u0131ndan daha h\u0131zl\u0131 render edilebilmesi i\u00e7in 256 renk kullan\u0131lmas\u0131 gerekmektedir. Fakat Netscape browserlar bu sistem renk bilgilerinin 40 tanesini kendi logo g\u00f6sterimlerine ay\u0131rm\u0131\u015flard\u0131r. Bu bize 216 renk b\u0131rak\u0131r. Bu renklerin sistem taraf\u0131ndan kullan\u0131lan bir paletten al\u0131nmas\u0131 gerekir. Bu nedenle \u00f6zellikle grafik programlar\u0131nda web safe paletten renklerin se\u00e7ilmesi gerekmektedir. Bu tip i\u015flevsel grafiklerin anlat\u0131m\u0131 yetersizdir. Anlat\u0131m\u0131 kuvvetlendirmenin en kolay yolu yaz\u0131larla grafi\u011fi desteklemektir. Bu durumda font becerileri grafik bilgilerinin i\u00e7ine girer. Font se\u00e7iminiz hedef kitlenin alg\u0131lama oranlar\u0131na g\u00f6re de\u011fi\u015fir. Ama font b\u00fcy\u00fckl\u00fc\u011f\u00fcnde dikkat etmeniz gereken en \u00f6nemli nokta k\u00fc\u00e7\u00fck boylarda font kullanman\u0131z gerekiyorsa t\u0131rnakl\u0131 typefaceleri kullanman\u0131z. Bu arada e\u011fer k\u00fc\u00e7\u00fck boy fontlar kullan\u0131yorsan\u0131z, anti-aliased kullanmaman\u0131z iyi olur. Bu sayede k\u00fc\u00e7\u00fck boy fontlar\u0131n alg\u0131lanmas\u0131 daha kolay olur.
\nE\u011fer elimizdeki resmin paletin de \u00e7ok renk varsa jpeg format\u0131n\u0131 uygulamakda yarar vard\u0131r. Bu durumda paletin renklerinde birbirine yak\u0131n olanlar\u0131 birle\u015ftirmekde yarar vard\u0131r. Bu i\u015fi yapan optimizasyon programlar\u0131 vard\u0131r. \u00c7ok renk varsa resimin boyutu artar. Bu tip resimleri siz de optimizasyon programlar\u0131 kullanmadan yapabilirsiniz. \u0130lk y\u00f6ntem resmin kolorize edilmesidir. E\u011fer bunu yapabilecek bir program\u0131n\u0131z yoksa, size tavsiyem resminizin \u00fczerine y\u00fczde oran\u0131n\u0131 sizin belirleyece\u011finiz bir layer yerle\u015ftirmeniz. \u0130ki layer\u0131 daha sonra birle\u015ftirdi\u011finizde_ ki gif ve jpeg i\u00e7in bunu yapman\u0131z zorunludur_ renk paletinizin birbirine yak\u0131n renklerden olu\u015ftu\u011funu g\u00f6receksiniz.
\nRenk oranlar\u0131n\u0131 d\u00fc\u015f\u00fcrmek de bu \u015fekilde m\u00fcmk\u00fcn olacakd\u0131r.
\nSon olarak yaz\u0131m\u0131z\u0131n ba\u015f\u0131nda internet kullan\u0131c\u0131s\u0131n\u0131n durumu ile ilgili ikinci anlatt\u0131\u011f\u0131m\u0131z konuyla ilgilenelim. Monit\u00f6r ba\u015f\u0131nda oturan kullan\u0131c\u0131, belli noktalarda tv izleyicisi ile ayn\u0131 alg\u0131lama sistemlerini kullan\u0131r. \u00d6rne\u011fin tv olarak verilmesinin, tv yay\u0131nc\u0131l\u0131\u011f\u0131nda bir tak\u0131m standardlar\u0131n daha \u00e7ok \u015fekil almas\u0131d\u0131r. Asl\u0131nda yay\u0131nc\u0131l\u0131\u011f\u0131n medyumlar\u0131na g\u00f6re renk se\u00e7imlerinde de\u011fi\u015fiklikler olur. Ka\u011f\u0131t, foto\u011fraf gibi belli bir zemin \u00fczerine bas\u0131lan medyalarda, ka\u011f\u0131d\u0131n renginin o medyada kullan\u0131labilecek en a\u00e7\u0131k renk olmas\u0131 ve bu rengin hep \u00fczerine uygulanan renkelere ekleniyor olmas\u0131, bu tip medyalarda doymam\u0131\u015f (unsaturated) renklerin kullan\u0131lmas\u0131n\u0131 gerekli k\u0131lar. Monitor tabanl\u0131 medyalarda ise renk sorunsuz bir \u015fekilde i\u015flenebildi\u011fi i\u00e7in bu s\u0131k\u0131nt\u0131 yoktur. Bu durumda rengin arkas\u0131ndaki \u0131\u015f\u0131k ve ortam\u0131n genel \u0131\u015f\u0131k oranlar\u0131 \u00f6nemli olur. G\u00f6z i\u00e7in bir kontrast olu\u015fturmamak i\u00e7in kullan\u0131labilecek en mant\u0131kl\u0131 palet doymu\u015f renklerden olu\u015fur (saturated). Bu izleyici de daha g\u00fcvenilir bir intiba b\u0131rak\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"
Web ve internet, \u015fu ana kadar bilgisayarla birlikte varolan olgulard\u0131. Bu nedenle, bir internet kullan\u0131c\u0131s\u0131n\u0131n miyop, hipermetrop olup olmad\u0131\u011f\u0131n\u0131 bilemezsiniz ama iki \u00f6nemli konuda \u00e7ok net bilgiye sahipsinizdir. 1. Bir internet kullan\u0131c\u0131s\u0131 \u00e7ok farkl\u0131 \u00fcr\u00fcnlere…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-281","post","type-post","status-publish","format-standard","hentry","category-blogum"],"yoast_head":"\n