Web Tasarım Nedir?

Thereaqerx

Tasarım Ekibi Lideri
16 Ocak 2021
1,026
1,591
Tasarım Ekibi Direktörlüğü
Web-Tasarim-Nedir.png



Varlik-105c7616ed14e37ebd2.png



Web tasarımı nedir?" veya "web tasarım nedir?” sorusuna tek bir kısa cevap verecek olursak; Web tasarımı; görseller ve metinlerden oluşan web sayfası içeriklerinin web sitesi ziyaretçilerine bir düzen içerisinde sunulmasıdır. Web sitesi tasarımı, web tasarım projesi veya web sitesi yapımı gibi tanımlar da, web tasarımı ile eş anlamda kullanılır.

Web tasarımı yapabilmek için öncelikle bir projeye ihtiyaç vardır. Firma, şahıs, marka veya ürün projenin esas konusunu oluşturur. Örneğin; doktor veya diş hekimi web sitesi, firma web sitesi, otel web sitesi, sağlık merkezi veya hastane web sitesi bir web tasarım projesidir. Buradan da anlaşıldığı gibi web tasarım kişi, kurum veya kuruluşları tanıtmak amacıyla yapılan, web sitesi sayfalarını kodlama, düzenleme ve internet ortamında yayınlama çalışmalarının tümüdür. Bu çalışmaları yapan uzman kişilere web tasarımcı, web tasarımcısı veya web master denir.


Varlik-97709137819b24d109.png


Web-Tasarim-Nasil-Yapilir.png



Varlik-7771e72e28ea139e8c.png



gwc0z6c.png



Bir web sitesi yayınlanmadan önce birçok aşamadan geçer.

  • Projenin Belirlenmesi
  • Kurumsal Kimlik Çalışması
  • Grafik Tasarım Çalışması
  • Web Sayfalarının Kodlaması
  • İçerik Yönetim Sistemi Entegrasyonu
  • Web Sitesinin Test Süreci
  • Web Sitesinin Yayınlanması
Bu aşamalar da kendi içerisinde daha detaylı çalışmaları barındırır.


Varlik-986b5a49f25c6f7f28.png



Varlik-95d0e72e1554b9c18c.png

Projenin Belirlenmesi


Varlik-99617e97405531f6ad.png


Proje.png




Varlik-78ae2e6892dba65173.png



Proje belirlenirken ihtiyaçlar göz önünde bulundurulur. Web sitesinin yapılış amacı, kişi yada kurumu tanıtmak olabildiği gibi firmanın ticari faaliyetlerini ön plana çıkarmak da olabilir. Bu noktada kapsamlı rakip firma analizleri yapılır. Proje belirlenirken web sitesinin yapılış amacı ve web sayfası içeriklerinin neler olacağı netlik kazanır.



Varlik-95d0e72e1554b9c18c.png

Kurumsal Kimlik Çalışması


Varlik-99617e97405531f6ad.png



Varlik-78ae2e6892dba65173.png



Kurumsal kimlik çalışması, web tasarım projesi hayata geçmeden önce tamamlanması gereken çalışmalardır. Örneğin; firma logosu kurumsal kimlik çalışmasının bir parçasıdır. Web sitesinde kullanılan renkler firmanın kurumsal renkleri ile doğru orantılı olmalıdır. Logo, renk, slogan, vb. kurumsal kimlik öğeleri web tasarımında kullanılan en önemli unsurlardır.


Varlik-95d0e72e1554b9c18c.png

Grafik Tasarım Çalışması


Varlik-99617e97405531f6ad.png




Varlik-78ae2e6892dba65173.png



Grafik tasarım çalışmalarında, kurumsal kimlik çalışmaları esas alınır. Adobe Photoshop gibi piksel tabanlı resim ve fotoğraf düzenleme programları kullanılarak web sayfalarının görsel tasarımı yapılır. Web sayfalarında kullanılacak resim, fotoğraf, grafik gibi görseller özenle hazırlanarak uygun ve doğru yerlerde konumlandırılır.


Varlik-95d0e72e1554b9c18c.png

Web Sayfası Kodlaması


Varlik-99617e97405531f6ad.png


Proje-2.jpg



Varlik-78ae2e6892dba65173.png



Web sayfalarının kodlaması sürecinde HTML, CSS, JavaScript, SQL, PHP, Python ve ASP gibi çeşitli programlama dilleri kullanılır. Google Chrome, Mozilla Firefox, Opera veya Internet Explorer gibi internet tarayıcılarının web sitelerini görüntüleyebilmeleri için web sayfalarının bu dillerde kodlanması gerekir. Grafik tasarımı, web sayfalarının kodlaması ve web sayfası içeriklerinin oluşturulması sonucunda web sitesinin genel yapısı ve görünümü ortaya çıkar.


Varlik-95d0e72e1554b9c18c.png

İçerik Yönetim Sistemi (CMS) Entegrasyonu


Varlik-99617e97405531f6ad.png

Varlik-78ae2e6892dba65173.png



İçerik Yönetim Sistemi (CMS), web sitesi sahibinin web sayfalarına fotoğraf, resim, tablo, grafik, video, metin, vb. içerikleri ekleyip çıkarmasını sağlayan yazılımlardır. CMS yazılımları, web sitesi sahibinin web tasarımcıya bağlı kalmadan site içeriğini güncelleyebilmesini sağlar. Bununla birlikte günümüzde, CMS yazılımları sadece web sitelerinin güncellenmesi için kullanılmamaktadır. Bir çok web tasarım hizmeti veren firma veya freelance tasarımcılar, web tasarım çalışmalarında CMS yazılımlarından faydalanarak hizmetlerini sunabilmektedir. CMS yazılımları, CMS yazılımlarının özellikleri, kullanım alanları ve faydaları oldukça kapsamlı bir konu olmakla beraber ayrı bir başlık altında incelenebilir.


Varlik-95d0e72e1554b9c18c.png

Web Sitesinin Test Süreci

Varlik-99617e97405531f6ad.png



Varlik-78ae2e6892dba65173.png


Web tasarım çalışmalarının doğru şekilde yapılıp yapılmadığını gösteren bu süreçte, eksik veya fazla yapılan çalışmalar belirlenir. Web sitesinde bulunması gereken ancak gözden kaçan detaylar olabilir. Bu bazen teknik bir konu bazen de görsel veya metin odaklı içerikle ilgilidir. Test aşamalarında web sayfalarının görsel durumu, mobil cihazlardaki görünümü, sayfa açılış hızları, vb. konular üzerinde gerekli kontroller gerçekleştirilerek, web sitesinin çalışma performansı optimal seviyeye getirilir.


Varlik-95d0e72e1554b9c18c.png

Web Sitesinin Yayınlanması


Varlik-99617e97405531f6ad.png


Proje-3.png



Varlik-78ae2e6892dba65173.png



Elbette web tasarım aşamaları içerisinde ifade edilebilecek farklı konular da vardır. Ancak en basit anlatımla bir web tasarım projesi bu süreçlerden geçer. Kapsamlı ve detaylı çalışmalar sonucunda web sitesi yayına hazırdır. Web sitesinin yayınlanabilmesi için domain olarak adlandırılan alan adına ve web sitesi sayfalarının barındırılacağı bir hosting hizmetine ihtiyaç vardır. Alan adı ve hosting hizmeti alındıktan sonra web sitesi yayınlanır. Web sitesi yayına alındıktan sonra arama motorlarına her bir web sayfasının tanımlandığı site haritasını göndermek gerekir. Google Arama Motoru günümüzde en çok kullanılan arama motorudur. Web sitesi yayına alındıktan sonra web sitesine ait site haritası Google’a gönderilir. Web sitesi indekslenerek Google arama sonuçlarında ziyaretçiler tarafından görüntülenir.


Varlik-95d0e72e1554b9c18c.png

Web Tasarımı Neden Yapılır?


Varlik-99617e97405531f6ad.png


Proje-4.png


Varlik-78ae2e6892dba65173.png


Web tasarımının temel amacı, web sitesi ziyaretçilerine ve web sitesinin sahibine karşılıklı fayda sağlayacak bir platformun oluşturulmasıdır. Karşılıklı fayda sağlayan bir proje amacına ulaşmıştır. Ürününü tanıtmak isteyen bir firma ile ürünü tanıyan, beğenen ve satın almak isteyen bir ziyaretçi buna güzel bir örnektir.

Web tasarımı çok çeşitli amaçlar doğrultusunda projelendirilir.


    • Kurumsal tanıtım amaçlı web siteleri
    • Ticari ürün satış ve tanıtım web siteleri
    • Kişisel blog web siteleri
    • Haber web siteleri
    • Sosyal medya web siteleri
    • Online satış veya E-ticaret web siteleri
“Web tasarım projeleri ister ticari amaçlı isterse de tanıtım odaklı olsun; en nihayetinde kurumsal kimliğinize değer katar.”

Teknolojinin hızla geliştiği, ticaret dinamiklerinin tamamen değiştiği, tanıtım faaliyetlerinin ve aktivitelerinin çeşitlilik kazandığı bu dönemde web tasarım çalışmaları da büyük bir ivme yakalamıştır. Web tasarım çalışmalarının planlama ve geliştirme süreçleri yeni bir boyut kazanmıştır. Günümüzde, firmaların potansiyellerini arttırmak, büyümek ve daha çok kazanç elde etmek için teknolojiye duydukları ihtiyaç her geçen gün daha da artmaktadır. Çoğu zaman web tasarım fiyatlarından daha ziyade ortaya çıkacak projenin kalitesi göz önünde bulundurulur. Kimileri yüksek teknolojiye ayak uydurarak ilerlerken kimileri bu trene henüz binmemişlerdir. Google, Facebook, Instagram, Twitter, Youtube gibi web dünyasının liderleri, sayamayacağımız kadar özellikler içeren hizmetleriyle web tasarım ve web yazılım sektörlerine de büyük katkı sağlamıştır.



m91gcxy.png



SAYGILARIMLA


Varlik-4440da38f0065ec8ec.png


Varlik-45f921bf5d2d7cf334.png
 
12 Haz 2023
156
67
KAYSERİ
Web-Tasarim-Nedir.png



Varlik-105c7616ed14e37ebd2.png



Web tasarımı nedir?" veya "web tasarım nedir?” sorusuna tek bir kısa cevap verecek olursak; Web tasarımı; görseller ve metinlerden oluşan web sayfası içeriklerinin web sitesi ziyaretçilerine bir düzen içerisinde sunulmasıdır. Web sitesi tasarımı, web tasarım projesi veya web sitesi yapımı gibi tanımlar da, web tasarımı ile eş anlamda kullanılır.

Web tasarımı yapabilmek için öncelikle bir projeye ihtiyaç vardır. Firma, şahıs, marka veya ürün projenin esas konusunu oluşturur. Örneğin; doktor veya diş hekimi web sitesi, firma web sitesi, otel web sitesi, sağlık merkezi veya hastane web sitesi bir web tasarım projesidir. Buradan da anlaşıldığı gibi web tasarım kişi, kurum veya kuruluşları tanıtmak amacıyla yapılan, web sitesi sayfalarını kodlama, düzenleme ve internet ortamında yayınlama çalışmalarının tümüdür. Bu çalışmaları yapan uzman kişilere web tasarımcı, web tasarımcısı veya web master denir.


Varlik-97709137819b24d109.png


Web-Tasarim-Nasil-Yapilir.png



Varlik-7771e72e28ea139e8c.png



gwc0z6c.png



Bir web sitesi yayınlanmadan önce birçok aşamadan geçer.

  • Projenin Belirlenmesi
  • Kurumsal Kimlik Çalışması
  • Grafik Tasarım Çalışması
  • Web Sayfalarının Kodlaması
  • İçerik Yönetim Sistemi Entegrasyonu
  • Web Sitesinin Test Süreci
  • Web Sitesinin Yayınlanması
Bu aşamalar da kendi içerisinde daha detaylı çalışmaları barındırır.


Varlik-986b5a49f25c6f7f28.png



Varlik-95d0e72e1554b9c18c.png

Projenin Belirlenmesi


Varlik-99617e97405531f6ad.png


Proje.png




Varlik-78ae2e6892dba65173.png



Proje belirlenirken ihtiyaçlar göz önünde bulundurulur. Web sitesinin yapılış amacı, kişi yada kurumu tanıtmak olabildiği gibi firmanın ticari faaliyetlerini ön plana çıkarmak da olabilir. Bu noktada kapsamlı rakip firma analizleri yapılır. Proje belirlenirken web sitesinin yapılış amacı ve web sayfası içeriklerinin neler olacağı netlik kazanır.



Varlik-95d0e72e1554b9c18c.png

Kurumsal Kimlik Çalışması


Varlik-99617e97405531f6ad.png



Varlik-78ae2e6892dba65173.png



Kurumsal kimlik çalışması, web tasarım projesi hayata geçmeden önce tamamlanması gereken çalışmalardır. Örneğin; firma logosu kurumsal kimlik çalışmasının bir parçasıdır. Web sitesinde kullanılan renkler firmanın kurumsal renkleri ile doğru orantılı olmalıdır. Logo, renk, slogan, vb. kurumsal kimlik öğeleri web tasarımında kullanılan en önemli unsurlardır.


Varlik-95d0e72e1554b9c18c.png

Grafik Tasarım Çalışması


Varlik-99617e97405531f6ad.png




Varlik-78ae2e6892dba65173.png



Grafik tasarım çalışmalarında, kurumsal kimlik çalışmaları esas alınır. Adobe Photoshop gibi piksel tabanlı resim ve fotoğraf düzenleme programları kullanılarak web sayfalarının görsel tasarımı yapılır. Web sayfalarında kullanılacak resim, fotoğraf, grafik gibi görseller özenle hazırlanarak uygun ve doğru yerlerde konumlandırılır.


Varlik-95d0e72e1554b9c18c.png

Web Sayfası Kodlaması


Varlik-99617e97405531f6ad.png


Proje-2.jpg



Varlik-78ae2e6892dba65173.png



Web sayfalarının kodlaması sürecinde HTML, CSS, JavaScript, SQL, PHP, Python ve ASP gibi çeşitli programlama dilleri kullanılır. Google Chrome, Mozilla Firefox, Opera veya Internet Explorer gibi internet tarayıcılarının web sitelerini görüntüleyebilmeleri için web sayfalarının bu dillerde kodlanması gerekir. Grafik tasarımı, web sayfalarının kodlaması ve web sayfası içeriklerinin oluşturulması sonucunda web sitesinin genel yapısı ve görünümü ortaya çıkar.


Varlik-95d0e72e1554b9c18c.png

İçerik Yönetim Sistemi (CMS) Entegrasyonu


Varlik-99617e97405531f6ad.png

Varlik-78ae2e6892dba65173.png



İçerik Yönetim Sistemi (CMS), web sitesi sahibinin web sayfalarına fotoğraf, resim, tablo, grafik, video, metin, vb. içerikleri ekleyip çıkarmasını sağlayan yazılımlardır. CMS yazılımları, web sitesi sahibinin web tasarımcıya bağlı kalmadan site içeriğini güncelleyebilmesini sağlar. Bununla birlikte günümüzde, CMS yazılımları sadece web sitelerinin güncellenmesi için kullanılmamaktadır. Bir çok web tasarım hizmeti veren firma veya freelance tasarımcılar, web tasarım çalışmalarında CMS yazılımlarından faydalanarak hizmetlerini sunabilmektedir. CMS yazılımları, CMS yazılımlarının özellikleri, kullanım alanları ve faydaları oldukça kapsamlı bir konu olmakla beraber ayrı bir başlık altında incelenebilir.


Varlik-95d0e72e1554b9c18c.png

Web Sitesinin Test Süreci

Varlik-99617e97405531f6ad.png



Varlik-78ae2e6892dba65173.png


Web tasarım çalışmalarının doğru şekilde yapılıp yapılmadığını gösteren bu süreçte, eksik veya fazla yapılan çalışmalar belirlenir. Web sitesinde bulunması gereken ancak gözden kaçan detaylar olabilir. Bu bazen teknik bir konu bazen de görsel veya metin odaklı içerikle ilgilidir. Test aşamalarında web sayfalarının görsel durumu, mobil cihazlardaki görünümü, sayfa açılış hızları, vb. konular üzerinde gerekli kontroller gerçekleştirilerek, web sitesinin çalışma performansı optimal seviyeye getirilir.


Varlik-95d0e72e1554b9c18c.png

Web Sitesinin Yayınlanması


Varlik-99617e97405531f6ad.png


Proje-3.png



Varlik-78ae2e6892dba65173.png



Elbette web tasarım aşamaları içerisinde ifade edilebilecek farklı konular da vardır. Ancak en basit anlatımla bir web tasarım projesi bu süreçlerden geçer. Kapsamlı ve detaylı çalışmalar sonucunda web sitesi yayına hazırdır. Web sitesinin yayınlanabilmesi için domain olarak adlandırılan alan adına ve web sitesi sayfalarının barındırılacağı bir hosting hizmetine ihtiyaç vardır. Alan adı ve hosting hizmeti alındıktan sonra web sitesi yayınlanır. Web sitesi yayına alındıktan sonra arama motorlarına her bir web sayfasının tanımlandığı site haritasını göndermek gerekir. Google Arama Motoru günümüzde en çok kullanılan arama motorudur. Web sitesi yayına alındıktan sonra web sitesine ait site haritası Google’a gönderilir. Web sitesi indekslenerek Google arama sonuçlarında ziyaretçiler tarafından görüntülenir.


Varlik-95d0e72e1554b9c18c.png

Web Tasarımı Neden Yapılır?


Varlik-99617e97405531f6ad.png


Proje-4.png


Varlik-78ae2e6892dba65173.png


Web tasarımının temel amacı, web sitesi ziyaretçilerine ve web sitesinin sahibine karşılıklı fayda sağlayacak bir platformun oluşturulmasıdır. Karşılıklı fayda sağlayan bir proje amacına ulaşmıştır. Ürününü tanıtmak isteyen bir firma ile ürünü tanıyan, beğenen ve satın almak isteyen bir ziyaretçi buna güzel bir örnektir.

Web tasarımı çok çeşitli amaçlar doğrultusunda projelendirilir.


    • Kurumsal tanıtım amaçlı web siteleri
    • Ticari ürün satış ve tanıtım web siteleri
    • Kişisel blog web siteleri
    • Haber web siteleri
    • Sosyal medya web siteleri
    • Online satış veya E-ticaret web siteleri
“Web tasarım projeleri ister ticari amaçlı isterse de tanıtım odaklı olsun; en nihayetinde kurumsal kimliğinize değer katar.”

Teknolojinin hızla geliştiği, ticaret dinamiklerinin tamamen değiştiği, tanıtım faaliyetlerinin ve aktivitelerinin çeşitlilik kazandığı bu dönemde web tasarım çalışmaları da büyük bir ivme yakalamıştır. Web tasarım çalışmalarının planlama ve geliştirme süreçleri yeni bir boyut kazanmıştır. Günümüzde, firmaların potansiyellerini arttırmak, büyümek ve daha çok kazanç elde etmek için teknolojiye duydukları ihtiyaç her geçen gün daha da artmaktadır. Çoğu zaman web tasarım fiyatlarından daha ziyade ortaya çıkacak projenin kalitesi göz önünde bulundurulur. Kimileri yüksek teknolojiye ayak uydurarak ilerlerken kimileri bu trene henüz binmemişlerdir. Google, Facebook, Instagram, Twitter, Youtube gibi web dünyasının liderleri, sayamayacağımız kadar özellikler içeren hizmetleriyle web tasarım ve web yazılım sektörlerine de büyük katkı sağlamıştır.



m91gcxy.png



SAYGILARIMLA


Varlik-4440da38f0065ec8ec.png


Varlik-45f921bf5d2d7cf334.png
Eline sağlık
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.