Web sitesi tasar\u0131m \u00fc\u00e7 ana evreden olu\u015fur.
\n1. Plan
\n2. Tasar\u0131m \u00f6ncesi
\n3. Tasar\u0131m<\/p>\n
Plan:<\/p>\n
Ama\u00e7:
\n\u0130nternet \u00fczerinde yer kaplayan, her olu\u015fumun balli bir amac\u0131 vard\u0131r. Bu ama\u00e7, sitenin olu\u015fturulmas\u0131 a\u015famas\u0131nda yap\u0131lacak olan her t\u00fcrl\u00fc faaliyete bir sorumluluk y\u00fckler. Amac\u0131n\u0131z hedef kitlenize, hedef kitleniz ise kullanaca\u011f\u0131n\u0131z teknolojiden, sayfan\u0131zda yer alacak her t\u00fcrl\u00fc i\u00e7eri\u011fe y\u00f6n verir, anlam y\u00fckler.
\n\u0130nternet \u00fczerinde dola\u015ft\u0131\u011f\u0131n\u0131zda sitelerin genel olarak 5 ana ama\u00e7 \u00fczerine olu\u015fturulduklar\u0131n\u0131 g\u00f6r\u00fcrs\u00fcn\u00fcz.
\na. Haber
\nb. Dan\u0131\u015fma
\n1. Database’e bilgi aktar\u0131m\u0131
\n2. Database’den bilgi al\u0131nmas\u0131
\nc. E\u011flence
\nd. Tan\u0131t\u0131m
\ne. \u0130leti\u015fim<\/p>\n
Bir web sitesi tasar\u0131m\u0131na ba\u015flamadan \u00f6nce bu sitenin hangi amaca hizmet etmesi gerekti\u011fini son derece belirgin cizgilerle ay\u0131rmal\u0131s\u0131n\u0131z, gerekirse siteyi belirgin bir \u015fekilde ikiye b\u00f6lerek bu ayr\u0131m\u0131 ger\u00e7ekle\u015ftirmelisiniz. Aksi takdirde, ziyaret\u00e7ileriniz arad\u0131klar\u0131na ula\u015famayacak ve siteniz olu\u015fum amac\u0131n\u0131 uygulayamayacakt\u0131r.
\nHer ziyaret\u00e7i tipinin kendine ait bir davran\u0131\u015f, bir alg\u0131lama mant\u0131\u011f\u0131 vard\u0131r. Bu mant\u0131\u011fa uygun olu\u015fturulmam\u0131\u015f bir sitenin amac\u0131n\u0131 ger\u00e7ekle\u015ftirmesi beklenemez.,
\nHaber amac\u0131 ile sitenize u\u011fram\u0131\u015f bir ziyaret\u00e7i, en k\u0131sa ve en az s\u00fcsleme ile habere ula\u015fmak ister. Ama e\u011flence i\u00e7in sitenizi ziyaret eden kullan\u0131c\u0131 ise g\u00f6z\u00fcne ho\u015f g\u00f6r\u00fcnen, kendisini belli zamanlar aras\u0131nda oyalayacak objelere ihtiya\u00e7 duyacakt\u0131r. Bu iki ziyaret\u00e7i birbirlerinden kesin olarak ayr\u0131 hatta birbirleri z\u0131t yap\u0131lar i\u00e7erirler.<\/p>\n
Hedef Kitle:
\nSitenizin amac\u0131, sizi do\u011fruca hita etmek istedi\u011finiz toplulu\u011fa ula\u015ft\u0131r\u0131r. Bu topluluk sizin bu sitenin amac\u0131na ula\u015fmas\u0131 i\u00e7in ihtiyac\u0131n\u0131z olan bir nevi m\u00fc\u015fteri kitlesidir. Amac\u0131n\u0131z do\u011frultusunda \u00e7izdi\u011finiz portre, hedef kitledir. Bu hedef kitle belli ortak ama\u00e7lar do\u011frultusunda web \u00fczerinde s\u00f6rf yapan, belli davran\u0131\u015f normlar\u0131na sahip, ortak istek ve ortak be\u011fenilerle birbirlerine ba\u011fl\u0131d\u0131rlar.
\nBu durumda iyi bir web sitesi bu kullan\u0131c\u0131lar\u0131n ortak paydalar\u0131na hitap etmek zorundad\u0131r.
\n– Bu grubu birbirine ba\u011flayan nedir?
\n– Nerelerde bulunurlar?
\n– Bir y\u0131\u011f\u0131n bilgi ve \u015feklin aras\u0131ndan ilgilerini ne \u00e7eker?<\/p>\n
Bu sorular\u0131n hepsinin belli cevaplar\u0131 vard\u0131r ve bu cevplar sitemizin \u00fczerinde duraca\u011f\u0131 temeli olu\u015ftururlar.
\nKap\u0131n\u0131za gelen kargo servisinin paketi vermeden \u00f6nce \u015fark\u0131 s\u00f6ylemesi size ne kadar itici gelirse, haber almak amac\u0131yla sitenize ba\u011flanan bir kullan\u0131c\u0131y\u0131 m\u00fczikle kar\u015f\u0131lamak da o derece yanl\u0131\u015f ve anti-sempatiktir.
\nSitenize ba\u011flanacak olan hedef kitle ay\u0131 zamanda kullanman\u0131z gereken, teknolojileri de belirleyen \u00f6nemli etmenlerdendir. Unix tabanl\u0131 bir program\u0131n sitenizde tan\u0131t\u0131m\u0131n\u0131 planl\u0131yorsan\u0131z, kullan\u0131c\u0131lar\u0131n\u0131z text bazl\u0131 bir browser ile ba\u011flanabileceklerini de \u00f6ng\u00f6rmeniz gerekir. Ayn\u0131 zamanda kullan\u0131c\u0131lar\u0131na Netscape 2.0 da\u011f\u0131tm\u0131\u015f bir servis sa\u011flay\u0131c\u0131 iseniz. Sayfalar\u0131n\u0131zda 3.0 browserlarla g\u00f6r\u00fclebilen bir teknoloji kullanamazs\u0131n\u0131z.<\/p>\n
Design \u00d6ncesi:<\/p>\n
Web siteleri belli bir i\u00e7erik \u00fczerine kurulur. Bu i\u00e7erik sayfan\u0131z\u0131 ziyaret edecek kullan\u0131c\u0131ya \u00f6ncelikle vermeniz gereken \u00fcr\u00fcnd\u00fcr. Fakat bir web sitesinde, \u00f6nceli\u011fi te\u015fkil eden en \u00f6nemli noktalardan biri ise i\u00e7eri\u011fin s\u0131n\u0131fland\u0131r\u0131lmas\u0131d\u0131r. Bu s\u0131n\u0131fland\u0131r\u0131lma i\u015flemi g\u00fcncelle\u015ftirme s\u00fcrelerine g\u00f6re d\u00fczenlenebilir. E\u011fer g\u00fcncellenme s\u00fcreleri birbirine yak\u0131nsa, ayr\u0131m hedef kitlenin ortak alg\u0131lama noktalar\u0131na g\u00f6re olu\u015fturulmal\u0131d\u0131r. Unutulmames\u0131 gereken en \u00f6nemli nokta internet kullan\u0131c\u0131s\u0131n\u0131n son derece sab\u0131rs\u0131z oldu\u011fudur.
\nBilgi belli b\u00f6l\u00fcmlere g\u00f6re s\u0131n\u0131fland\u0131r\u0131ld\u0131ktan sonra, bu bilginin g\u00fcncellenme periyotlar\u0131na bak\u0131larak statik veya dinamik sayfalar olu\u015fturulur. Statik sayfalar i\u00e7indeki bilginin zamana veya kullan\u0131c\u0131ya g\u00f6re de\u011fi\u015fmedi\u011fi sayfalard\u0131r ve i\u00e7eri\u011fi \u00f6ncelikli olarak bir tan\u0131t\u0131m yada bir \u015firket bilgisi ile s\u0131n\u0131r\u0131d\u0131r. Dinamik sayfalar ise belli de\u011fi\u015fkenlerle \u015feklini de\u011fi\u015ftirmese de i\u00e7eri\u011fini de\u011fi\u015ftiren sayfalard\u0131r.
\nBir web sitesinin sayfalar\u0131 aras\u0131nda belli olu\u015fumlar\u0131n kullan\u0131lmas\u0131, o siteyi birbirine ba\u011flar. Bu olgular logo, renk se\u00e7imi, ortak layout gibi b\u00f6l\u00fcmlere dallan\u0131r. Olu\u015fturmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131z site bir \u015firkete aitse daha \u00f6nce belli normlar \u00fczerinde \u00e7al\u0131\u015f\u0131lm\u0131\u015f bir logo sizin en b\u00fcy\u00fck yard\u0131mc\u0131n\u0131zd\u0131r. \u0130yi planlanm\u0131\u015f bir logo web sitesi ile ayn\u0131 amaca sahiptir. Renk se\u00e7imi ve \u015fekil olu\u015fumu olarak sitenizde kullanman\u0131z gereken kriterleri size ula\u015ft\u0131racakt\u0131r. Bunun d\u0131\u015f\u0131nda sayfalar aras\u0131nda tekrar eden \u00f6\u011felerin belli lokasyonlara konmas\u0131 da sayfalar\u0131n\u0131z\u0131 birbirleri ile ili\u015fkili k\u0131lar.
\nDesign an\u0131nda dikkat edilmesi gereken en \u00f6nemli noktalardan biri ise, olu\u015fumundan hemen sonra geometrik art\u0131\u015f g\u00f6sterecek olan sayfalar\u0131n\u0131za sitenizin layout’unda yer bulabilmenizdir. Bu geni\u015flemenin hangi dallara olaca\u011f\u0131n\u0131 design an\u0131nda \u00f6ng\u00f6r\u00fcp bu noktalar\u0131 a\u00e7\u0131k b\u0131rakmal\u0131s\u0131n\u0131z. Elektornik bir magazinin belli bir peryoddan sonra ar\u015fivlenmesi gerekti\u011fini tahmin etmeli, ve ar\u015fiv opsiyonunu bu sitenin olu\u015fumu an\u0131nda bile hesaba katmal\u0131s\u0131n\u0131z.<\/p>\n
Design<\/p>\n
Sitenizin design an\u0131nda insanlarda online duygusunun olu\u015fturulmas\u0131 ana amac\u0131n\u0131z olmal\u0131d\u0131r. Ziyaret\u00e7i bu sayede sayfalar\u0131n\u0131zdan ho\u015fnut kalacakt\u0131r. Dinamik sayfalar i\u00e7in bu hissi olu\u015fturmak zor de\u011fildir, fakat statik sayfalarda html d\u0131\u015f\u0131nda bu hissi verebilece\u011fine inand\u0131\u011f\u0131n\u0131z, ve yayg\u0131n olarak kullan\u0131lan baz\u0131 teknolojileri de kullanmal\u0131s\u0131n\u0131z.
\nOlu\u015fum a\u015famas\u0131nda ba\u015fta palet olmak \u00fczere, genel optimizason tekniklerine de dikkat etmeniz gerekmektedir. Aksi takdirde kullan\u0131c\u0131 bo\u015f yere oyalam\u0131\u015f olursunuz. Bu optimizasyon teknikleri genel olarak;
\n1. Gif, jpeg se\u00e7iminin yap\u0131lmas\u0131 ve optimizasyonu
\n2. hareketli resimlerde palet ve renk optimizasyonu
\n\u015feklinde olabilir.
\n\u0130nternet kullan\u0131c\u0131s\u0131 kendisine en k\u0131sa s\u00fcrede tepki g\u00f6steren sayfalara daha s\u0131cak bakmaktad\u0131r. Bu ama\u00e7la syafalar\u0131n\u0131z ( en az\u0131ndan ba\u015flang\u0131\u00e7 sayfalar\u0131n\u0131z\u0131n) h\u0131zl\u0131 y\u00fcklenebilir olmas\u0131na son derece dikkat etmelisiniz.<\/p>\n
Sonu\u00e7 olarak toparlamak gerekirse; bir web sitesi olu\u015fumunda genel ama\u00e7: \u0130nternet kullan\u0131c\u0131s\u0131 havuzundan; hedef kitleni se\u00e7ilip, olu\u015fturulan siteye y\u00f6neltilip vermek istediklerini iletilerek kulan\u0131c\u0131n\u0131n internete geri y\u00f6nlendirilmesidir.<\/p>\n
Bir web sitesi olu\u015fumunda_ herhangi bir a\u015famada_ yap\u0131lmas\u0131 gereken baz\u0131 \u00f6nemli kurallar vard\u0131r:<\/p>\n
– Resimleri b\u00f6l\u00fcnebilecek en k\u00fc\u00e7\u00fck par\u00e7alara b\u00f6lmeye \u00f6zen g\u00f6ster, renk optimizasyonu yap.
\n– Animasyonlarda frame say\u0131s\u0131 ve frame aras\u0131 de\u011fi\u015fen pixel optimizasyonu yap.
\n– HTML d\u0131\u015f\u0131nda scripting language kullanmaya \u00f6zen g\u00f6ster, bu sayede etkile\u015fimi sa\u011fla
\n– Mouse over event’i kullan
\n– Update yap
\n– Bir paragrafta \u00e7ok link kullanma
\n– \u0130nternet k\u00fclt\u00fcr\u00fcne uygun hareket et (B\u00fcy\u00fck harf kullanmamaya \u00f6zen g\u00f6ster)
\n– Yasaklama, te\u015fvik et
\n– Orijinal olun<\/p>\n
Ayn\u0131 zamanda yap\u0131lamamas\u0131 gerekenleri de s\u0131ralamakta yarar var:<\/p>\n
– Teknoloji canavar\u0131 olmay\u0131n
\n– Kullan\u0131c\u0131 hakk\u0131nda bilmeniz gerekenden fazlas\u0131n\u0131 \u00f6\u011frenmeye \u00e7al\u0131\u015fmay\u0131n.
\n– Web design’\u0131 teknik bir i\u015f d\u0131\u015f\u0131nda bir sanatt\u0131r, ba\u015fkalar\u0131n\u0131n yapt\u0131klar\u0131n\u0131 kopyalamaktansa kendi eserinizi yarat\u0131n…<\/p>\n","protected":false},"excerpt":{"rendered":"
Web sitesi tasar\u0131m \u00fc\u00e7 ana evreden olu\u015fur. 1. Plan 2. Tasar\u0131m \u00f6ncesi 3. Tasar\u0131m Plan: Ama\u00e7: \u0130nternet \u00fczerinde yer kaplayan, her olu\u015fumun balli bir amac\u0131 vard\u0131r. Bu ama\u00e7, sitenin olu\u015fturulmas\u0131 a\u015famas\u0131nda yap\u0131lacak olan her t\u00fcrl\u00fc…<\/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-320","post","type-post","status-publish","format-standard","hentry","category-blogum"],"yoast_head":"\n