{"id":375,"date":"2010-06-24T09:19:04","date_gmt":"2010-06-24T09:19:04","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=375"},"modified":"2014-01-16T23:52:23","modified_gmt":"2014-01-16T23:52:23","slug":"asp-net-ile-hazirlanmis-sitede-degisiklik","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=375","title":{"rendered":"ASP.NET ile Haz\u0131rlanm\u0131\u015f Sitede De\u011fi\u015fiklik"},"content":{"rendered":"<p><em>25\/4\/2007<\/em><br \/>\n<span id=\"lblOzet\" style=\"height: 100%; width: 100%;\">Merhaba. Bu makalede, ASP.NET ile haz\u0131rlanm\u0131\u015f ve Master Page&#8217;i olan bir sitenin, Expression Web kullan\u0131larak nas\u0131l de\u011fi\u015ftirilece\u011fini inceleyece\u011fiz.<\/span><\/p>\n<p><span id=\"lblMakale\" style=\"height: 100%; width: 100%;\">\u00dczerinde \u00e7al\u0131\u015faca\u011f\u0131m\u0131z site daha \u00f6nce benim taraf\u0131mdan tasarlan\u0131p, tak\u0131m arkada\u015flar\u0131m taraf\u0131ndan ASP.NET ile yay\u0131na ge\u00e7irilmi\u015f bir sitedir. Site yay\u0131na ge\u00e7tikten sonra, m\u00fc\u015fteriden gelen istek \u00fczerine genel bir d\u00fczenleme yap\u0131lmas\u0131 gerekmi\u015ftir. Bu a\u015famada ben tasar\u0131mc\u0131 olarak m\u00fc\u015fterinin grafiksel isteklerini uygulayarak, bunlar\u0131 programc\u0131 arkada\u015flar\u0131ma aktar\u0131rd\u0131m. \u00c7\u00fcnk\u00fc aspx sayfalar\u0131na m\u00fcdahale etmem zordu. Ama Expression Web\u2019de bu art\u0131k m\u00fcmk\u00fcn.<\/span><\/p>\n<p><!--more--><br \/>\nBa\u015flayal\u0131m. \u0130lk \u00f6nce siteyi EW\u2019e(Expression Web) tan\u0131tmam\u0131z gerekiyor.<\/p>\n<p>Menuden File&gt;New&gt;Web Site\u2019yi kullanarak, site tan\u0131tma penceresini a\u00e7\u0131yoruz. Bu s\u0131f\u0131rdan yapaca\u011f\u0131m\u0131z bir site olmayaca\u011f\u0131 i\u00e7in \u201cImport Web Site Wizard\u201d \u0131 se\u00e7iyoruz. Browse ile siteyi lokalimizde nerede tutaca\u011f\u0131m\u0131z\u0131 bildiriyoruz. Bir siteye ekleme yapmad\u0131\u011f\u0131m\u0131za g\u00f6re \u201cadd to current web site\u201d yi i\u015faretlemiyoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image002.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image002.jpg\" width=\"363\" height=\"261\" \/><\/a><\/p>\n<p>Ok\u2019e bas\u0131nca yeni bir pencere a\u00e7\u0131l\u0131yor. Bu pencere, import edece\u011finiz sitenin nerede oldu\u011funa ba\u011fl\u0131 olarak, nas\u0131l alaca\u011f\u0131n\u0131z\u0131 sormaktad\u0131r. Benim \u00f6rne\u011fimde import edilecek sitede lokalimde oldu\u011fu i\u00e7in \u201cFile System\u201d i se\u00e7ip yer bildiriyorum. Sitenin alt\u0131nda subsites olmad\u0131\u011f\u0131n\u0131 bildi\u011fim i\u00e7in buray\u0131 bo\u015f b\u0131rak\u0131yorum.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image004.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image004.jpg\" width=\"363\" height=\"226\" \/><\/a><\/p>\n<p>Next\u2019e basarak devam ediyoruz. Gelen ekranda, yeni kopyay\u0131 nerede tutaca\u011f\u0131m\u0131z\u0131 soruyor. Biz zaten ba\u015fta buray\u0131 bildirdi\u011fimiz i\u00e7in adres do\u011fru olarak geliyor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image006.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image006.jpg\" width=\"363\" height=\"226\" \/><\/a><\/p>\n<p>Next\u2019e basarak i\u015flemi sonland\u0131r\u0131yoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image008.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image008.jpg\" width=\"363\" height=\"226\" \/><\/a><\/p>\n<p>Dosya transfer ekran\u0131 a\u00e7\u0131l\u0131yor. Bu a\u015famada FTP program\u0131 i\u015flevinde g\u00f6r\u00fcn\u00fcyor EW.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image010.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image010.jpg\" width=\"363\" height=\"306\" border=\"0\" \/><\/a><\/p>\n<p>T\u00fcm dosyalar\u0131 se\u00e7erek yeni klas\u00f6r\u00fcne aktar\u0131yoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image012.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image012.jpg\" width=\"120\" height=\"377\" \/><\/a><\/p>\n<p>B\u00f6ylece siteyi EW\u2019e tan\u0131tm\u0131\u015f oluyoruz. EW\u2019yi kapay\u0131p a\u00e7t\u0131\u011f\u0131n\u0131zda Folder List\u2019te en son hangi site ile \u00e7al\u0131\u015fm\u0131\u015fsan\u0131z o sitenin klas\u00f6rleri haz\u0131r oluyor. Bu sebeple yeni tan\u0131tt\u0131\u011f\u0131m\u0131z siteyi Folder List\u2019te a\u00e7mal\u0131y\u0131z. Folder List\u2019in \u00fcst\u00fcnde, klas\u00f6r ikonun yan\u0131ndaki oka t\u0131klayarak \u201cOpen Site\u201dyi se\u00e7iyoruz.<\/p>\n<p>Gelen pencerede Web Sites\u2019i se\u00e7iyoruz. Bu daha \u00f6nce tan\u0131mlad\u0131\u011f\u0131m\u0131z t\u00fcm sitelerimizi g\u00f6rmemizi sa\u011fl\u0131yor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image015.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image015.jpg\" width=\"363\" height=\"230\" \/><\/a><\/p>\n<p>Sitemizi se\u00e7ip devam ediyoruz. Art\u0131k site \u00fczerinde \u00e7al\u0131\u015fmaya haz\u0131r\u0131z.<\/p>\n<p>ASP.NET programc\u0131lar\u0131 haz\u0131rlad\u0131klar\u0131 web sitelerinde genellikle master page kullan\u0131rlar. Bu tasar\u0131mc\u0131lar\u0131n a\u015fina olduklar\u0131 DWT(Dynamic Web Template) ile ayn\u0131 i\u015fi g\u00f6ren bir \u015fablon sayfad\u0131r. Master Page ile yarat\u0131lm\u0131\u015f bir siteyi editlemek i\u00e7in Visual Studio kullanmak gerekirken, art\u0131k bu sayfalar\u0131 EW ile d\u00fczenleyebiliyoruz.<\/p>\n<p>\u0130\u015fte Expression Web bu a\u015fama tart\u0131\u015f\u0131lmaz derecede ba\u015far\u0131l\u0131. Master page d\u00fczenlemek, aspx sayfalar\u0131 html sayfas\u0131 kadar kolay d\u00fczenlemek b\u00fcy\u00fck bir rahatl\u0131k.<\/p>\n<p>Ba\u015flayal\u0131m.<\/p>\n<p>\u0130lk \u00f6nce projenin master page\u2019ini buluyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image017.jpg\" width=\"162\" height=\"18\" \/><\/p>\n<p>Master page art\u0131k a\u00e7\u0131k.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image018.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image019.jpg\" width=\"362\" height=\"266\" border=\"0\" \/><\/a><\/p>\n<p>Design, Split, Code g\u00f6r\u00fcn\u00fcmlerini kullanarak Master Page\u2019in istedi\u011fimiz \u015fekilde kontrol\u00fcn\u00fc yapabiliriz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image021.jpg\" width=\"143\" height=\"19\" \/><\/p>\n<p>Header ve footer, master page\u2019de yarat\u0131lm\u0131\u015f. \u0130\u00e7eri\u011fin de\u011fi\u015fece\u011fi alan ContentPlaceHolder ile belirlenmi\u015f. Master page\u2019den yarat\u0131lm\u0131\u015f t\u00fcm sayfalar bu i\u00e7erik alan\u0131nda farkl\u0131l\u0131k g\u00f6steriyor. Bunun d\u0131\u015f\u0131ndaki alanlarda de\u011fi\u015fiklik yapt\u0131\u011f\u0131m\u0131zda t\u00fcm sayfalarda de\u011fi\u015fmi\u015f olacak.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image023.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image023.jpg\" width=\"193\" height=\"44\" \/><\/a><\/p>\n<p>\u0130lk de\u011fi\u015fiklik header\u2019in daralt\u0131lmas\u0131. Haz\u0131r olan header, iki sat\u0131rdan olu\u015fan ve i\u00e7inde resimler tutan bir table. Bu table\u2019\u0131 se\u00e7iyoruz. Yapaca\u011f\u0131m\u0131z ilk i\u015flem table\u2019\u0131n sat\u0131r say\u0131s\u0131n\u0131 bire indirmek olacakt\u0131r. \u00c7\u00fcnk\u00fc art\u0131k iki sat\u0131rl\u0131 bir table\u2019a ihtiyac\u0131m\u0131z yok. Yeni haz\u0131rlad\u0131\u011f\u0131m\u0131z header imaj\u0131 daha k\u00fc\u00e7\u00fck boyutlu olacak.<\/p>\n<p>Table\u2019\u0131 se\u00e7tikten sonra, table \u00f6zellik penceresi ile ya da split ve code moda ge\u00e7erek kodlar \u00fczerinde de\u011fi\u015fiklik yapabiliriz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image024.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image025.jpg\" width=\"363\" height=\"167\" border=\"0\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image026.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image027.jpg\" width=\"363\" height=\"319\" border=\"0\" \/><\/a><\/p>\n<p>Bu \u00f6rnekte \u00f6zellik kutular\u0131n\u0131 kullanmay\u0131 \u00f6\u011frenelim.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image029.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image029.jpg\" width=\"139\" height=\"253\" \/><\/a><\/p>\n<p>EW y\u00fcklendi\u011finde sa\u011f alt tarafta CSS kutucu\u011fu ve Tag kutucu\u011fu tabl\u0131 olarak geliyor. Ama siz \u00f6zellik kutular\u0131n\u0131n yer de\u011fi\u015ftirebilir oldu\u011funu unutmay\u0131n.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image030.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image031.jpg\" width=\"362\" height=\"185\" border=\"0\" \/><\/a><\/p>\n<p>Tag Properties tab\u0131n\u0131 se\u00e7iyoruz. Bu da kendi ba\u015f\u0131na bir kutu olarak durabilir.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image033.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image033.jpg\" width=\"362\" height=\"229\" \/><\/a><\/p>\n<p>Tag Properties, se\u00e7ili olan table\u2019\u0131n \u00f6zelliklerini g\u00f6steriyor.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image035.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image035.jpg\" width=\"139\" height=\"347\" \/><\/a><\/p>\n<p>Bu kutudaki Show Tag Properties butonuna t\u0131kl\u0131yoruz. Table\u2019\u0131n \u00f6zelliklerini g\u00f6steren bir pencere a\u00e7\u0131l\u0131yor. Table ile ilgili istedi\u011finiz de\u011fi\u015fikli\u011fi bu kutudan yapabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image037.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image037.jpg\" width=\"362\" height=\"281\" \/><\/a><\/p>\n<p>Fakat ben farkl\u0131 ve h\u0131zl\u0131 bir yolla konuyu \u00e7\u00f6zmek istiyorum. \u0130lk \u00f6nce table\u2019\u0131n alt sat\u0131r\u0131ndaki resmi se\u00e7ip siliyoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image039.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image039.jpg\" width=\"363\" height=\"97\" \/><\/a><\/p>\n<p>A\u00e7\u0131lan sat\u0131r\u0131n i\u00e7inde sa\u011f klik yap\u0131p, Delete&gt;Delete Rows\u2019u se\u00e7iyoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image040.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image040.jpg\" width=\"304\" height=\"305\" \/><\/a><\/p>\n<p>Art\u0131k tek sat\u0131rl\u0131 table\u2019\u0131m\u0131z haz\u0131r. Eski imaj\u0131 kald\u0131r\u0131p yerine yenisini koyal\u0131m. Bunu yapman\u0131n farkl\u0131 yollar\u0131 var.<\/p>\n<p>Insert&gt;Picture&gt;From File ile imaj\u0131 yerine koyabiliyoruz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image041.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image041.jpg\" width=\"223\" height=\"131\" \/><\/a><\/p>\n<p>Bunu yap\u0131nca eri\u015filebilirlik \u00f6zellikleri ile ilgili bir pencere geliyor. Alternate text\u2019i doldurman\u0131n etik olarak iyi bir al\u0131\u015fkanl\u0131k oldu\u011funu belirtmeliyim. Engelli kullan\u0131c\u0131lar, eski browser kullananlar, t\u00fcm g\u00f6rselleri kapatarak s\u00f6rf yapanlar i\u00e7in \u00f6nemli bir \u00f6zellik.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image043.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image043.jpg\" width=\"239\" height=\"74\" \/><\/a><\/p>\n<p>Di\u011fer bir yol ise; toolbox\u2019dan HTML&gt;Image objesini s\u00fcr\u00fckleyip b\u0131rakmak. Bunu yapt\u0131\u011f\u0131n\u0131z da bir imaj ikonu beliriyor. Bu ikona \u00e7ift t\u0131klayarak \u00f6zeliklerinin penceresini a\u00e7abilir ayarlar\u0131n\u0131z\u0131 yapabilirsiniz.<\/p>\n<p>Folder List\u2019ten resmin kendisini de s\u00fcr\u00fckleyip b\u0131rakabilirsiniz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image045.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image045.jpg\" width=\"290\" height=\"269\" \/><\/a><\/p>\n<p>\u0130\u015flemlerimizi bitirdi\u011fimizde master page\u2019imizi kaydediyoruz. B\u00f6ylece projedeki, bu master page\u2019den yarat\u0131lm\u0131\u015f t\u00fcm sayfalar de\u011fi\u015fmi\u015f oluyor.<\/p>\n<p>Master page\u2019de bir T\u00fcrk\u00e7e karakter problemi g\u00f6z\u00fck\u00fcyor. Bunun d\u00fczelmesi i\u00e7in &lt;HEAD&gt; tag\u2019\u0131n\u0131n alt\u0131na<\/p>\n<p><span style=\"color: #333333; font-weight: bold;\"> &lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text\/html; charset=windows-1254&#8243; \/&gt; <\/span><\/p>\n<p>Sat\u0131r\u0131n\u0131 ekliyorum.<\/p>\n<p>EW\u2019nin T\u00fcrk\u00e7e dilbilgisi kontrol\u00fc yapan bir Web edit\u00f6r\u00fc olmas\u0131 ise ger\u00e7ekten \u00e7ok g\u00fczel bir \u00f6zellik.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image047.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image047.jpg\" width=\"334\" height=\"83\" \/><\/a><\/p>\n<p>Master Page\u2019de de\u011fi\u015fiklikleri yapt\u0131ktan sonra geriye kalan i\u00e7 sayfalardaki de\u011fi\u015fiklikler oluyor.<\/p>\n<p>E\u011fer bir siteyi EW\u2019ye tan\u0131tarak \u00e7al\u0131\u015f\u0131rsan\u0131z, dosyalar aspx dosyas\u0131 bile olsa \u00f6n izleme yapabilece\u011finizi unutmay\u0131n.<\/p>\n<p>Bu makalede master page\u2019li bir siteyi Microsoft Expression Web\u2019e tan\u0131tmay\u0131 ve d\u00fczenlemeyi anlatt\u0131k.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar.<\/p>\n<div id=\"_mcePaste\" style=\"overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;\">\n<p><span id=\"lblOzet\" style=\"height: 100%; width: 100%;\">Merhaba. Bu makalede, ASP.NET ile haz\u0131rlanm\u0131\u015f ve Master Page&#8217;i olan bir sitenin, Expression Web kullan\u0131larak nas\u0131l de\u011fi\u015ftirilece\u011fini inceleyece\u011fiz.<\/span><\/p>\n<table id=\"Table13\" width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"menuLeftCaption\" colspan=\"3\">Makale<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\"><span id=\"lblMakale\" style=\"height: 100%; width: 100%;\">\u00dczerinde \u00e7al\u0131\u015faca\u011f\u0131m\u0131z site daha \u00f6nce benim taraf\u0131mdan tasarlan\u0131p, tak\u0131m arkada\u015flar\u0131m taraf\u0131ndan ASP.NET ile yay\u0131na ge\u00e7irilmi\u015f bir sitedir. Site yay\u0131na ge\u00e7tikten sonra, m\u00fc\u015fteriden gelen istek \u00fczerine genel bir d\u00fczenleme yap\u0131lmas\u0131 gerekmi\u015ftir. Bu a\u015famada ben tasar\u0131mc\u0131 olarak m\u00fc\u015fterinin grafiksel isteklerini uygulayarak, bunlar\u0131 programc\u0131 arkada\u015flar\u0131ma aktar\u0131rd\u0131m. \u00c7\u00fcnk\u00fc aspx sayfalar\u0131na m\u00fcdahale etmem zordu. Ama Expression Web\u2019de bu art\u0131k m\u00fcmk\u00fcn.<\/span>Ba\u015flayal\u0131m. \u0130lk \u00f6nce siteyi EW\u2019e(Expression Web) tan\u0131tmam\u0131z gerekiyor.<\/p>\n<p>Menuden File&gt;New&gt;Web Site\u2019yi kullanarak, site tan\u0131tma penceresini a\u00e7\u0131yoruz. Bu s\u0131f\u0131rdan yapaca\u011f\u0131m\u0131z bir site olmayaca\u011f\u0131 i\u00e7in \u201cImport Web Site Wizard\u201d \u0131 se\u00e7iyoruz. Browse ile siteyi lokalimizde nerede tutaca\u011f\u0131m\u0131z\u0131 bildiriyoruz. Bir siteye ekleme yapmad\u0131\u011f\u0131m\u0131za g\u00f6re \u201cadd to current web site\u201d yi i\u015faretlemiyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image002.jpg\" width=\"605\" height=\"435\" \/><\/p>\n<p>Ok\u2019e bas\u0131nca yeni bir pencere a\u00e7\u0131l\u0131yor. Bu pencere, import edece\u011finiz sitenin nerede oldu\u011funa ba\u011fl\u0131 olarak, nas\u0131l alaca\u011f\u0131n\u0131z\u0131 sormaktad\u0131r. Benim \u00f6rne\u011fimde import edilecek sitede lokalimde oldu\u011fu i\u00e7in \u201cFile System\u201d i se\u00e7ip yer bildiriyorum. Sitenin alt\u0131nda subsites olmad\u0131\u011f\u0131n\u0131 bildi\u011fim i\u00e7in buray\u0131 bo\u015f b\u0131rak\u0131yorum.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image004.jpg\" width=\"605\" height=\"377\" \/><\/p>\n<p>Next\u2019e basarak devam ediyoruz. Gelen ekranda, yeni kopyay\u0131 nerede tutaca\u011f\u0131m\u0131z\u0131 soruyor. Biz zaten ba\u015fta buray\u0131 bildirdi\u011fimiz i\u00e7in adres do\u011fru olarak geliyor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image006.jpg\" width=\"605\" height=\"377\" \/><\/p>\n<p>Next\u2019e basarak i\u015flemi sonland\u0131r\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image008.jpg\" width=\"605\" height=\"377\" \/><\/p>\n<p>Dosya transfer ekran\u0131 a\u00e7\u0131l\u0131yor. Bu a\u015famada FTP program\u0131 i\u015flevinde g\u00f6r\u00fcn\u00fcyor EW.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image009.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image010.jpg\" width=\"605\" height=\"510\" border=\"0\" \/><\/a><\/p>\n<p>T\u00fcm dosyalar\u0131 se\u00e7erek yeni klas\u00f6r\u00fcne aktar\u0131yoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image012.jpg\" width=\"200\" height=\"628\" \/><\/p>\n<p>B\u00f6ylece siteyi EW\u2019e tan\u0131tm\u0131\u015f oluyoruz. EW\u2019yi kapay\u0131p a\u00e7t\u0131\u011f\u0131n\u0131zda Folder List\u2019te en son hangi site ile \u00e7al\u0131\u015fm\u0131\u015fsan\u0131z o sitenin klas\u00f6rleri haz\u0131r oluyor. Bu sebeple yeni tan\u0131tt\u0131\u011f\u0131m\u0131z siteyi Folder List\u2019te a\u00e7mal\u0131y\u0131z. Folder List\u2019in \u00fcst\u00fcnde, klas\u00f6r ikonun yan\u0131ndaki oka t\u0131klayarak \u201cOpen Site\u201dyi se\u00e7iyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/image013.gif\" width=\"199\" height=\"127\" \/><\/p>\n<p>Gelen pencerede Web Sites\u2019i se\u00e7iyoruz. Bu daha \u00f6nce tan\u0131mlad\u0131\u011f\u0131m\u0131z t\u00fcm sitelerimizi g\u00f6rmemizi sa\u011fl\u0131yor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image015.jpg\" width=\"605\" height=\"384\" \/><\/p>\n<p>Sitemizi se\u00e7ip devam ediyoruz. Art\u0131k site \u00fczerinde \u00e7al\u0131\u015fmaya haz\u0131r\u0131z.<\/p>\n<p>ASP.NET programc\u0131lar\u0131 haz\u0131rlad\u0131klar\u0131 web sitelerinde genellikle master page kullan\u0131rlar. Bu tasar\u0131mc\u0131lar\u0131n a\u015fina olduklar\u0131 DWT(Dynamic Web Template) ile ayn\u0131 i\u015fi g\u00f6ren bir \u015fablon sayfad\u0131r. Master Page ile yarat\u0131lm\u0131\u015f bir siteyi editlemek i\u00e7in Visual Studio kullanmak gerekirken, art\u0131k bu sayfalar\u0131 EW ile d\u00fczenleyebiliyoruz.<\/p>\n<p>\u0130\u015fte Expression Web bu a\u015fama tart\u0131\u015f\u0131lmaz derecede ba\u015far\u0131l\u0131. Master page d\u00fczenlemek, aspx sayfalar\u0131 html sayfas\u0131 kadar kolay d\u00fczenlemek b\u00fcy\u00fck bir rahatl\u0131k.<\/p>\n<p>Ba\u015flayal\u0131m.<\/p>\n<p>\u0130lk \u00f6nce projenin master page\u2019ini buluyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image017.jpg\" width=\"162\" height=\"18\" \/><\/p>\n<p>Master page art\u0131k a\u00e7\u0131k.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image018.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image019.jpg\" width=\"603\" height=\"443\" border=\"0\" \/><\/a><\/p>\n<p>Design, Split, Code g\u00f6r\u00fcn\u00fcmlerini kullanarak Master Page\u2019in istedi\u011fimiz \u015fekilde kontrol\u00fcn\u00fc yapabiliriz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image021.jpg\" width=\"143\" height=\"19\" \/><\/p>\n<p>Header ve footer, master page\u2019de yarat\u0131lm\u0131\u015f. \u0130\u00e7eri\u011fin de\u011fi\u015fece\u011fi alan ContentPlaceHolder ile belirlenmi\u015f. Master page\u2019den yarat\u0131lm\u0131\u015f t\u00fcm sayfalar bu i\u00e7erik alan\u0131nda farkl\u0131l\u0131k g\u00f6steriyor. Bunun d\u0131\u015f\u0131ndaki alanlarda de\u011fi\u015fiklik yapt\u0131\u011f\u0131m\u0131zda t\u00fcm sayfalarda de\u011fi\u015fmi\u015f olacak.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image023.jpg\" width=\"322\" height=\"73\" \/><\/p>\n<p>\u0130lk de\u011fi\u015fiklik header\u2019in daralt\u0131lmas\u0131. Haz\u0131r olan header, iki sat\u0131rdan olu\u015fan ve i\u00e7inde resimler tutan bir table. Bu table\u2019\u0131 se\u00e7iyoruz. Yapaca\u011f\u0131m\u0131z ilk i\u015flem table\u2019\u0131n sat\u0131r say\u0131s\u0131n\u0131 bire indirmek olacakt\u0131r. \u00c7\u00fcnk\u00fc art\u0131k iki sat\u0131rl\u0131 bir table\u2019a ihtiyac\u0131m\u0131z yok. Yeni haz\u0131rlad\u0131\u011f\u0131m\u0131z header imaj\u0131 daha k\u00fc\u00e7\u00fck boyutlu olacak.<\/p>\n<p>Table\u2019\u0131 se\u00e7tikten sonra, table \u00f6zellik penceresi ile ya da split ve code moda ge\u00e7erek kodlar \u00fczerinde de\u011fi\u015fiklik yapabiliriz.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image024.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image025.jpg\" width=\"605\" height=\"278\" border=\"0\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image026.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image027.jpg\" width=\"605\" height=\"532\" border=\"0\" \/><\/a><\/p>\n<p>Bu \u00f6rnekte \u00f6zellik kutular\u0131n\u0131 kullanmay\u0131 \u00f6\u011frenelim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image029.jpg\" width=\"232\" height=\"422\" \/><\/p>\n<p>EW y\u00fcklendi\u011finde sa\u011f alt tarafta CSS kutucu\u011fu ve Tag kutucu\u011fu tabl\u0131 olarak geliyor. Ama siz \u00f6zellik kutular\u0131n\u0131n yer de\u011fi\u015ftirebilir oldu\u011funu unutmay\u0131n.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image030.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image031.jpg\" width=\"604\" height=\"309\" border=\"0\" \/><\/a><\/p>\n<p>Tag Properties tab\u0131n\u0131 se\u00e7iyoruz. Bu da kendi ba\u015f\u0131na bir kutu olarak durabilir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image033.jpg\" width=\"604\" height=\"382\" \/><\/p>\n<p>Tag Properties, se\u00e7ili olan table\u2019\u0131n \u00f6zelliklerini g\u00f6steriyor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image035.jpg\" width=\"232\" height=\"578\" \/><\/p>\n<p>Bu kutudaki Show Tag Properties butonuna t\u0131kl\u0131yoruz. Table\u2019\u0131n \u00f6zelliklerini g\u00f6steren bir pencere a\u00e7\u0131l\u0131yor. Table ile ilgili istedi\u011finiz de\u011fi\u015fikli\u011fi bu kutudan yapabilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image037.jpg\" width=\"604\" height=\"469\" \/><\/p>\n<p>Fakat ben farkl\u0131 ve h\u0131zl\u0131 bir yolla konuyu \u00e7\u00f6zmek istiyorum. \u0130lk \u00f6nce table\u2019\u0131n alt sat\u0131r\u0131ndaki resmi se\u00e7ip siliyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image039.jpg\" width=\"605\" height=\"161\" \/><\/p>\n<p>A\u00e7\u0131lan sat\u0131r\u0131n i\u00e7inde sa\u011f klik yap\u0131p, Delete&gt;Delete Rows\u2019u se\u00e7iyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image040.jpg\" width=\"506\" height=\"509\" \/><\/p>\n<p>Art\u0131k tek sat\u0131rl\u0131 table\u2019\u0131m\u0131z haz\u0131r. Eski imaj\u0131 kald\u0131r\u0131p yerine yenisini koyal\u0131m. Bunu yapman\u0131n farkl\u0131 yollar\u0131 var.<\/p>\n<p>Insert&gt;Picture&gt;From File ile imaj\u0131 yerine koyabiliyoruz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image041.jpg\" width=\"372\" height=\"219\" \/><\/p>\n<p>Bunu yap\u0131nca eri\u015filebilirlik \u00f6zellikleri ile ilgili bir pencere geliyor. Alternate text\u2019i doldurman\u0131n etik olarak iyi bir al\u0131\u015fkanl\u0131k oldu\u011funu belirtmeliyim. Engelli kullan\u0131c\u0131lar, eski browser kullananlar, t\u00fcm g\u00f6rselleri kapatarak s\u00f6rf yapanlar i\u00e7in \u00f6nemli bir \u00f6zellik.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image043.jpg\" width=\"398\" height=\"123\" \/><\/p>\n<p>Di\u011fer bir yol ise; toolbox\u2019dan HTML&gt;Image objesini s\u00fcr\u00fckleyip b\u0131rakmak. Bunu yapt\u0131\u011f\u0131n\u0131z da bir imaj ikonu beliriyor. Bu ikona \u00e7ift t\u0131klayarak \u00f6zeliklerinin penceresini a\u00e7abilir ayarlar\u0131n\u0131z\u0131 yapabilirsiniz.<\/p>\n<p>Folder List\u2019ten resmin kendisini de s\u00fcr\u00fckleyip b\u0131rakabilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image045.jpg\" width=\"484\" height=\"448\" \/><\/p>\n<p>\u0130\u015flemlerimizi bitirdi\u011fimizde master page\u2019imizi kaydediyoruz. B\u00f6ylece projedeki, bu master page\u2019den yarat\u0131lm\u0131\u015f t\u00fcm sayfalar de\u011fi\u015fmi\u015f oluyor.<\/p>\n<p>Master page\u2019de bir T\u00fcrk\u00e7e karakter problemi g\u00f6z\u00fck\u00fcyor. Bunun d\u00fczelmesi i\u00e7in &lt;HEAD&gt; tag\u2019\u0131n\u0131n alt\u0131na<\/p>\n<p><span style=\"color: #333333; font-weight: bold;\"> &lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text\/html; charset=windows-1254&#8243; \/&gt; <\/span><\/p>\n<p>Sat\u0131r\u0131n\u0131 ekliyorum.<\/p>\n<p>EW\u2019nin T\u00fcrk\u00e7e dilbilgisi kontrol\u00fc yapan bir Web edit\u00f6r\u00fc olmas\u0131 ise ger\u00e7ekten \u00e7ok g\u00fczel bir \u00f6zellik.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001283_image047.jpg\" width=\"557\" height=\"138\" \/><\/p>\n<p>Master Page\u2019de de\u011fi\u015fiklikleri yapt\u0131ktan sonra geriye kalan i\u00e7 sayfalardaki de\u011fi\u015fiklikler oluyor.<\/p>\n<p>E\u011fer bir siteyi EW\u2019ye tan\u0131tarak \u00e7al\u0131\u015f\u0131rsan\u0131z, dosyalar aspx dosyas\u0131 bile olsa \u00f6n izleme yapabilece\u011finizi unutmay\u0131n.<\/p>\n<p>Bu makalede master page\u2019li bir siteyi Microsoft Expression Web\u2019e tan\u0131tmay\u0131 ve d\u00fczenlemeyi anlatt\u0131k.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>25\/4\/2007 Merhaba. Bu makalede, ASP.NET ile haz\u0131rlanm\u0131\u015f ve Master Page&#8217;i olan bir sitenin, Expression Web kullan\u0131larak nas\u0131l de\u011fi\u015ftirilece\u011fini inceleyece\u011fiz. \u00dczerinde \u00e7al\u0131\u015faca\u011f\u0131m\u0131z site daha \u00f6nce benim taraf\u0131mdan tasarlan\u0131p, tak\u0131m arkada\u015flar\u0131m taraf\u0131ndan ASP.NET ile yay\u0131na ge\u00e7irilmi\u015f bir sitedir. Site yay\u0131na ge\u00e7tikten sonra, m\u00fc\u015fteriden gelen istek \u00fczerine genel bir d\u00fczenleme yap\u0131lmas\u0131 gerekmi\u015ftir. Bu a\u015famada ben tasar\u0131mc\u0131 olarak m\u00fc\u015fterinin [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[29],"class_list":["post-375","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-expression-web"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=375"}],"version-history":[{"count":6,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/375\/revisions"}],"predecessor-version":[{"id":379,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/375\/revisions\/379"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=375"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}