SlideShare ist ein Scribd-Unternehmen logo
1 von 27
Günümüzde iyi hazırlanmış web sitelerinde
görsellikten çok işlevsellik ön plandadır. Çünkü
web sitesinden beklenen fayda, ürünün veya
fikrin satılması ya da kurumsal imajın
iyileştirilmesidir.
Sadece iyi olduğunuz için bir fikri, ürünü ya
da hizmeti satamazsınız. Web sitenizin amacı
ne olursa olsun, mutlaka ilgi çeken ve
amacınıza hizmet eden bir yapıda olmalıdır.
Oysa ki, pek çok web sitesini ziyaret ettiğinizde
firmanın adres veya telefonunu alıp ulaşma
ihtiyacı hissedersiniz. Yani ihtiyacınız web sitesi
ile karşılanmamış olur. Bu sırada, ya en azından
görsel açıdan tatmin olursunuz, ya da daha
kötüsü firmanın basılı broşürünün bilgisayar
ortamına taşınmış hali ile karşılarsınız.
1. Bir web sitesi içerik ve görsel unsurları güçlü, ziyaretçisini sıkmayacak, kolay anlaşılır
ve kullanılır olmalıdır.
2. Bir bütünlük içermeli ve ulaşılmak istenilen bilgi el altında bulunmalıdır.
3. Web sitesinin grafik arayüzü, kullanılan renkler, menü ve erişim yapısı, programlama
altyapısı kullanıcı odaklı oluşturulmalıdır.
4. Esas olan, kullanıcıya ürün ve hizmeti en kısa yolla ulaştırmaktır. Bu nedenle sitenin
hızını düşürecek abartılı animasyonlar, bekleme süreçleri, video ve ses objeleri, kullanımı
zor menüler tercih edilmemelidir.
5. Profesyonel bir web sitesinde yer alan her sayfa arama motorları tarafından
indekslenebilir yapıda oluşturulmalıdır.
http://www.gyazilim.com/htmldocs/bilgi_kosesi/web/tasarim/66.html
1. Giriş
4. Web Sitesinin Amacının
Belirlenmesi
Yapılacak olan web sitesinin amacı tamamen müşteri grubu
tarafından, kurumun amacına paralel şekilde belirlenmelidir.
Sitenin amacı belirlenmeden tasarım ve kodlama ile ilgili
çalışmalara geçilmemelidir. Çünkü amaca göre görsel
tasarım ve kodlama farklılıklar göstermekte, tasarım
maliyeti değişmektedir.
Sitenin amacına ve tarzına uygun olarak müşteri grubunun öneri ve istekleri dikkate
alınarak görsel tasarımcı tarafından hazırlanır. Görsel tasarımcının işini kolaylaştıracak
şey firmanın kurumsal kimlik çalışmaları ve müşterinin ve belirttiği rakip web
siteleridir.
Tasarımcı bu bilgilere kendi hayal gücünü ve estetik yeteneğini katarak ilk görsel
tasarımları oluşturacaktır. Özellikle birkaç alternatif çalış- ma yapılarak tasarımlar
müşterinin beğenisine sunulmalıdır ki müşteri aralarından seçebilsin ve tasarım işlemi
tekrarlanmak zorunda kalmasın. Tasarımı oluşturmak için kullanılabilecek bazı
programlar şunlardır:
AdobePhotoshop, • AdobeIllustrator, • CorelDraw, • Freehand, vb.
Hazırlanan bu görsel ara yüz temel web görünümünü kazanmak üzere HTML kodlama ile
kodlanmalıdır. Bu aşamada web sitesinin internet formatındaki ilk sayfaları oluşmaya
başlayacaktır. Sayfa içerisine ilk içerikler, görsel ve hareketli öğeler yerleştirilerek ilk işlemler
tamamlanır.
Bu aşamada hemen dinamik yapının başlatılması uygun değildir. HTML tasarım müşteri
grubuna tekrar sunularak yine onay alınmalıdır. Çünkü dinamik yapı tasarlandıktan sonra
bu aşamaya geri dönüş yapmak kodlayıcı için oldukça zor olacaktır.
13. Sitenin Test Edilmesi ve Güvenlik
Web sitesinin HTML altyapısı, dinamik kodları ve veri tabanı mimarisi hazırlandıktan
sonra itemiz kullanıma hazır hale gelmiş demektir. Şimdiki aşamada işimiz, sitemizi kötü
niyetli kişilerden korumak olacaktır. Her kodlayıcının kendine özgü güvenlik tespit
yöntemleri vardır, fakat kodlamacının gözden kaçırdığı açıkları da tespit edebilmek için
en az 2 farklı kodlayıcının da kontrolünden geçmesi uygun olacaktır.
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?
İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?

Weitere ähnliche Inhalte

Andere mochten auch

Davecopin microsoft-120328050126-phpapp02
Davecopin microsoft-120328050126-phpapp02Davecopin microsoft-120328050126-phpapp02
Davecopin microsoft-120328050126-phpapp02Interactive Scotland
 
Emaar Vida Residence, Downtown Dubai, UAE
Emaar Vida Residence, Downtown Dubai, UAEEmaar Vida Residence, Downtown Dubai, UAE
Emaar Vida Residence, Downtown Dubai, UAEAliva Kar
 
El problema-de-martina2
El problema-de-martina2El problema-de-martina2
El problema-de-martina2Pamela Urzúa
 
UW + WordPress: How I Learned to Stop Worrying and Love the CMS
UW + WordPress: How I Learned to Stop Worrying and Love the CMSUW + WordPress: How I Learned to Stop Worrying and Love the CMS
UW + WordPress: How I Learned to Stop Worrying and Love the CMSMindy Messenger
 
UX向上の具体手法とステークホルダー調整術
UX向上の具体手法とステークホルダー調整術UX向上の具体手法とステークホルダー調整術
UX向上の具体手法とステークホルダー調整術Futoshi Mizuno
 
ECDL module 5: using databases [To be continued]
ECDL module 5: using databases [To be continued] ECDL module 5: using databases [To be continued]
ECDL module 5: using databases [To be continued] Hassan Ayad
 
Kiến trúc máy tính và hợp ngữ bài 04
Kiến trúc máy tính và hợp ngữ bài 04Kiến trúc máy tính và hợp ngữ bài 04
Kiến trúc máy tính và hợp ngữ bài 04Nhóc Nhóc
 
Luxurious 2BHK and 3BHK Flats at Nero
 Luxurious 2BHK and 3BHK Flats at Nero Luxurious 2BHK and 3BHK Flats at Nero
Luxurious 2BHK and 3BHK Flats at Nerosangamlifespaces
 
Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06Nhóc Nhóc
 
Azizi_Conditions d'émergence de l'Anthropologie urbaine
Azizi_Conditions d'émergence de l'Anthropologie urbaineAzizi_Conditions d'émergence de l'Anthropologie urbaine
Azizi_Conditions d'émergence de l'Anthropologie urbaineSouad Azizi
 
Kiến trúc máy tính và hợp ngữ bài 05
Kiến trúc máy tính và hợp ngữ bài 05Kiến trúc máy tính và hợp ngữ bài 05
Kiến trúc máy tính và hợp ngữ bài 05Nhóc Nhóc
 
QUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSIS
QUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSISQUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSIS
QUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSISProyectos Europeos
 

Andere mochten auch (17)

Davecopin microsoft-120328050126-phpapp02
Davecopin microsoft-120328050126-phpapp02Davecopin microsoft-120328050126-phpapp02
Davecopin microsoft-120328050126-phpapp02
 
Databases for Business
Databases for BusinessDatabases for Business
Databases for Business
 
Emaar Vida Residence, Downtown Dubai, UAE
Emaar Vida Residence, Downtown Dubai, UAEEmaar Vida Residence, Downtown Dubai, UAE
Emaar Vida Residence, Downtown Dubai, UAE
 
El problema-de-martina2
El problema-de-martina2El problema-de-martina2
El problema-de-martina2
 
Curso cei 304 office
Curso cei 304   officeCurso cei 304   office
Curso cei 304 office
 
Xqzt Pp
Xqzt PpXqzt Pp
Xqzt Pp
 
UW + WordPress: How I Learned to Stop Worrying and Love the CMS
UW + WordPress: How I Learned to Stop Worrying and Love the CMSUW + WordPress: How I Learned to Stop Worrying and Love the CMS
UW + WordPress: How I Learned to Stop Worrying and Love the CMS
 
UX向上の具体手法とステークホルダー調整術
UX向上の具体手法とステークホルダー調整術UX向上の具体手法とステークホルダー調整術
UX向上の具体手法とステークホルダー調整術
 
ECDL module 5: using databases [To be continued]
ECDL module 5: using databases [To be continued] ECDL module 5: using databases [To be continued]
ECDL module 5: using databases [To be continued]
 
Kiến trúc máy tính và hợp ngữ bài 04
Kiến trúc máy tính và hợp ngữ bài 04Kiến trúc máy tính và hợp ngữ bài 04
Kiến trúc máy tính và hợp ngữ bài 04
 
Luxurious 2BHK and 3BHK Flats at Nero
 Luxurious 2BHK and 3BHK Flats at Nero Luxurious 2BHK and 3BHK Flats at Nero
Luxurious 2BHK and 3BHK Flats at Nero
 
Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06Kiến trúc máy tính và hợp ngữ bài 06
Kiến trúc máy tính và hợp ngữ bài 06
 
Azizi_Conditions d'émergence de l'Anthropologie urbaine
Azizi_Conditions d'émergence de l'Anthropologie urbaineAzizi_Conditions d'émergence de l'Anthropologie urbaine
Azizi_Conditions d'émergence de l'Anthropologie urbaine
 
Aula 01
Aula 01Aula 01
Aula 01
 
Aula 02
Aula 02Aula 02
Aula 02
 
Kiến trúc máy tính và hợp ngữ bài 05
Kiến trúc máy tính và hợp ngữ bài 05Kiến trúc máy tính và hợp ngữ bài 05
Kiến trúc máy tính và hợp ngữ bài 05
 
QUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSIS
QUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSISQUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSIS
QUESTIONNAIRE FOR TEACHERS – TRAINING NEEDS ANALYSIS
 

Ähnlich wie İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?

Dijital Çözümler
Dijital ÇözümlerDijital Çözümler
Dijital ÇözümlerPiasoft
 
web tasarımcisi
web tasarımcisiweb tasarımcisi
web tasarımcisiHaber Vip
 
Web tasarim-teknikeri
Web tasarim-teknikeriWeb tasarim-teknikeri
Web tasarim-teknikerisersld82
 
Canlı Tv Web Hizmetleri
Canlı Tv Web HizmetleriCanlı Tv Web Hizmetleri
Canlı Tv Web Hizmetlericanli tv izle
 
Celilcan com web_tasarim
Celilcan com web_tasarimCelilcan com web_tasarim
Celilcan com web_tasarimCelil Can
 
Web tasarim-egitimi
Web tasarim-egitimiWeb tasarim-egitimi
Web tasarim-egitimiserpilscd77
 
Kolay Sohbet Odaları
Kolay Sohbet OdalarıKolay Sohbet Odaları
Kolay Sohbet OdalarıMuratTrd2
 
Mobil Sohbet Odaları
Mobil Sohbet OdalarıMobil Sohbet Odaları
Mobil Sohbet OdalarıMuratTrd2
 
Web sitesi kurmak
Web sitesi kurmakWeb sitesi kurmak
Web sitesi kurmakEpsilosWeb
 
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı DeneyimleriIBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı DeneyimleriOsman Küçüksönmez, PMP
 
Web Sayfaları Nasıl Başarılı Olur ?
Web Sayfaları Nasıl Başarılı Olur ? Web Sayfaları Nasıl Başarılı Olur ?
Web Sayfaları Nasıl Başarılı Olur ? Sadık M. Yahşi
 
Web 2.0 teknolojileri
Web 2.0 teknolojileriWeb 2.0 teknolojileri
Web 2.0 teknolojileriMeriç Olgun
 
Web tasarim-egitim
Web tasarim-egitimWeb tasarim-egitim
Web tasarim-egitimserpilscd77
 
Çok Kapsamlı SEO Rehberi - Dijitalzade
Çok Kapsamlı SEO Rehberi - DijitalzadeÇok Kapsamlı SEO Rehberi - Dijitalzade
Çok Kapsamlı SEO Rehberi - DijitalzadeOskayGnaar
 
WM Dergi - 12.SAYI
WM Dergi - 12.SAYIWM Dergi - 12.SAYI
WM Dergi - 12.SAYIWM Dergi
 
5M Lab Ajans Sunumu
5M Lab Ajans Sunumu5M Lab Ajans Sunumu
5M Lab Ajans Sunumu5M Lab
 
Atif Unaldi - Adim Adim Web (Ankara)
Atif Unaldi - Adim Adim Web (Ankara)Atif Unaldi - Adim Adim Web (Ankara)
Atif Unaldi - Adim Adim Web (Ankara)Atıf ÜNALDI
 

Ähnlich wie İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ? (20)

Dijital Çözümler
Dijital ÇözümlerDijital Çözümler
Dijital Çözümler
 
web tasarımcisi
web tasarımcisiweb tasarımcisi
web tasarımcisi
 
Web Tasarım Hakkında En Çok Sorulan Sorular
Web Tasarım Hakkında En Çok Sorulan SorularWeb Tasarım Hakkında En Çok Sorulan Sorular
Web Tasarım Hakkında En Çok Sorulan Sorular
 
Web tasarim-teknikeri
Web tasarim-teknikeriWeb tasarim-teknikeri
Web tasarim-teknikeri
 
Canlı Tv Web Hizmetleri
Canlı Tv Web HizmetleriCanlı Tv Web Hizmetleri
Canlı Tv Web Hizmetleri
 
Celilcan com web_tasarim
Celilcan com web_tasarimCelilcan com web_tasarim
Celilcan com web_tasarim
 
Web tasarim-egitimi
Web tasarim-egitimiWeb tasarim-egitimi
Web tasarim-egitimi
 
Kolay Sohbet Odaları
Kolay Sohbet OdalarıKolay Sohbet Odaları
Kolay Sohbet Odaları
 
Mobil Sohbet Odaları
Mobil Sohbet OdalarıMobil Sohbet Odaları
Mobil Sohbet Odaları
 
Web sitesi kurmak
Web sitesi kurmakWeb sitesi kurmak
Web sitesi kurmak
 
Web tasarim
Web tasarimWeb tasarim
Web tasarim
 
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı DeneyimleriIBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
IBM Yazılım Zirvesi - Websphere ile Sıradışı Kullanıcı Deneyimleri
 
Web Sayfaları Nasıl Başarılı Olur ?
Web Sayfaları Nasıl Başarılı Olur ? Web Sayfaları Nasıl Başarılı Olur ?
Web Sayfaları Nasıl Başarılı Olur ?
 
Web 2.0 teknolojileri
Web 2.0 teknolojileriWeb 2.0 teknolojileri
Web 2.0 teknolojileri
 
Web tasarim-egitim
Web tasarim-egitimWeb tasarim-egitim
Web tasarim-egitim
 
Çok Kapsamlı SEO Rehberi - Dijitalzade
Çok Kapsamlı SEO Rehberi - DijitalzadeÇok Kapsamlı SEO Rehberi - Dijitalzade
Çok Kapsamlı SEO Rehberi - Dijitalzade
 
WM Dergi - 12.SAYI
WM Dergi - 12.SAYIWM Dergi - 12.SAYI
WM Dergi - 12.SAYI
 
5M Lab Ajans Sunumu
5M Lab Ajans Sunumu5M Lab Ajans Sunumu
5M Lab Ajans Sunumu
 
Atif Unaldi - Adim Adim Web (Ankara)
Atif Unaldi - Adim Adim Web (Ankara)Atif Unaldi - Adim Adim Web (Ankara)
Atif Unaldi - Adim Adim Web (Ankara)
 
Aritab Creditional
Aritab CreditionalAritab Creditional
Aritab Creditional
 

İyi bir web sitesi nasıl olmalı, tasarlanmalıdır ?

  • 1.
  • 2. Günümüzde iyi hazırlanmış web sitelerinde görsellikten çok işlevsellik ön plandadır. Çünkü web sitesinden beklenen fayda, ürünün veya fikrin satılması ya da kurumsal imajın iyileştirilmesidir. Sadece iyi olduğunuz için bir fikri, ürünü ya da hizmeti satamazsınız. Web sitenizin amacı ne olursa olsun, mutlaka ilgi çeken ve amacınıza hizmet eden bir yapıda olmalıdır. Oysa ki, pek çok web sitesini ziyaret ettiğinizde firmanın adres veya telefonunu alıp ulaşma ihtiyacı hissedersiniz. Yani ihtiyacınız web sitesi ile karşılanmamış olur. Bu sırada, ya en azından görsel açıdan tatmin olursunuz, ya da daha kötüsü firmanın basılı broşürünün bilgisayar ortamına taşınmış hali ile karşılarsınız.
  • 3. 1. Bir web sitesi içerik ve görsel unsurları güçlü, ziyaretçisini sıkmayacak, kolay anlaşılır ve kullanılır olmalıdır. 2. Bir bütünlük içermeli ve ulaşılmak istenilen bilgi el altında bulunmalıdır. 3. Web sitesinin grafik arayüzü, kullanılan renkler, menü ve erişim yapısı, programlama altyapısı kullanıcı odaklı oluşturulmalıdır. 4. Esas olan, kullanıcıya ürün ve hizmeti en kısa yolla ulaştırmaktır. Bu nedenle sitenin hızını düşürecek abartılı animasyonlar, bekleme süreçleri, video ve ses objeleri, kullanımı zor menüler tercih edilmemelidir. 5. Profesyonel bir web sitesinde yer alan her sayfa arama motorları tarafından indekslenebilir yapıda oluşturulmalıdır.
  • 4.
  • 5.
  • 6.
  • 8.
  • 10.
  • 11.
  • 12. 4. Web Sitesinin Amacının Belirlenmesi Yapılacak olan web sitesinin amacı tamamen müşteri grubu tarafından, kurumun amacına paralel şekilde belirlenmelidir. Sitenin amacı belirlenmeden tasarım ve kodlama ile ilgili çalışmalara geçilmemelidir. Çünkü amaca göre görsel tasarım ve kodlama farklılıklar göstermekte, tasarım maliyeti değişmektedir.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. Sitenin amacına ve tarzına uygun olarak müşteri grubunun öneri ve istekleri dikkate alınarak görsel tasarımcı tarafından hazırlanır. Görsel tasarımcının işini kolaylaştıracak şey firmanın kurumsal kimlik çalışmaları ve müşterinin ve belirttiği rakip web siteleridir. Tasarımcı bu bilgilere kendi hayal gücünü ve estetik yeteneğini katarak ilk görsel tasarımları oluşturacaktır. Özellikle birkaç alternatif çalış- ma yapılarak tasarımlar müşterinin beğenisine sunulmalıdır ki müşteri aralarından seçebilsin ve tasarım işlemi tekrarlanmak zorunda kalmasın. Tasarımı oluşturmak için kullanılabilecek bazı programlar şunlardır: AdobePhotoshop, • AdobeIllustrator, • CorelDraw, • Freehand, vb.
  • 21. Hazırlanan bu görsel ara yüz temel web görünümünü kazanmak üzere HTML kodlama ile kodlanmalıdır. Bu aşamada web sitesinin internet formatındaki ilk sayfaları oluşmaya başlayacaktır. Sayfa içerisine ilk içerikler, görsel ve hareketli öğeler yerleştirilerek ilk işlemler tamamlanır. Bu aşamada hemen dinamik yapının başlatılması uygun değildir. HTML tasarım müşteri grubuna tekrar sunularak yine onay alınmalıdır. Çünkü dinamik yapı tasarlandıktan sonra bu aşamaya geri dönüş yapmak kodlayıcı için oldukça zor olacaktır.
  • 22.
  • 23. 13. Sitenin Test Edilmesi ve Güvenlik Web sitesinin HTML altyapısı, dinamik kodları ve veri tabanı mimarisi hazırlandıktan sonra itemiz kullanıma hazır hale gelmiş demektir. Şimdiki aşamada işimiz, sitemizi kötü niyetli kişilerden korumak olacaktır. Her kodlayıcının kendine özgü güvenlik tespit yöntemleri vardır, fakat kodlamacının gözden kaçırdığı açıkları da tespit edebilmek için en az 2 farklı kodlayıcının da kontrolünden geçmesi uygun olacaktır.