{"id":4176,"date":"2021-03-30T14:22:54","date_gmt":"2021-03-30T11:22:54","guid":{"rendered":"https:\/\/www.dopinger.com\/tr\/blog\/?p=4176"},"modified":"2023-11-03T15:57:27","modified_gmt":"2023-11-03T12:57:27","slug":"photoshop-ile-web-sitesi-tasarimi-nasil-yapilir","status":"publish","type":"post","link":"http:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir","title":{"rendered":"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r?"},"content":{"rendered":"\n<p>Web tasar\u0131m elbette i\u015fin i\u00e7ine yaz\u0131l\u0131m ara\u00e7lar\u0131n\u0131n da girdi\u011fi kapsaml\u0131 bir s\u00fcre\u00e7tir. Ancak g\u00f6rsel d\u00fczenleme programlar\u0131 kullanarak bir sitenin g\u00f6rsel tasar\u0131m\u0131na dair detayl\u0131 bir \u015fablon olu\u015fturmak m\u00fcmk\u00fcnd\u00fcr. Bu do\u011frultuda yaz\u0131m\u0131zda Adobe Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r sorusuna cevap vermeye \u00e7al\u0131\u015faca\u011f\u0131z. Son derece kullan\u0131\u015fl\u0131 ve geni\u015f bir g\u00f6rsel d\u00fczenleme program\u0131 olan Adobe Photoshop, web tasar\u0131m a\u00e7\u0131s\u0131ndan da kullanmak i\u00e7in olduk\u00e7a elveri\u015fli bir yap\u0131ya sahiptir.<\/p>\n\n\n\n<p>Nitekim pek \u00e7ok profesyonel <a href=\"https:\/\/www.dopinger.com\/tr\/web-tasarim\/\" target=\"_blank\" rel=\"noreferrer noopener\">web tasar\u0131m<\/a> uzman\u0131 geli\u015ftirme a\u015famas\u0131nda Adobe Creative Cloud paketlerinden ve \u00f6zellikle Photoshop\u2019tan s\u0131kl\u0131kla yararlanmaktad\u0131r. Bu anlamda gerek b\u00fct\u00fcn bir site aray\u00fcz\u00fc gerekse de site elementlerini tasarlamak a\u00e7\u0131s\u0131ndan Photoshop\u2019un ideal bir se\u00e7im oldu\u011funu s\u00f6yleyebiliriz. Gelin \u015fimdi Adobe Photoshop\u2019ta web sitesi tasar\u0131m\u0131 yapmak i\u00e7in izleyebilece\u011finiz temel rotan\u0131n ad\u0131m ad\u0131m \u00fczerinden ge\u00e7elim. Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r \u00f6\u011frenmek i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 okuyabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Photoshop-ile-web-site-tasarimi-6-adimda-nasil-yapilir\"><\/span><strong>Photoshop ile web site tasar\u0131m\u0131 6 ad\u0131mda nas\u0131l yap\u0131l\u0131r?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00c7al\u0131\u015fma sayfas\u0131 olu\u015fturun.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\u00d6ncelikle tasar\u0131m\u0131n\u0131za ba\u015flamak i\u00e7in ilk ad\u0131m\u0131n\u0131z yeni bir \u00e7al\u0131\u015fma sayfas\u0131 olu\u015fturmakt\u0131r.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Izgara Sistemlerinden Yararlanmay\u0131 unutmay\u0131n.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\u0130kinci ad\u0131m\u0131n\u0131zda \u0131zgara sistemlerini kullanarak yerle\u015ftirebilece\u011finiz konumlar\u0131 \u00e7ok daha kolay belirleyebilirsiniz ve responsive bir tasar\u0131m olu\u015fturabilirsiniz.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tasar\u0131mlar\u0131n\u0131z\u0131 g\u00f6rsel hiyerar\u015fiye g\u00f6re ayarlay\u0131n.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Pek \u00e7ok tasar\u0131m uzman\u0131, tasar\u0131mlar\u0131n\u0131 g\u00f6rsel hiyerar\u015fiye g\u00f6re yapmaktad\u0131r. Sizde kullan\u0131c\u0131lar\u0131n\u0131z\u0131n deneyimlerini daha iyi hale getirebilmek ve tasar\u0131msal bir d\u00fczen olu\u015fturabilmek i\u00e7in tasar\u0131mlar\u0131n\u0131z\u0131 g\u00f6rsel hiyerar\u015fiye g\u00f6re d\u00fczenleyin.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Men\u00fc \u00e7ubu\u011fu tasarlay\u0131n<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Ziyaret\u00e7ilerinizin i\u00e7eriklerinize daha kolay eri\u015febilmesi i\u00e7in ve web sitenizde kolayca gezinebilmesi i\u00e7in men\u00fc \u00e7ubu\u011fu tasarlay\u0131n.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kullanaca\u011f\u0131n\u0131z ara\u00e7lar\u0131 \u00f6nceden belirleyin.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Sayfan\u0131z\u0131n daha b\u00fct\u00fcnc\u00fcl bir g\u00f6r\u00fcn\u00fcm kazanmas\u0131 i\u00e7in kullanaca\u011f\u0131n\u0131z ara\u00e7lar\u0131 \u00f6nceden planlay\u0131n.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vekt\u00f6rler kullan\u0131n.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Ve son ad\u0131m olarak vekt\u00f6rleri kullanmay\u0131 unutmay\u0131n.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"960\" height=\"480\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/11\/photoshop-ile-web-tasarim-adimlari.jpg\" alt=\"photoshop ile web sitesi tasar\u0131m ad\u0131mlar\u0131\" class=\"wp-image-16266\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/11\/photoshop-ile-web-tasarim-adimlari.jpg 960w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/11\/photoshop-ile-web-tasarim-adimlari-768x384.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1-Yeni-Bir-Calisma-Sayfasi-Olusturarak-Ise-Baslayin\"><\/span>1. Yeni Bir \u00c7al\u0131\u015fma Sayfas\u0131 Olu\u015fturarak \u0130\u015fe Ba\u015flay\u0131n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Photoshop ile web sitesi tasar\u0131m\u0131 yap\u0131m\u0131na ba\u015flamak i\u00e7in \u00f6ncelikle yeni bir \u00e7al\u0131\u015fma sayfas\u0131 olu\u015fturman\u0131z gerekir. CTRL\/Cmd + N tu\u015f kombinasyonuyla h\u0131zl\u0131 bir bi\u00e7imde yeni bir \u00e7al\u0131\u015fma sayfas\u0131 olu\u015fturabilirsiniz. G\u00fcn\u00fcm\u00fczde internet sitelerinin b\u00fcy\u00fck \u00e7o\u011funlu\u011fu 1024 x 1200 piksel \u00f6l\u00e7\u00fclerini kullan\u0131r. Bu oran g\u00fcncel bilgisayarlar\u0131n ekran \u00e7\u00f6z\u00fcn\u00fcrl\u00fckleri ve \u00f6l\u00e7eklerini g\u00f6z \u00f6n\u00fcne alarak \u00f6ne \u00e7\u0131km\u0131\u015ft\u0131r. Standart bir gezinme deneyimi i\u00e7in siz de bu \u00f6l\u00e7\u00fcleri kullanabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2-Izgara-Sistemlerinden-Yararlanin\"><\/span>2. Izgara Sistemlerinden Yararlan\u0131n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Grid ya da \u0131zgara olarak isimlendirilen Photoshop arac\u0131 sayesinde tasla\u011f\u0131n\u0131zda yer alan \u00f6gelerin tam lokasyonunu \u00f6\u011frenebilirsiniz. Yukar\u0131da da belirtti\u011fimiz gibi web sitelerinde genel olarak 1024 x 1200 piksellik bir alan kullan\u0131lmaktad\u0131r. Ancak buna ek olarak responsive bir tasar\u0131m\u0131 da g\u00f6z \u00f6n\u00fcnde bulundurman\u0131z gereklidir. Bu do\u011frultuda farkl\u0131 elementleri farkl\u0131 pikseldeki geni\u015flik ve y\u00fcksekliklere yerle\u015ftirmek ziyaret\u00e7ilerinizin i\u015fini kolayla\u015ft\u0131r\u0131r. Izgara sistemlerini kullanarak bu t\u00fcr elementleri yerle\u015ftirebilece\u011finiz konumlar\u0131 \u00e7ok daha kolay belirleyebilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3-Tasarim-Siranizi-Gorsel-Hiyerarsiye-Gore-Belirleyebilirsiniz\"><\/span>3. Tasar\u0131m S\u0131ran\u0131z\u0131 G\u00f6rsel Hiyerar\u015fiye G\u00f6re Belirleyebilirsiniz<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pek \u00e7ok web tasar\u0131m uzman\u0131 tasar\u0131m s\u00fcrecini g\u00f6rsel hiyerar\u015fiye sad\u0131k bir bi\u00e7imde planlamaktad\u0131r. Bu do\u011frultuda ziyaret\u00e7ilerin bir web sitesinde kar\u015f\u0131la\u015faca\u011f\u0131 ilk elementler sayfan\u0131n \u00fcst k\u0131sm\u0131nda yer al\u0131r. Tasar\u0131m s\u00fcrecine de bu b\u00f6lgeden ba\u015flayarak daha sonra alt k\u0131s\u0131mlara ge\u00e7ebilirsiniz. Yeni bir katman olu\u015fturarak \u00e7al\u0131\u015fma sayfan\u0131z\u0131n \u00fcst k\u0131sm\u0131nda \u00e7al\u0131\u015fmaya ba\u015flayabilirsiniz. Bir web sitesinin \u00fcst b\u00f6l\u00fcm\u00fcnde genellikle sitenin logosu ve g\u00f6rsel \u00f6geleri yer almaktad\u0131r. Siz de ayn\u0131 rotay\u0131 izleyebilirsiniz. Bunun i\u00e7in \u015fu ad\u0131mlar\u0131 takip etmeniz yeterlidir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rectangular Marquee Tool, web sitesi tasar\u0131m\u0131nda en \u00e7ok ihtiya\u00e7 duyaca\u011f\u0131n\u0131z tasar\u0131m ara\u00e7lar\u0131ndan biridir. Bu arac\u0131 kullanarak belli bir alan\u0131 i\u015faretleyebilir ve bu k\u0131s\u0131mda \u00e7al\u0131\u015fabilirsiniz.<\/li>\n\n\n\n<li>100 x 230 piksel b\u00fcy\u00fckl\u00fc\u011f\u00fcnde bir alan belirleyerek sitenizin \u00fcst k\u0131sm\u0131n\u0131 tasarlamaya ba\u015flayabilirsiniz.<\/li>\n\n\n\n<li>\u0130\u015fletmenin logosu gibi farkl\u0131 g\u00f6rseller elinizde mevcutsa bu alana s\u00fcr\u00fckleyerek logoyu siteye yerle\u015ftirebilirsiniz. Benzer \u015fekilde di\u011fer g\u00f6rseller ya da harekete ge\u00e7irici sloganlar i\u00e7in de bu b\u00f6lgeyi kullanabilirsiniz.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4-Kullanici-Deneyimini-Gelistirmek-Icin-Menu-Cubugu-Tasarlayin\"><\/span>4. Kullan\u0131c\u0131 Deneyimini Geli\u015ftirmek \u0130\u00e7in Men\u00fc \u00c7ubu\u011fu Tasarlay\u0131n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>E\u011fer ilk kez bir web sitesi tasar\u0131m\u0131 yap\u0131yorsan\u0131z bir web sitesinin genel g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc hayal etmeye \u00e7al\u0131\u015f\u0131n. Ya da akl\u0131n\u0131zdakine benzer bir web sitesini inceleyerek de i\u015fe ba\u015flayabilirsiniz. Web sitelerinde kullan\u0131c\u0131lar\u0131n i\u015fini en kolayla\u015ft\u0131ran elementlerden biri men\u00fc \u00e7ubu\u011fudur. Burada \u201cAna Sayfa\u201d, \u201cMen\u00fc\u201d, \u201cKategoriler\u201d ve buna ba\u015fl\u0131klar yer al\u0131r. Bu ba\u015fl\u0131klara t\u0131klayarak ziyaret\u00e7iler o sayfada yer alan i\u00e7eriklere kolay bir bi\u00e7imde ula\u015fabilir. Men\u00fc \u00e7ubu\u011fu olu\u015fturmak i\u00e7in \u015fu ad\u0131mlar\u0131 takip edebilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Yine ihtiya\u00e7 duyaca\u011f\u0131n\u0131z ara\u00e7 Rectangular Marquee Tool olacak. Bu arac\u0131 se\u00e7erek \u00fcst b\u00f6lgenizle e\u015fit geni\u015flikte bir men\u00fc \u00e7ubu\u011fu tasarlayabilirsiniz.<\/li>\n\n\n\n<li>Rectangular Marquee Tool kullanarak 100 x 250 piksellik bir men\u00fc \u00e7ubu\u011fu alan\u0131 olu\u015fturabilirsiniz. Genellikle internet sitelerindeki standart \u00f6l\u00e7\u00fcn\u00fcn bu oldu\u011funu s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr.<\/li>\n\n\n\n<li>Daha sonra Layer Style sekmesinden Bevel &amp; Emboss se\u00e7ene\u011fini se\u00e7erek men\u00fc bi\u00e7imlendirmesine ge\u00e7ebilirsiniz.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"960\" height=\"480\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/11\/photoshop-ile-web-tasarimlari-olusturun.jpg\" alt=\"photoshop ile web sitesi tasar\u0131mlar\u0131 yap\u0131n\" class=\"wp-image-16270\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/11\/photoshop-ile-web-tasarimlari-olusturun.jpg 960w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/11\/photoshop-ile-web-tasarimlari-olusturun-768x384.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5-Kullanacaginiz-Tum-Araclari-Onceden-Belirlemeye-Calisin\"><\/span>5. Kullanaca\u011f\u0131n\u0131z T\u00fcm Ara\u00e7lar\u0131 \u00d6nceden Belirlemeye \u00c7al\u0131\u015f\u0131n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Bir web sitesi sayfas\u0131n\u0131n b\u00fct\u00fcnc\u00fcl bir g\u00f6r\u00fcn\u00fcm sunmas\u0131 son derece \u00f6nemlidir. Bunu sa\u011flaman\u0131n en kolay yollar\u0131ndan biri de tercih edece\u011finiz renk paleti, yaz\u0131 tipi ve buna benzer elementleri \u00f6nceden belirlemektir. Bu elementleri yandaki ara\u00e7 \u00e7ubu\u011funda a\u00e7\u0131k tutarak \u00e7al\u0131\u015fmay\u0131 s\u00fcrd\u00fcrmeniz g\u00f6rsel b\u00fct\u00fcnl\u00fck a\u00e7\u0131s\u0131ndan ciddi oranda katk\u0131 sa\u011flayacakt\u0131r. Ayr\u0131ca farkl\u0131 web sitelerini inceleyerek bu t\u00fcr elementlerin genel standartlar\u0131 hakk\u0131nda da fikir sahibi olabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6-Vektorler-Sekiller-ve-Akilli-Objeler-Kullanin\"><\/span>6. Vekt\u00f6rler, \u015eekiller ve Ak\u0131ll\u0131 Objeler Kullan\u0131n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00c7al\u0131\u015fma alan\u0131n\u0131zda yeni katmanlar olu\u015fturmak i\u00e7in Photoshop\u2019ta yer alan haz\u0131r geometrik \u015fekillerden yararlanabilirsiniz. Photoshop\u2019taki geometrik \u015fekiller vekt\u00f6rel tabanl\u0131 bir i\u015fleyi\u015fe sahiptir. Bu da web tasar\u0131m \u00e7al\u0131\u015fmalar\u0131n\u0131z i\u00e7in \u00f6nemli \u00f6l\u00e7\u00fcde avantaj sa\u011flar. \u00c7\u00fcnk\u00fc vekt\u00f6r \u00e7izimler farkl\u0131 \u00f6l\u00e7eklendirmeler s\u00f6z konusu oldu\u011funda \u00e7\u00f6z\u00fcn\u00fcrl\u00fck kayb\u0131 ya\u015famaz. Bu nedenle daha sonra d\u00fczenleme yapman\u0131z gerekti\u011finde g\u00f6r\u00fcnt\u00fc kalitenizde bozulma olmadan bu de\u011fi\u015fiklikleri yapabilirsiniz.<\/p>\n\n\n\n<p>Benzer bir bi\u00e7imde harici bir g\u00f6rsel dosyas\u0131 kullan\u0131rken de raster grafikler yerine ak\u0131ll\u0131 objeleri tercih etmelisiniz. \u00d6rne\u011fin Adobe Illustrator\u2019de tasarlad\u0131\u011f\u0131n\u0131z bir logoyu ak\u0131ll\u0131 obje olarak d\u0131\u015fa aktararak Photosop \u00e7al\u0131\u015fman\u0131za ta\u015f\u0131yabilirsiniz. B\u00f6ylelikle g\u00f6rselin kalitesine dair herhangi bir endi\u015fe ta\u015f\u0131maks\u0131z\u0131n \u00e7al\u0131\u015fman\u0131za devam edebilirsiniz. Aksi takdirde yeniden \u00f6l\u00e7eklendirme yapt\u0131\u011f\u0131n\u0131zda logonuzun g\u00f6r\u00fcnt\u00fc kalitesinde d\u00fc\u015fme oldu\u011funu kolayl\u0131kla g\u00f6rebilirsiniz.<\/p>\n\n\n\n<p>Web tasar\u0131m hakk\u0131nda daha fazla bilgi edinmek isterseniz <a href=\"https:\/\/www.dopinger.com\/tr\/blog\/web-tasarim-seo-iliskisi\">Web Tasar\u0131m SEO \u0130li\u015fkisi<\/a> blo\u011fumuzu ziyaret edebilirsiniz.<\/p>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\">   <\/div>\n\n    <div class=\"container m-0 p-0 pm-faq\">\n            <h2 class=\"accordion-title\"><span class=\"ez-toc-section\" id=\"Hakkinda-Sikca-Sorulan-Sorular\"><\/span> Hakk\u0131nda S\u0131k\u00e7a Sorulan Sorular<span class=\"ez-toc-section-end\"><\/span><\/h2>\n        <div class=\"faq accordion faq-drop\" id=\"accordion\">\n            <div class=\"col-md-12 faq-card m-0 p-0\">\n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading0\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_0\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_0\">\n                            Photoshop\u2019ta hangi web tasar\u0131m i\u015flemlerini yapmak m\u00fcmk\u00fcnd\u00fcr?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_0\" class=\"collapse\" aria-labelledby=\"heading0\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Adobe Photoshop\u2019un son derece kapsaml\u0131 bir g\u00f6rsel d\u00fczenleme program\u0131 oldu\u011funu belirtmek gerekir. Buna uygun olarak Photoshop kullanarak bir web sitesinin g\u00f6rsel tasar\u0131m\u0131n\u0131n neredeyse tamam\u0131n\u0131 ger\u00e7ekle\u015ftirebilirsiniz.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading1\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_1\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_1\">\n                            Farkl\u0131 web tasar\u0131m ara\u00e7lar\u0131na ra\u011fmen neden web tasar\u0131m uzmanlar\u0131 Photoshop kullan\u0131yor?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_1\" class=\"collapse\" aria-labelledby=\"heading1\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Web tasar\u0131mda kullanmak \u00fczere Adobe da dahil olmak \u00fczere pek \u00e7ok geli\u015ftirici farkl\u0131 programlar \u00fcretmi\u015ftir. Ancak Photoshop gerek eski gerekse de kapsaml\u0131 olmas\u0131 nedeniyle sekt\u00f6rel bir standart haline gelmi\u015ftir. Ayr\u0131ca Photoshop\u2019un her ne kadar ana oda\u011f\u0131 olmasa web sitesi tasarlamak olmasa da web tasar\u0131m programlar\u0131na k\u0131yasla b\u00fcy\u00fck eksikler bar\u0131nd\u0131rd\u0131\u011f\u0131n\u0131 s\u00f6ylemek de olduk\u00e7a g\u00fc\u00e7t\u00fcr.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading2\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_2\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_2\">\n                            Hangi Photoshop s\u00fcr\u00fcm\u00fc web tasar\u0131m i\u00e7in daha uygundur?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_2\" class=\"collapse\" aria-labelledby=\"heading2\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>\u00d6zellikle CS6 s\u00fcr\u00fcm\u00fcyle Adobe Photoshop\u2019a web tasar\u0131m i\u00e7in ideal pek \u00e7ok ara\u00e7 eklenmi\u015ftir. Ancak CC s\u00fcr\u00fcm\u00fcyle birlikte eklenen CSS kodu kopyalama \u00f6zelli\u011finin web tasar\u0131mc\u0131lar i\u00e7in vazge\u00e7ilmez oldu\u011funu s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr. Bu do\u011frultuda g\u00fcncel s\u00fcr\u00fcmlerden birini tercih etmeniz \u00e7ok daha ideal olacakt\u0131r.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        <\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Web tasar\u0131m elbette i\u015fin i\u00e7ine yaz\u0131l\u0131m ara\u00e7lar\u0131n\u0131n da girdi\u011fi kapsaml\u0131 bir s\u00fcre\u00e7tir. Ancak g\u00f6rsel d\u00fczenleme programlar\u0131 kullanarak bir sitenin g\u00f6rsel tasar\u0131m\u0131na dair detayl\u0131 bir \u015fablon olu\u015fturmak m\u00fcmk\u00fcnd\u00fcr. Bu do\u011frultuda yaz\u0131m\u0131zda Adobe Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r sorusuna cevap vermeye \u00e7al\u0131\u015faca\u011f\u0131z. Son derece kullan\u0131\u015fl\u0131 ve geni\u015f bir g\u00f6rsel d\u00fczenleme [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":15878,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-4176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tasarim","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r? - Dopinger<\/title>\n<meta name=\"description\" content=\"Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r ? Web site tasar\u0131m\u0131 hakk\u0131nda merak etti\u011finiz her \u015fey i\u00e7in blog yaz\u0131m\u0131z\u0131 ziyaret edin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r? - Dopinger\" \/>\n<meta property=\"og:description\" content=\"Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r ? Web site tasar\u0131m\u0131 hakk\u0131nda merak etti\u011finiz her \u015fey i\u00e7in blog yaz\u0131m\u0131z\u0131 ziyaret edin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\" \/>\n<meta property=\"og:site_name\" content=\"SEO &amp; Dijital Pazarlama Blogu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dopingertr\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/groups\/seooo\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-30T11:22:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-03T12:57:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Halil \u0130brahim Er\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@halil_ibrahimer\" \/>\n<meta name=\"twitter:site\" content=\"@dopingertr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Halil \u0130brahim Er\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\"},\"author\":{\"name\":\"Halil \u0130brahim Er\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/8afe70ec98c797e126c30b20fc09e45c\"},\"headline\":\"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r?\",\"datePublished\":\"2021-03-30T11:22:54+00:00\",\"dateModified\":\"2023-11-03T12:57:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\"},\"wordCount\":1524,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg\",\"articleSection\":[\"Tasar\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\",\"name\":\"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r? - Dopinger\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg\",\"datePublished\":\"2021-03-30T11:22:54+00:00\",\"dateModified\":\"2023-11-03T12:57:27+00:00\",\"description\":\"Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r ? Web site tasar\u0131m\u0131 hakk\u0131nda merak etti\u011finiz her \u015fey i\u00e7in blog yaz\u0131m\u0131z\u0131 ziyaret edin.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083952951\"},{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083991208\"},{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617084011605\"}],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg\",\"width\":1248,\"height\":832,\"caption\":\"photoshop ile web tasar\u0131m\u0131\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tasar\u0131m\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\/tasarim\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#website\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/\",\"name\":\"Dopinger SEO ve Dijital Pazarlama Ajans\u0131\",\"description\":\"Dijital pazarlama ve SEO hakk\u0131nda yaz\u0131lan makalelere Dopinger blog adresinden ula\u015fabilirsiniz.\",\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\"},\"alternateName\":\"Dopinger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dopinger.com\/tr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\",\"name\":\"Dopinger\",\"alternateName\":\"Dopinger SEO ve Dijital Pazarlama Ajans\u0131\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png\",\"width\":157,\"height\":48,\"caption\":\"Dopinger\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dopingertr\/\",\"https:\/\/x.com\/dopingertr\",\"https:\/\/www.instagram.com\/dopingertr\/\",\"https:\/\/www.linkedin.com\/company\/dopinger-trr\/\",\"https:\/\/tr.pinterest.com\/dopingerseo\/\",\"https:\/\/www.youtube.com\/dopingertr\",\"https:\/\/www.udemy.com\/user\/dopingertr\/\",\"https:\/\/accessland.live\/profile\/bilgi-a3c9C\",\"https:\/\/www.tiktok.com\/@dijitalpazarlama\",\"https:\/\/www.reddit.com\/user\/dopigertr\",\"https:\/\/soundcloud.com\/dopinger-tr\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/8afe70ec98c797e126c30b20fc09e45c\",\"name\":\"Halil \u0130brahim Er\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/halil-ibrahim-er-96x96.png\",\"contentUrl\":\"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/halil-ibrahim-er-96x96.png\",\"caption\":\"Halil \u0130brahim Er\"},\"description\":\"Dijital Pazarlama Uzman\u0131 olarak yakla\u015f\u0131k 9 senelik bilgi birikimine sahibim. Web adresim dopinger.com \u00fczerinden sizlere g\u00fcncel bilgiler payla\u015farak, bilgi aktar\u0131m\u0131 yapmaktay\u0131m. Dopinger blog \u00fczerinde Teknik SEO, Site \u0130\u00e7i SEO, E-Ticaret SEO, Yaz\u0131l\u0131m, Tasar\u0131m konular\u0131nda T\u00fcrk\u00e7e i\u00e7erikler \u00fcretmekteyim ve payla\u015fmaktay\u0131m.\",\"sameAs\":[\"https:\/\/www.dopinger.com\/tr\/blog\/author\/halilibrahimer\",\"https:\/\/www.facebook.com\/groups\/seooo\",\"https:\/\/www.instagram.com\/halilibrahimer_seo\/\",\"https:\/\/tr.linkedin.com\/in\/halilibrahimer\",\"https:\/\/tr.pinterest.com\/dopingerseo\/\",\"https:\/\/x.com\/halil_ibrahimer\",\"https:\/\/www.youtube.com\/c\/DopingerTR\"],\"url\":\"http:\/\/www.dopinger.com\/tr\/blog\/author\/halilibrahimer\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083952951\",\"position\":1,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083952951\",\"name\":\"Photoshop\u2019ta hangi web tasar\u0131m i\u015flemlerini yapmak m\u00fcmk\u00fcnd\u00fcr?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Adobe Photoshop\u2019un son derece kapsaml\u0131 bir g\u00f6rsel d\u00fczenleme program\u0131 oldu\u011funu belirtmek gerekir. Buna uygun olarak Photoshop kullanarak bir web sitesinin g\u00f6rsel tasar\u0131m\u0131n\u0131n neredeyse tamam\u0131n\u0131 ger\u00e7ekle\u015ftirebilirsiniz.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083991208\",\"position\":2,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083991208\",\"name\":\"Farkl\u0131 web tasar\u0131m ara\u00e7lar\u0131na ra\u011fmen neden web tasar\u0131m uzmanlar\u0131 Photoshop kullan\u0131yor?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Web tasar\u0131mda kullanmak \u00fczere Adobe da dahil olmak \u00fczere pek \u00e7ok geli\u015ftirici farkl\u0131 programlar \u00fcretmi\u015ftir. Ancak Photoshop gerek eski gerekse de kapsaml\u0131 olmas\u0131 nedeniyle sekt\u00f6rel bir standart haline gelmi\u015ftir. Ayr\u0131ca Photoshop\u2019un her ne kadar ana oda\u011f\u0131 olmasa web sitesi tasarlamak olmasa da web tasar\u0131m programlar\u0131na k\u0131yasla b\u00fcy\u00fck eksikler bar\u0131nd\u0131rd\u0131\u011f\u0131n\u0131 s\u00f6ylemek de olduk\u00e7a g\u00fc\u00e7t\u00fcr.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617084011605\",\"position\":3,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617084011605\",\"name\":\"Hangi Photoshop s\u00fcr\u00fcm\u00fc web tasar\u0131m i\u00e7in daha uygundur?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u00d6zellikle CS6 s\u00fcr\u00fcm\u00fcyle Adobe Photoshop\u2019a web tasar\u0131m i\u00e7in ideal pek \u00e7ok ara\u00e7 eklenmi\u015ftir. Ancak CC s\u00fcr\u00fcm\u00fcyle birlikte eklenen CSS kodu kopyalama \u00f6zelli\u011finin web tasar\u0131mc\u0131lar i\u00e7in vazge\u00e7ilmez oldu\u011funu s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr. Bu do\u011frultuda g\u00fcncel s\u00fcr\u00fcmlerden birini tercih etmeniz \u00e7ok daha ideal olacakt\u0131r.<br\/>\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r? - Dopinger","description":"Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r ? Web site tasar\u0131m\u0131 hakk\u0131nda merak etti\u011finiz her \u015fey i\u00e7in blog yaz\u0131m\u0131z\u0131 ziyaret edin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir","og_locale":"tr_TR","og_type":"article","og_title":"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r? - Dopinger","og_description":"Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r ? Web site tasar\u0131m\u0131 hakk\u0131nda merak etti\u011finiz her \u015fey i\u00e7in blog yaz\u0131m\u0131z\u0131 ziyaret edin.","og_url":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir","og_site_name":"SEO &amp; Dijital Pazarlama Blogu","article_publisher":"https:\/\/www.facebook.com\/dopingertr\/","article_author":"https:\/\/www.facebook.com\/groups\/seooo","article_published_time":"2021-03-30T11:22:54+00:00","article_modified_time":"2023-11-03T12:57:27+00:00","og_image":[{"width":1248,"height":832,"url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg","type":"image\/jpeg"}],"author":"Halil \u0130brahim Er","twitter_card":"summary_large_image","twitter_creator":"@halil_ibrahimer","twitter_site":"@dopingertr","twitter_misc":{"Yazan:":"Halil \u0130brahim Er","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#article","isPartOf":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir"},"author":{"name":"Halil \u0130brahim Er","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/8afe70ec98c797e126c30b20fc09e45c"},"headline":"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r?","datePublished":"2021-03-30T11:22:54+00:00","dateModified":"2023-11-03T12:57:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir"},"wordCount":1524,"commentCount":0,"publisher":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg","articleSection":["Tasar\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir","url":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir","name":"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r? - Dopinger","isPartOf":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg","datePublished":"2021-03-30T11:22:54+00:00","dateModified":"2023-11-03T12:57:27+00:00","description":"Photoshop ile web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r ? Web site tasar\u0131m\u0131 hakk\u0131nda merak etti\u011finiz her \u015fey i\u00e7in blog yaz\u0131m\u0131z\u0131 ziyaret edin.","breadcrumb":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083952951"},{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083991208"},{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617084011605"}],"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#primaryimage","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2021\/03\/photoshop-ile-web-site-tasarimi-1.jpg","width":1248,"height":832,"caption":"photoshop ile web tasar\u0131m\u0131"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.dopinger.com\/tr\/blog"},{"@type":"ListItem","position":2,"name":"Tasar\u0131m","item":"https:\/\/www.dopinger.com\/tr\/blog\/tasarim"},{"@type":"ListItem","position":3,"name":"Photoshop \u0130le Web Sitesi Tasar\u0131m\u0131 Nas\u0131l Yap\u0131l\u0131r?"}]},{"@type":"WebSite","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#website","url":"https:\/\/www.dopinger.com\/tr\/blog\/","name":"Dopinger SEO ve Dijital Pazarlama Ajans\u0131","description":"Dijital pazarlama ve SEO hakk\u0131nda yaz\u0131lan makalelere Dopinger blog adresinden ula\u015fabilirsiniz.","publisher":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization"},"alternateName":"Dopinger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dopinger.com\/tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization","name":"Dopinger","alternateName":"Dopinger SEO ve Dijital Pazarlama Ajans\u0131","url":"https:\/\/www.dopinger.com\/tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png","width":157,"height":48,"caption":"Dopinger"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dopingertr\/","https:\/\/x.com\/dopingertr","https:\/\/www.instagram.com\/dopingertr\/","https:\/\/www.linkedin.com\/company\/dopinger-trr\/","https:\/\/tr.pinterest.com\/dopingerseo\/","https:\/\/www.youtube.com\/dopingertr","https:\/\/www.udemy.com\/user\/dopingertr\/","https:\/\/accessland.live\/profile\/bilgi-a3c9C","https:\/\/www.tiktok.com\/@dijitalpazarlama","https:\/\/www.reddit.com\/user\/dopigertr","https:\/\/soundcloud.com\/dopinger-tr"]},{"@type":"Person","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/8afe70ec98c797e126c30b20fc09e45c","name":"Halil \u0130brahim Er","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/halil-ibrahim-er-96x96.png","contentUrl":"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/halil-ibrahim-er-96x96.png","caption":"Halil \u0130brahim Er"},"description":"Dijital Pazarlama Uzman\u0131 olarak yakla\u015f\u0131k 9 senelik bilgi birikimine sahibim. Web adresim dopinger.com \u00fczerinden sizlere g\u00fcncel bilgiler payla\u015farak, bilgi aktar\u0131m\u0131 yapmaktay\u0131m. Dopinger blog \u00fczerinde Teknik SEO, Site \u0130\u00e7i SEO, E-Ticaret SEO, Yaz\u0131l\u0131m, Tasar\u0131m konular\u0131nda T\u00fcrk\u00e7e i\u00e7erikler \u00fcretmekteyim ve payla\u015fmaktay\u0131m.","sameAs":["https:\/\/www.dopinger.com\/tr\/blog\/author\/halilibrahimer","https:\/\/www.facebook.com\/groups\/seooo","https:\/\/www.instagram.com\/halilibrahimer_seo\/","https:\/\/tr.linkedin.com\/in\/halilibrahimer","https:\/\/tr.pinterest.com\/dopingerseo\/","https:\/\/x.com\/halil_ibrahimer","https:\/\/www.youtube.com\/c\/DopingerTR"],"url":"http:\/\/www.dopinger.com\/tr\/blog\/author\/halilibrahimer"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083952951","position":1,"url":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083952951","name":"Photoshop\u2019ta hangi web tasar\u0131m i\u015flemlerini yapmak m\u00fcmk\u00fcnd\u00fcr?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Adobe Photoshop\u2019un son derece kapsaml\u0131 bir g\u00f6rsel d\u00fczenleme program\u0131 oldu\u011funu belirtmek gerekir. Buna uygun olarak Photoshop kullanarak bir web sitesinin g\u00f6rsel tasar\u0131m\u0131n\u0131n neredeyse tamam\u0131n\u0131 ger\u00e7ekle\u015ftirebilirsiniz.","inLanguage":"tr"},"inLanguage":"tr"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083991208","position":2,"url":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617083991208","name":"Farkl\u0131 web tasar\u0131m ara\u00e7lar\u0131na ra\u011fmen neden web tasar\u0131m uzmanlar\u0131 Photoshop kullan\u0131yor?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Web tasar\u0131mda kullanmak \u00fczere Adobe da dahil olmak \u00fczere pek \u00e7ok geli\u015ftirici farkl\u0131 programlar \u00fcretmi\u015ftir. Ancak Photoshop gerek eski gerekse de kapsaml\u0131 olmas\u0131 nedeniyle sekt\u00f6rel bir standart haline gelmi\u015ftir. Ayr\u0131ca Photoshop\u2019un her ne kadar ana oda\u011f\u0131 olmasa web sitesi tasarlamak olmasa da web tasar\u0131m programlar\u0131na k\u0131yasla b\u00fcy\u00fck eksikler bar\u0131nd\u0131rd\u0131\u011f\u0131n\u0131 s\u00f6ylemek de olduk\u00e7a g\u00fc\u00e7t\u00fcr.","inLanguage":"tr"},"inLanguage":"tr"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617084011605","position":3,"url":"https:\/\/www.dopinger.com\/tr\/blog\/photoshop-ile-web-sitesi-tasarimi-nasil-yapilir#faq-question-1617084011605","name":"Hangi Photoshop s\u00fcr\u00fcm\u00fc web tasar\u0131m i\u00e7in daha uygundur?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"\u00d6zellikle CS6 s\u00fcr\u00fcm\u00fcyle Adobe Photoshop\u2019a web tasar\u0131m i\u00e7in ideal pek \u00e7ok ara\u00e7 eklenmi\u015ftir. Ancak CC s\u00fcr\u00fcm\u00fcyle birlikte eklenen CSS kodu kopyalama \u00f6zelli\u011finin web tasar\u0131mc\u0131lar i\u00e7in vazge\u00e7ilmez oldu\u011funu s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr. Bu do\u011frultuda g\u00fcncel s\u00fcr\u00fcmlerden birini tercih etmeniz \u00e7ok daha ideal olacakt\u0131r.<br\/>","inLanguage":"tr"},"inLanguage":"tr"}]}},"_links":{"self":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/4176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/comments?post=4176"}],"version-history":[{"count":0,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/4176\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/media\/15878"}],"wp:attachment":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/media?parent=4176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/categories?post=4176"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/tags?post=4176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}