{"id":1746,"date":"2022-09-21T07:31:53","date_gmt":"2022-09-21T07:31:53","guid":{"rendered":"https:\/\/www.melibera.com\/blog\/?p=1746"},"modified":"2022-09-30T21:09:12","modified_gmt":"2022-09-30T21:09:12","slug":"web-tasarim-nedir-2","status":"publish","type":"post","link":"https:\/\/www.melibera.com\/blog\/web-tasarim-nedir-2.html","title":{"rendered":"Web Tasar\u0131m Nedir?"},"content":{"rendered":"<p>Web tasar\u0131m\u0131 ve kodlama, http ve https protokol\u00fcne uygun olarak tasarlanm\u0131\u015f sayfa ve web sitelerinin ihtiyaca uygun olarak tasar\u0131mc\u0131 s\u0131fat\u0131yla \u00e7al\u0131\u015fan ki\u015filerce tasarlanmas\u0131 i\u015fleminin ad\u0131d\u0131r. Bir web sitesi, sunucu taraf\u0131nda \u00e7al\u0131\u015fan ve kullan\u0131c\u0131lar\u0131n g\u00f6rd\u00fckleri iki ana k\u0131s\u0131mdan meydana gelirler. Sayfalar ve web siteleri; HTML, PHP, Javascript gibi pek \u00e7ok dile ile tasarlan\u0131rlar. G\u00fcn\u00fcm\u00fczde ayr\u0131ca C Dili, Python, R, GoLang gibi dillerle de web tasar\u0131m\u0131 ve kodlama yapmak m\u00fcmk\u00fcnd\u00fcr. \u00c7o\u011fu zaman standart bir kurumsal site veya al\u0131\u015fveri\u015f sitesi i\u00e7in scripting ve programlama dillerinin birden fazlas\u0131 kullan\u0131labilir. Ayr\u0131ca Wix, WordPress, Opencart ve daha pek \u00e7ok haz\u0131r \u015fablon \/ web hizmeti sizlere kodlama yapmadan web tasar\u0131m yapma olana\u011f\u0131 sunmaktad\u0131r.<\/p>\n<p>Web tasar\u0131m ve kodlama, pek \u00e7ok disiplini i\u00e7eren bir meslek dal\u0131d\u0131r. Site tasar\u0131m uzman\u0131 veya web tasar\u0131mc\u0131 gibi unvanlarla tasar\u0131m yapanlar, pek \u00e7ok programlama dilini birlikte kullan\u0131rlar. HTML, bir programlama dili de\u011fil, \u201cscripting\u201d dilidir. Buna kar\u015f\u0131n HTML, web tasar\u0131m i\u00e7in son derece \u00f6nemli bir konu ba\u015fl\u0131\u011f\u0131d\u0131r. Web sitelerinin temelde iki ana k\u0131s\u0131mdan olu\u015ftu\u011fundan s\u00f6z etmi\u015ftik. Bu ayr\u0131ma kar\u015f\u0131n \u00e7o\u011fu zaman web tasar\u0131m\u0131 yapanlar, site tasar\u0131m ve web programlama s\u00fcre\u00e7lerine hakimdirler.<\/p>\n<p>Web sitelerinin sunucu k\u0131sm\u0131 ile ilgili kodlama, \u00e7o\u011fu web tasar\u0131mc\u0131 aday\u0131n\u0131n HTML ba\u015fta olmak \u00fczere pek \u00e7ok dile hakim olmas\u0131n\u0131 gerekli hale getirir. Sekt\u00f6rde \u00e7al\u0131\u015fan profesyoneller, bu k\u0131sma \u201cfront-end\u201d veya \u201cfrontend\u201d ismini verirler. Front end tasar\u0131mda, sitenin nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fc g\u00f6rseller ve metinler, linkler ve site i\u00e7indeki animasyonlar son derece \u00f6nemlidir.<\/p>\n<p>Backend, site tasar\u0131m\u0131 i\u00e7in en zorlu k\u0131s\u0131mlardan birisidir. \u00c7o\u011fu zaman profesyonel web tasar\u0131m\u0131 i\u00e7in i\u015f tan\u0131m\u0131 belirlidir; web tasar\u0131mc\u0131 veya web tasar\u0131m uzman\u0131 sayfalar\u0131, blok ve metinleri, font ve renkleri, animasyon ya da g\u00f6rselleri d\u00fczenler. T\u00fcm bunlara ek olarak, backend k\u0131sm\u0131nda web sitesinin do\u011fru \u00e7al\u0131\u015fmas\u0131 i\u00e7in pek \u00e7ok kodlama i\u015fleminin yap\u0131lmas\u0131 gerekir. Backend uzmanlar\u0131, sitelerin sa\u011fl\u0131kl\u0131 bir \u015fekilde \u00e7al\u0131\u015fmas\u0131 i\u00e7in, sunucu taraf\u0131ndaki kodlar\u0131 d\u00fczenlerler. Web tasar\u0131m s\u00fcresi, bir web sitesi nas\u0131l tasarlan\u0131r ve site tasar\u0131m kodlama uzman\u0131 ne yapar gibi ba\u015fl\u0131klarla bu konulardan s\u00f6z edece\u011fiz.<\/p>\n<h1><b>Web Tasar\u0131m\u0131 Nedir? Web Tasar\u0131m\u0131 ve Kodlama \u0130\u015f \u0130mk\u00e2nlar\u0131 Nelerdir?<\/b><\/h1>\n<p>Web tasar\u0131m\u0131 g\u00fcn\u00fcm\u00fcz\u00fcn en fazla ge\u00e7erlili\u011fi bulunan meslek dallar\u0131ndan birisi olma \u00f6zelli\u011fini ta\u015f\u0131yor. \u00dclkemizde ve d\u00fcnyada, internetin faydalar\u0131n\u0131 ve hayat\u0131m\u0131zdaki yerini d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fczde, bu hi\u00e7 de \u015fa\u015f\u0131rt\u0131c\u0131 de\u011fil. D\u00fcnyada \u015fu anda 1.8 milyar adet web sitesi bulunuyor. D\u00fcnyadaki her y\u00fcz ki\u015fiden 60\u2019\u0131, iyi tasarlanm\u0131\u015f bir sitenin daha g\u00fcvenilir ve iyi oldu\u011fu konusunda hemfikir. Web sayfalar\u0131 tasar\u0131m\u0131 \/ web tasar\u0131m ile ilgili bu veriler, bizlere web tasar\u0131m\u0131n ne kadar \u00f6nemli oldu\u011funu g\u00f6steriyor. Peki, web tasar\u0131m\u0131 nedir? Web tasar\u0131m\u0131 ve kodlama i\u015f imk\u00e2nlar\u0131 nelerdir? Site tasar\u0131m ve kodlama, \u00fclkemizde ve d\u00fcnyada hala \u00f6nemli bir i\u015f mi? Hep birlikte, bu soruyu cevaplamaya \u00e7al\u0131\u015fal\u0131m.<\/p>\n<h2><b>Web Tasar\u0131mc\u0131 \/ Web Tasar\u0131m Uzman\u0131 Ne Yapar? <\/b><\/h2>\n<p>Web tasar\u0131m uzman\u0131, HTML ba\u015fta olmak \u00fczere pek \u00e7ok konuda bilgi sahibidir. \u00c7o\u011fu zaman web tasar\u0131m ve kodlama s\u00fcreci, ilk olarak domain (alan ad\u0131) al\u0131m\u0131 ile ba\u015flar. Sonras\u0131nda logo tasar\u0131m\u0131, web sitesi tasar\u0131m\u0131, sunucu, kodlama ve benzeri s\u00fcre\u00e7lerle tasar\u0131m i\u015flemi tamamlan\u0131r. G\u00fcn\u00fcm\u00fczde son derece pop\u00fcler olan al\u0131\u015fveri\u015f siteleri, e-ticaret i\u00e7in son derece \u00f6nemlidir.<br \/>\nKurumsal siteler, e-ticaret siteleri ve daha pek \u00e7ok farkl\u0131 t\u00fcrde site i\u00e7in site tasar\u0131m ve kodlama s\u00fcreci ilk olarak sitenin \u201cmaketi\u201d ile ba\u015flar. Bununla beraber, arama motoru optimizasyonu (Search Engine Optimisation \u2013 SEO) gibi di\u011fer unsurlar, sitenin tasar\u0131m s\u00fcrecinin uzamas\u0131na neden olabilir.<\/p>\n<p>Web tasar\u0131mc\u0131, sitenin kullan\u0131c\u0131 ile kar\u015f\u0131la\u015fan \u00f6n y\u00fcz\u00fc (front end) ile ilgilenir. Web programlama konusunda bilgi sahibi olan bir web sitesi tasar\u0131m uzman\u0131, profesyonel web tasar\u0131m\u0131 i\u00e7in back-end \/ backend konusunda da bilgi sahibi olmal\u0131d\u0131r. Site maketi i\u00e7in <a href=\"https:\/\/www.adobe.com\/tr\/products\/photoshop.html\">Adobe Photoshop<\/a>, Adobe Illustrator, Dreamweaver gibi geli\u015ftirici ortamlar\u0131 yayg\u0131n olarak profesyonel web tasar\u0131mc\u0131 taraf\u0131ndan kullan\u0131lmaktad\u0131r.<\/p>\n<h2><strong>Web Tasar\u0131m ve Kodlama \u0130\u015f \u0130mk\u00e2nlar\u0131 Nelerdir?<\/strong><\/h2>\n<p>Web tasar\u0131m ve kodlama, g\u00fcn\u00fcm\u00fcz\u00fcn en yayg\u0131n i\u015f kollar\u0131ndan birisidir. D\u00fcnyada yay\u0131nda olan 1.8 milyar web sitesi bulunmaktad\u0131r. Buna kar\u015f\u0131n, iyi tasarlanm\u0131\u015f bir web sitelerinin say\u0131lar\u0131 olduk\u00e7a azd\u0131r. \u0130nternet tabanl\u0131 bir i\u015f oldu\u011fundan, web sitesi tasar\u0131m ve kodlama g\u00fcn\u00fcm\u00fcz\u00fcn en pop\u00fcler mesleklerinden birisi olma \u00f6zelli\u011fine sahip. Ayr\u0131ca web tasar\u0131m ve kodlama, sadece web i\u00e7in de\u011fil di\u011fer programlama dilleri i\u00e7in de bir ba\u015flang\u0131\u00e7 noktas\u0131 olma \u00f6zelli\u011fine sahip. Tercihinize g\u00f6re, profesyonel site tasar\u0131m ve kodlama hizmetini, mek\u00e2ndan ba\u011f\u0131ms\u0131z verebilirsiniz. Web tasar\u0131m ve kodlama ile ilgili online dersler alabilir, kendinizi geli\u015ftirebilir, yurtd\u0131\u015f\u0131na da hizmet verebilirsiniz.<\/p>\n<p>G\u00fcn\u00fcm\u00fczde, Boostrap veya JQuery gibi yaz\u0131l\u0131m k\u00fct\u00fcphaneleri, web sitesi tasar\u0131m\u0131 s\u00fcrecini h\u0131zland\u0131rmaktad\u0131r. Profesyonel web tasar\u0131mc\u0131 ne yapar? Asl\u0131nda bu sorunun cevab\u0131 tam olarak nas\u0131l bir web sitesi tasarlamak istedi\u011finiz ile do\u011frudan ili\u015fkilidir. Mobil uyumlu siteler i\u00e7in, site tasar\u0131m uzman\u0131 \u00e7ok daha fazla say\u0131da dilde deneyimli ve de uzman olmal\u0131d\u0131r.<\/p>\n<h2><b>Profesyonel Web Tasar\u0131m S\u00fcreci Nas\u0131l i\u015fler? <\/b><\/h2>\n<p><a href=\"https:\/\/www.melibera.com\/web-tasarim\">Profesyonel web tasar\u0131m\u0131<\/a>, ilk olarak ilgili bir domain (alan ad\u0131) se\u00e7ilmesi ile ba\u015flar. \u00c7o\u011fu zaman profesyonel site tasar\u0131m ve kodlama i\u00e7in k\u0131sa, \u00fcr\u00fcn veya hizmetin jenerik ad\u0131n\u0131 i\u00e7erek anahtar kelimeyi bar\u0131nd\u0131ran bir alan ad\u0131, olduk\u00e7a idealdir. Logo tasar\u0131m\u0131 ve web sitesinin maketi, font ve renk paleti gibi pek \u00e7ok unsur, grafik tasar\u0131m uzman\u0131 \u2013 grafik tasar\u0131mc\u0131 taraf\u0131ndan belirlenir. Web tasar\u0131mc\u0131, kullan\u0131c\u0131 faydas\u0131 ve rahat bir kullan\u0131m i\u00e7in, web sitesinde neyin nerede bulunaca\u011f\u0131na karar verir. Profesyonel web sitesi tasar\u0131m ve kodlama uzman\u0131, HTML ve di\u011fer kodlama dilleri ile web sitesini haz\u0131rlamaya ba\u015flar.<\/p>\n<p>Web tasar\u0131mc\u0131 \u00e7o\u011fu zaman site maketi, anasayfa ve di\u011fer sayfalar\u0131n mizanpaj, hiyerar\u015fi, renk se\u00e7imi ve kodlamas\u0131ndan mesuld\u00fcr. Tasar\u0131m i\u00e7in grafik tasar\u0131m programlar\u0131 veya web geli\u015ftirme ortamlar\u0131, tercih edilen kodlama diline ba\u011fl\u0131 olarak se\u00e7ilmektedir. Dreamweaver, HTML \u2013 PHP ve Javascript i\u00e7in idealdir. Bununla birlikte Visual Studio Code, Notepad++ gibi pek \u00e7ok ortamda site tasar\u0131m\u0131 ve web geli\u015ftirme ger\u00e7ekle\u015ftirilebilir.<\/p>\n<p><strong>Web Tasar\u0131m\u0131 \u0130\u00e7in Boostrap Bilmeli Miyim? Mobil Uyumlu Web Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r?<\/strong><\/p>\n<p>Mobil uyumlu web tasar\u0131m, g\u00fcn\u00fcm\u00fczde son derece \u00f6nemli bir konudur. Web tasar\u0131m\u0131 gibi internet tabanl\u0131 konular\u0131n \u00e7ok \u00f6nemli oldu\u011fu 2000\u2019li y\u0131llar\u0131n ilk zamanlar\u0131nda, mobil uyumluluk tasar\u0131mc\u0131lar taraf\u0131ndan \u00fczerinde \u00e7ok durulmayan konulardand\u0131. Ak\u0131ll\u0131 telefonlar ve tablet PC\u2019lerin pop\u00fclerle\u015fmesi, mobil uyumlu site tasar\u0131m\u0131 konusunu g\u00fcndeme ta\u015f\u0131d\u0131. Bug\u00fcn, web tasar\u0131mc\u0131 veya profesyonel <strong><a href=\"https:\/\/www.melibera.com\/web-tasarim\">web tasar\u0131m uzman\u0131<\/a> <\/strong>i\u00e7in, tasar\u0131mda mobil uyumluluk bu nedenle \u00e7ok \u00f6nemli.<\/p>\n<p>Web tasar\u0131m\u0131 i\u00e7in mobil uyumluluk, g\u00fcn\u00fcm\u00fczdeki en \u00f6nemli konular aras\u0131nda yer al\u0131yor. Boostrap, mobil uyumlu web sitelerinin ak\u0131ll\u0131 telefon ve tabletlerde de iyi g\u00f6r\u00fcnmesini ve \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011fl\u0131yor. T\u00fcm bunlara ek olarak WordPress i\u00e7in AWP gibi eklentiler, mobil uyumluluk i\u00e7in son derece \u00f6nemli. PHP ve JQuery kullanarak, birka\u00e7 kodlama a\u015famas\u0131dan sonra da mobil uyumlu web siteleri yapman\u0131z m\u00fcmk\u00fcn.<\/p>\n<p>Mobil uyumluluk, web tasar\u0131m \u2013 site tasar\u0131m\u0131 i\u00e7in en \u00f6nemli ana konu maddeleri aras\u0131nda geliyor. Bunun nedeni, mobil uygulamalar \u2013 web siteleri aras\u0131ndaki s\u0131n\u0131r\u0131n giderek silikle\u015fmeye ba\u015flamas\u0131. Profesyonel web tasar\u0131mc\u0131 olmak, web siteleri tasarlamak i\u00e7in kendinizi s\u00fcrekli geli\u015ftirmeli ve \u00f6zellikle mobil uyumlu web siteleri konusuna dikkat etmelisiniz.<\/p>\n<h2><b>Web Tasar\u0131m\u0131 ve Kodlama <\/b><\/h2>\n<p>Web tasar\u0131m\u0131 i\u00e7in \u00e7o\u011fu zaman tasar\u0131m bilgisi, kullan\u0131c\u0131 aray\u00fcz\u00fc tasar\u0131m\u0131 (UI \/ User Interface Tasar\u0131m\u0131) ve kullan\u0131c\u0131 deneyimi (UX \/ User Experience) en \u00f6nemli konulard\u0131r. Bununla beraber, web programlama \u2013 web tasar\u0131m aras\u0131ndaki s\u0131n\u0131r\u0131n da giderek inceldi\u011fini s\u00f6ylemek m\u00fcmk\u00fcn. Bu nedenle, profesyonel web tasar\u0131m\u0131 i\u00e7in kodlama, \u00f6nemli bir yere sahip. Yani firma, \u015firket ve markalar \u00e7o\u011fu zaman web tasar\u0131m ve kodlama \/ web programlama hizmetini birlikte talep ederler. Kodlama, bu nedenle, profesyonel web tasar\u0131m\u0131 i\u00e7in son derece \u00f6nemli.<br \/>\n<a href=\"https:\/\/www.melibera.com\/web-tasarim\"><strong>Web tasar\u0131m<\/strong><\/a> konusunda kendisini geli\u015ftirmek isteyenler i\u00e7in HTML, internetin tam olarak nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131 gibi konular \u00f6nemlidir. Bununla beraber, statik (dura\u011fan) bir site yerine interaktif \u2013 responsive siteler i\u00e7in PHP \u2013 MySQL ve Javascript di\u011fer \u00f6nemli konular aras\u0131nda gelir. G\u00fcn\u00fcm\u00fczde \u00e7ok farkl\u0131 programlama dilleri ve geli\u015ftirici ortamlar\u0131yla site tasar\u0131m\u0131 \u2013 kodlama yapmak m\u00fcmk\u00fcn. Python (Flask ve Django), ReactJS K\u00fct\u00fcphanesi (Javascript), C Dilleri, Golang, R gibi dillerle web tasar\u0131m\u0131 yapabilirsiniz.<\/p>\n<p>Web tasar\u0131m\u0131 nedir? Sorunun yan\u0131t\u0131n\u0131 vermek bug\u00fcn i\u00e7in biraz g\u00fc\u00e7. Bunun nedeni web tasar\u0131m ile mobil uygulama tasar\u0131m\u0131 gibi farkl\u0131 tasar\u0131m s\u00fcre\u00e7lerinin aras\u0131ndaki s\u0131n\u0131r\u0131n g\u00fcnden g\u00fcne daha da bulan\u0131kla\u015fmas\u0131.<\/p>\n<p>Sizin i\u00e7in web tasar\u0131m\u0131 nedir ba\u015fta olmak \u00fczere, web tasar\u0131m ile ilgili pek \u00e7ok soruya yan\u0131t vermeye \u00e7al\u0131\u015ft\u0131k. Sitemizden ayr\u0131ca profesyonel web tasar\u0131m\u0131 ve kodlama ile ilgili di\u011fer konularda da bilgi alabilirsiniz. Firman\u0131z, markan\u0131z ve kurumunuz i\u00e7in profesyonel web tasar\u0131m\u0131 hizmetimizden de ayr\u0131ca faydalanabilirsiniz. Profesyonel ve amat\u00f6r t\u00fcm web tasar\u0131mc\u0131lara ve web tasar\u0131m uzmanlar\u0131na, adaylara \u015fimdiden kolay gelsin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web tasar\u0131m\u0131 ve kodlama, http ve https protokol\u00fcne uygun olarak tasarlanm\u0131\u015f sayfa ve web sitelerinin ihtiyaca uygun olarak tasar\u0131mc\u0131 s\u0131fat\u0131yla &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Web Tasar\u0131m Nedir?\" class=\"read-more button\" href=\"https:\/\/www.melibera.com\/blog\/web-tasarim-nedir-2.html#more-1746\" aria-label=\"More on Web Tasar\u0131m Nedir?\">Devam\u0131\u0131n\u0131 Oku<\/a><\/p>\n","protected":false},"author":1,"featured_media":1750,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[348,54],"tags":[425,424,426],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts\/1746"}],"collection":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/comments?post=1746"}],"version-history":[{"count":5,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts\/1746\/revisions"}],"predecessor-version":[{"id":1752,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/posts\/1746\/revisions\/1752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/media\/1750"}],"wp:attachment":[{"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/media?parent=1746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/categories?post=1746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.melibera.com\/blog\/wp-json\/wp\/v2\/tags?post=1746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}