![\"\"](\"http:\/\/www.yazgelistir.com\/Makaleler\/Resimler\/1000002380_01.jpg\")
<\/a><\/p>\nTasar\u0131m\u0131n\u0131z\u0131 yapt\u0131n\u0131z ve farkl\u0131 browserlarda nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc kontrol etmek istiyorsunuz. O zaman “SuperPreview”u a\u00e7al\u0131m. Bardaki butonu kullanarak<\/p>\n
<\/p>\n
ya da File>Display in SuperPreview men\u00fcs\u00fcn\u00fc kullanarak veya (Shift+F12) k\u0131sa yolu ile “SuperPreview”u a\u00e7\u0131yoruz.<\/p>\n
<\/p>\n
Ayr\u0131ca “SuperPreview” un Expression grubunda standalone \u00e7al\u0131\u015fabildi\u011fini de s\u00f6ylemeliyim.<\/p>\n
<\/p>\n
“SuperPreview” ayr\u0131 bir uygulama olarak a\u00e7\u0131l\u0131r. Di\u011fer \u00f6zelliklerini de anlataca\u011f\u0131m ama “SuperPreview” deki en \u00f6nemli yer 1 ve 2 olarak i\u015faret etti\u011fim yerlerdir. Bunlar soldaki g\u00f6r\u00fcn\u00fcm\u00fcn hangi browser’a sa\u011fdaki g\u00f6r\u00fcn\u00fcm\u00fcn hangi browsera ait oldu\u011funu g\u00f6sterir. Mouse imlecini \u00fcstlerine getirdi\u011finizde transparan bir \u015fekilde ait olduklar\u0131 tasar\u0131m\u0131n \u00fczeri renklenir.<\/p>\n
Soldaki kutucuk IE 6 i\u00e7in \u00f6n g\u00f6r\u00fcn\u00fcm veriyor. K\u0131rm\u0131z\u0131 i\u015faretli kutucu\u011fa t\u0131klayarak g\u00f6r\u00fcn\u00fcmlerin yerlerini de\u011fi\u015ftirebilirsiniz.<\/p>\n Sa\u011fdaki ise IE 8 i\u00e7in g\u00f6r\u00fcn\u00fcm veriyor.<\/p>\n Ba\u015fka bir browser ile tasar\u0131m\u0131n\u0131z\u0131 kontrol etmek isterseniz, sa\u011fdaki kutucuktaki “+” i\u015faretine basman\u0131z gerekmektedir.<\/p>\n Bunu yap\u0131nca sa\u011f tarafta hangi browser\u0131 se\u00e7mek istedi\u011finizi soran bir ekran belirir.<\/p>\n Ben sa\u011f tarafta tasar\u0131m\u0131 Firefox 3.5 ile a\u00e7mas\u0131n\u0131 istiyorum. Firefox’u se\u00e7ince bu sefer sol k\u00f6\u015fedeki butonu kullanarak sayfay\u0131 refresh etmem gerekti\u011fini s\u00f6yleyen bir uyar\u0131 geliyor.<\/p>\n Art\u0131k sol taraf IE 6.0, sa\u011f taraf Firefox 3.5 oldu. \u00c7ok yararl\u0131 de\u011fil mi?<\/p>\n \u015eimdi gelelim \u00fcst bardaki ara\u00e7lar\u0131 kontrol etmeye. “Selection Mode” (V) tasar\u0131m\u0131n\u0131zdaki elementleri se\u00e7menize yarar.<\/p>\n Bunu yapt\u0131\u011f\u0131n\u0131zda se\u00e7mi\u015f oldu\u011funuz elementin farkl\u0131 renkte g\u00f6r\u00fcnd\u00fc\u011f\u00fcne dikkat edin. Bir di\u011fer \u00f6zellik ise se\u00e7ilen elementin \u00f6zelliklerinin ayr\u0131 bir kutuyla verilmesi ve browsera g\u00f6re fakl\u0131l\u0131klar\u0131n k\u0131rm\u0131z\u0131 ile belirtilmesidir.<\/p>\n Di\u011fer bir ara\u00e7 ise “Panning Mode” (H)’dur. Bu ara\u00e7 ile tasar\u0131mlar\u0131n\u0131z\u0131 kayd\u0131rabilirsiniz. Bir tarafta tasar\u0131m\u0131 kayd\u0131r\u0131rken di\u011fer tarafta ayn\u0131 \u015fekilde kayar.<\/p>\n “Box Highlighting Mode” (L) aktif ise tasar\u0131m\u0131n\u0131zda bir element se\u00e7ti\u011finizde o element farkl\u0131 bir renk al\u0131r.<\/p>\n Tasar\u0131m\u0131n etraf\u0131ndaki cetvellerin g\u00f6r\u00fcn\u00fcr olup olmayaca\u011f\u0131n\u0131 ayarlayabilece\u011finiz ara\u00e7 “Toggle Ruler Visibility” (R)’dir.<\/p>\n “Toggle Thumbnail Visibility”(T) ile tasar\u0131mlar\u0131n sa\u011f alt k\u00f6\u015fesinde k\u00fc\u00e7\u00fck bir versiyonlar\u0131n\u0131 ve tasar\u0131m\u0131n neresine bakt\u0131\u011f\u0131n\u0131z\u0131 g\u00f6rmeniz m\u00fcmk\u00fcn.<\/p>\n Cetvellerden k\u0131lavuz \u00e7izgileri s\u00fcr\u00fckleyebildi\u011finizi s\u00f6ylememde yarar var san\u0131yorum.<\/p>\n Ve bu k\u0131lavuz \u00e7izgileri “Toggle Guide Visibility” (Ctrl+;) ile a\u00e7\u0131p kapayabilirsiniz.<\/p>\n Tasar\u0131mlar\u0131n g\u00f6r\u00fcnd\u00fc\u011f\u00fc pencerelerin nas\u0131l dizilece\u011fine karar verebilirsiniz. Yatay, dikey ya da tek pencere \u00fczerinden \u00e7al\u0131\u015fabilirsiniz.<\/p>\n Bence buradaki en ilgin\u00e7 ve g\u00fczel \u00f6zellik, “Overlay Layout” (D). Bu g\u00f6r\u00fcn\u00fcm\u00fc \u015feklini se\u00e7ti\u011finizde iki browser i\u00e7in tasar\u0131mlar\u0131 \u00fcst \u00fcste g\u00f6sterir.<\/p>\n Bence \u00e7ok g\u00fczel bir \u00f6zellik.<\/p>\n \u0130stedi\u011finiz URL’yi girip tasar\u0131mlar\u0131n yerle\u015fimlerini browserlar i\u00e7in kontrol edebilirsiniz.<\/p>\n Bakal\u0131m Yahoo nas\u0131lm\u0131\u015f?<\/p>\n Sayfalara zoom in \/ zoom out yapabilirsiniz.<\/p>\n Gelelim alt bara. Elementlerin \u00fczerine geldik\u00e7e o element ile ilgili bilgiler alt barda g\u00f6r\u00fcn\u00fcr.<\/p>\n<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n
\nE\u011fer “Lights-Out Highlighting Mode” (L) aktif ise sadece se\u00e7ti\u011finiz element g\u00f6r\u00fcn\u00fcr olur di\u011fer yerler transparan bir \u015fekilde karar\u0131r.<\/p>\n
\n<\/a><\/p>\n
\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n