{"id":361,"date":"2010-06-23T15:21:15","date_gmt":"2010-06-23T15:21:15","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=361"},"modified":"2014-01-16T23:52:46","modified_gmt":"2014-01-16T23:52:46","slug":"expression-webe-ilk-bakis-ve-calisma-alaninin-duzenlenmesi","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=361","title":{"rendered":"Expression Web&#8217;e \u0130lk Bak\u0131\u015f ve \u00c7al\u0131\u015fma Alan\u0131n\u0131n D\u00fczenlenmesi"},"content":{"rendered":"<p><em>24\/4\/2007<\/em><br \/>\nBu g\u00fcne kadar grafik ve web tasar\u0131m sekt\u00f6r\u00fcnde bulunmayan Microsoft. Expression ailesi ile bu konularda da ad\u0131ndan s\u00f6z ettirecek gibi g\u00f6z\u00fck\u00fcyor.<\/p>\n<p>Expression ailesinin yay\u0131nlanan ilk \u00fcr\u00fcn\u00fc Microsoft Expression Web, isminden de anla\u015f\u0131laca\u011f\u0131 gibi bir web edit\u00f6r\u00fc. \u0130lk bak\u0131\u015fta Expression Web, Microsoft\u2019un kendi geli\u015ftirdi\u011fi teknolojilere destek a\u00e7\u0131s\u0131ndan olduk\u00e7a ba\u015far\u0131l\u0131 bir \u00fcr\u00fcn olarak g\u00f6z\u00fck\u00fcyor.<\/p>\n<p><!--more--><br \/>\nTasarlad\u0131\u011f\u0131n\u0131z bir siteyi hayata ge\u00e7irmeniz i\u00e7in gerekli olan her \u015fey Expression Web\u2019de mevcut. Bunun d\u0131\u015f\u0131nda EW(Expression Web), ASP.NET ile proje geli\u015ftiren ekipler i\u00e7in d\u00fc\u015f\u00fcn\u00fclm\u00fc\u015f. Microsoft art\u0131k ara y\u00fcz giydirme i\u015flemlerinde tasar\u0131mc\u0131lar\u0131n daha \u00e7ok \u00f6n plana \u00e7\u0131kmas\u0131n\u0131n uygun olaca\u011f\u0131na karar vermi\u015f. Bu karar ile bir\u00e7ok s\u0131k\u0131nt\u0131 ortadan kalkacak gibi g\u00f6z\u00fck\u00fcyor. Art\u0131k tasar\u0131mlar\u0131n\u0131z\u0131 programc\u0131lara HTML ve CSS d\u0131\u015f\u0131nda ASPX ve Master Page olarak da verebileceksiniz. EW\u2019de kod yazma a\u015fmas\u0131na kadar her \u015fey d\u00fc\u015f\u00fcn\u00fclm\u00fc\u015f.<\/p>\n<p>Di\u011fer web sitesi haz\u0131rlama edit\u00f6rlerine g\u00f6re, ilk bak\u0131\u015fta dikkat \u00e7eken farklar\u0131; ASP.NET 2.0 server ve client kontrolleri, Visual Studio 2005 ile kusursuz uyumu, XHTML, XML, CSS 2.0 deste\u011fi, bir \u00e7ok browsera (web taray\u0131c\u0131s\u0131na) g\u00f6re kod kontrol\u00fc yapmas\u0131, olarak g\u00f6z\u00fck\u00fcyor. EW, ASP.NET 2.0 ile proje \u00fcreten ekiplerin tasar\u0131mc\u0131lar\u0131n\u0131n ya da tasar\u0131m konusuna \u00f6zen g\u00f6steren programc\u0131lar\u0131n g\u00f6z bebe\u011fi olacak bir \u00fcr\u00fcn olarak dikkat \u00e7ekiyor.<\/p>\n<p>\u00dcr\u00fcn\u00fc y\u00fckleyip, \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131m\u0131zda kar\u015f\u0131m\u0131za \u00e7\u0131kan ekran olduk\u00e7a sade ve kullan\u0131\u015fl\u0131.<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image001.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image002.jpg\" width=\"362\" height=\"266\" border=\"0\" \/><\/a><\/p>\n<p>Standart \u00fcst men\u00fc, genel Microsoft bar\u0131, site dosyalar\u0131n\u0131 g\u00f6rece\u011fimiz Folder List, Tag ve CSS Properties kutular\u0131, Toolbox, Apply Style kutular\u0131 a\u00e7\u0131l\u0131\u015fta standart olarak \u00e7al\u0131\u015fma alan\u0131nda bulunuyorlar.<\/p>\n<p>\u00c7al\u0131\u015fma alan\u0131ndaki her \u015fey kapan\u0131r, a\u00e7\u0131labilir, s\u00fcr\u00fcklenebilir oldu\u011fundan kendi \u00e7al\u0131\u015fma alan\u0131n\u0131z\u0131 kendinize g\u00f6re d\u00fczenlemeniz m\u00fcmk\u00fcn.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image004.jpg\" width=\"363\" height=\"436\" \/><\/p>\n<p>T\u00fcm kutular\u0131 bir kutu i\u00e7inde sekme olarak toplayabilir ve kendimize ger\u00e7ekten b\u00fcy\u00fck bir \u00e7al\u0131\u015fma alan\u0131 yaratabiliriz.<\/p>\n<p>Bu tipteki t\u00fcm g\u00f6rev kutular\u0131 men\u00fcdeki Task Pane\u2019den y\u00f6netilebilir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image005.jpg\" width=\"118\" height=\"285\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image007.jpg\" width=\"362\" height=\"262\" \/><\/p>\n<p>\u201cReset Workspace Layout\u201d ile \u00e7al\u0131\u015fma alan\u0131n\u0131 ilk haline d\u00f6nd\u00fcrebilirsiniz.<\/p>\n<p>Bunun d\u0131\u015f\u0131nda olduk\u00e7a yararl\u0131 olmas\u0131 beklenen Toolbarlar mevcut.View&gt;Toolbars<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image008.jpg\" width=\"203\" height=\"296\" \/><\/p>\n<p>\u015eimdi \u00e7al\u0131\u015fma alan\u0131n\u0131 maksimum verimli kullanabilece\u011fimiz \u015fekilde d\u00fczenleyelim. Bu d\u00fczenlemeyi ben kendi ihtiya\u00e7lar\u0131ma g\u00f6re yapaca\u011f\u0131m.<\/p>\n<p>Her \u015feyden \u00f6nce kutular\u0131 d\u00fczenleyelim. Sol \u00fcste Folder List\u2019i koyuyorum. Onun alt\u0131nda CSS ve Tag Properties\u2019leri birbirine sekmeli tutuyorum. Sa\u011f \u00fcste Toolbox ve onun alt\u0131nda birbirine sekmeli Apply Styles, Manage Styles. Kutularlar\u0131n bu kadar\u0131 uygun. Zaten bu haliyle standart dizilim oluyor.<\/p>\n<p>Toolbarlara gelince; Common bar\u0131n\u0131n yerine Standard bar\u0131n\u0131 men\u00fclerin alt\u0131na koyuyorum. Bar\u0131n sonundaki k\u00fc\u00e7\u00fck oka t\u0131klayarak, bu barda ihtiyac\u0131m olmayan butonlar\u0131 kald\u0131r\u0131yorum. Print, Spelling, Cut, Copy, Paste, Format Painter, Stop, Show Formatting Marks ya s\u0131k\u00e7a ihtiyac\u0131m olan butonlar de\u011fil ya da bu butonlar\u0131, men\u00fcden veya sa\u011f klikle kullanmaya al\u0131\u015fm\u0131\u015f oldu\u011fumdan kald\u0131r\u0131yorum.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image009.jpg\" width=\"310\" height=\"360\" \/><\/p>\n<p>Style ve Code View barlar\u0131n\u0131 Standard bar\u0131n yan\u0131na yerle\u015ftiriyorum.<\/p>\n<p>Sonu\u00e7<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image010.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image011.jpg\" width=\"362\" height=\"266\" border=\"0\" \/><\/a><\/p>\n<p>EW\u2019yi incelemeye devam edelim.<\/p>\n<p>\u00c7al\u0131\u015f\u0131rken g\u00f6r\u00fcn\u00fcmde \u00fc\u00e7 se\u00e7ene\u011finiz var. Design, Split, Code.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image013.jpg\" width=\"136\" height=\"20\" \/><\/p>\n<p>Bunlar ihtiyac\u0131n\u0131za g\u00f6re belirleyece\u011finiz g\u00f6r\u00fcn\u00fcmleri size sa\u011flar. Design ile tasar\u0131m\u0131n\u0131z\u0131, split ile tasar\u0131m ve kodunuzu, code ile sadece kodunuzu g\u00f6r\u00fcrs\u00fcn\u00fcz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image015.jpg\" width=\"362\" height=\"266\" \/><\/p>\n<p>Design.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image017.jpg\" width=\"362\" height=\"266\" \/><\/p>\n<p>Split<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image019.jpg\" width=\"362\" height=\"266\" \/><\/p>\n<p>Code.<\/p>\n<p>EW\u2019nin di\u011fer dikkat \u00e7ekici \u00f6zelli\u011fi Toolbox\u2019\u0131. Toolbox HTML ve ASP.NET Controls olarak iki b\u00f6l\u00fcmden olu\u015fuyor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image021.jpg\" width=\"120\" height=\"46\" \/><\/p>\n<p>Klasik HTML \u00f6\u011feleri.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image023.jpg\" width=\"120\" height=\"360\" \/><\/p>\n<p>Ve EW\u2019nin g\u00fcc\u00fc, ASP.NET \u00f6\u011feleri<\/p>\n<p><a href=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image024.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 0pt none;\" alt=\"\" src=\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000001275_image025.jpg\" width=\"89\" height=\"560\" border=\"0\" \/><\/a><\/p>\n<p>Bu makalemizde Microsoft Expression Web\u2019e bir g\u00f6z att\u0131k. \u00c7al\u0131\u015fma alan\u0131m\u0131z\u0131 d\u00fczenledik.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>24\/4\/2007 Bu g\u00fcne kadar grafik ve web tasar\u0131m sekt\u00f6r\u00fcnde bulunmayan Microsoft. Expression ailesi ile bu konularda da ad\u0131ndan s\u00f6z ettirecek gibi g\u00f6z\u00fck\u00fcyor. Expression ailesinin yay\u0131nlanan ilk \u00fcr\u00fcn\u00fc Microsoft Expression Web, isminden de anla\u015f\u0131laca\u011f\u0131 gibi bir web edit\u00f6r\u00fc. \u0130lk bak\u0131\u015fta Expression Web, Microsoft\u2019un kendi geli\u015ftirdi\u011fi teknolojilere destek a\u00e7\u0131s\u0131ndan olduk\u00e7a ba\u015far\u0131l\u0131 bir \u00fcr\u00fcn olarak g\u00f6z\u00fck\u00fcyor.<\/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-361","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\/361","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=361"}],"version-history":[{"count":8,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/361\/revisions"}],"predecessor-version":[{"id":2555,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/361\/revisions\/2555"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=361"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}