<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Saffron Stroke - Your Web Design Resource &#187; page</title>
	<atom:link href="http://www.saffronstroke.com/tag/page/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.saffronstroke.com</link>
	<description>Design Blog</description>
	<lastBuildDate>Wed, 11 Jan 2012 06:36:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>What is Incremental Search in Microsoft Expression Web 2</title>
		<link>http://www.saffronstroke.com/2009/04/07/what-is-incremental-search-in-microsoft-expression-web-2/</link>
		<comments>http://www.saffronstroke.com/2009/04/07/what-is-incremental-search-in-microsoft-expression-web-2/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 10:00:29 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Expression Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[Expression]]></category>
		<category><![CDATA[Expression Suite]]></category>
		<category><![CDATA[Expression Web 2]]></category>
		<category><![CDATA[find]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[incremental search]]></category>
		<category><![CDATA[incrementally]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[page]]></category>
		<category><![CDATA[phrase]]></category>
		<category><![CDATA[replace]]></category>
		<category><![CDATA[search]]></category>
		<category><![CDATA[web page]]></category>
		<category><![CDATA[web site]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[word]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://saffronstroke.wordpress.com/?p=428</guid>
		<description><![CDATA[Incremental search is a user interface interaction method to progressively search for and filter through text. In Expression Web, Incremental Search, searches the text as you type, and as soon as a match is found it immediately presents it to you. Incremental Search gives you an advantage, to stop short of typing the entire word [...]]]></description>
			<content:encoded><![CDATA[<div align="left" style="float: none; clear:right; padding: 0px 5px 5px 0px;"><a name="fb_share" type="button_count" share_url="http://www.saffronstroke.com/2009/04/07/what-is-incremental-search-in-microsoft-expression-web-2/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;; margin-top:-2px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F04%2F07%2Fwhat-is-incremental-search-in-microsoft-expression-web-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F04%2F07%2Fwhat-is-incremental-search-in-microsoft-expression-web-2%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;"><span style="font-family:Calibri;">Incremental search is <span lang="EN">a user interface interaction method to progressively search for and filter through text. In Expression Web, Incremental Search, searches the text as you type, and as soon as a match is found it immediately presents it to you. Incremental Search gives you an advantage, to stop short of typing the entire word or phrase you are looking for.</span></span></span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><strong><span style="font-size:small;"><span style="font-family:Calibri;"><span lang="EN">How to search incrementally?</span></span></span></strong></p>
<p class="MsoListParagraphCxSpFirst" style="text-indent:-.25in;margin:0 0 0 .5in;"><span><span><span style="font-size:small;font-family:Calibri;">1.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Open the page or CSS file you want to search and place the cursor where you want to begin your search. </span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .5in;"><span><span><span style="font-size:small;font-family:Calibri;">2.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Go to <strong>Edit</strong> &gt; <strong>Incremental Search</strong>. Your cursor would now change to</span><span><span style="font-size:small;"><span style="font-family:Calibri;"> <img class="alignnone size-full wp-image-429" title="inc_search_cursor" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/inc_search_cursor.jpg" alt="inc_search_cursor" width="32" height="26" /></span></span></span><span style="font-size:small;font-family:Calibri;">.</span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .5in;"><span><span><span style="font-size:small;font-family:Calibri;">3.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Now just type in the characters you want to search. The status bar would display the characters as you type them, and the first occurrence of the letters you have typed, would be highlighted in the page.</span></p>
<p class="MsoListParagraphCxSpLast" style="text-indent:-.25in;margin:0 0 10pt .5in;"><span><span><span style="font-size:small;font-family:Calibri;">4.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">To locate and move to the next occurrence of the characters press F3 and to go to the previous instance press SHIFT + F3.</span></p>
<p><span style="font-size:11pt;line-height:115%;font-family:&quot;">To stop the incremental search either press Esc, or Enter or just click somewhere in your page.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2009/04/07/what-is-incremental-search-in-microsoft-expression-web-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Add or modify page settings in Microsoft Expression Web 2</title>
		<link>http://www.saffronstroke.com/2009/03/10/add-or-modify-page-settings-in-microsoft-expression-web-2/</link>
		<comments>http://www.saffronstroke.com/2009/03/10/add-or-modify-page-settings-in-microsoft-expression-web-2/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 09:00:15 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Expression Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[Expression]]></category>
		<category><![CDATA[Expression Web 2]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[page]]></category>
		<category><![CDATA[page size]]></category>
		<category><![CDATA[resolution]]></category>
		<category><![CDATA[screen]]></category>
		<category><![CDATA[web site]]></category>
		<category><![CDATA[web template]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://saffronstroke.wordpress.com/?p=384</guid>
		<description><![CDATA[A web site is viewed by viewers using different screen resolutions and window sizes. Hence it is difficult to identify how the page would look in different resolutions and window sizes. But with Page settings in Microsoft Expression Web 2, while designing your page you can determine what portion of the page will be visible [...]]]></description>
			<content:encoded><![CDATA[<div align="left" style="float: none; clear:right; padding: 0px 5px 5px 0px;"><a name="fb_share" type="button_count" share_url="http://www.saffronstroke.com/2009/03/10/add-or-modify-page-settings-in-microsoft-expression-web-2/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;; margin-top:-2px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F03%2F10%2Fadd-or-modify-page-settings-in-microsoft-expression-web-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F03%2F10%2Fadd-or-modify-page-settings-in-microsoft-expression-web-2%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">A web site is viewed by viewers using different screen resolutions and window sizes. Hence it is difficult to identify how the page would look in different resolutions and window sizes. But with Page settings in Microsoft Expression Web 2, while designing your page you can determine what portion of the page will be visible to all the site users without having them to scroll down or right.</span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">Let us take a look at various page size settings</span></p>
<p class="MsoListParagraphCxSpFirst" style="text-indent:-.25in;margin:0 0 0 .25in;"><span><span><span style="font-size:small;font-family:Calibri;">1.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">To view the page size setting of current page</span></p>
<p class="MsoListParagraphCxSpLast" style="text-indent:-.25in;margin:0 0 10pt .5in;"><span style="font-family:Symbol;"><span><span style="font-size:small;">·</span><span style="font:7pt &quot;">         </span></span></span><span style="font-size:small;font-family:Calibri;">Either go to <strong>View</strong> menu &gt; <strong>Page Size</strong>. The current page size is displayed at the top of the list as Current Page Size, with a small check mark next to it.</span></p>
<p class="MsoListParagraphCxSpLast" style="text-indent:-.25in;margin:0 0 10pt .5in;"><img class="alignnone size-full wp-image-388" title="view_menu1" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/view_menu1.jpg" alt="view_menu1" width="437" height="316" /></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span></span></p>
<p class="MsoListParagraph" style="text-indent:-.25in;margin:0 0 10pt .5in;"><span style="font-family:Symbol;"><span><span style="font-size:small;">·</span><span style="font:7pt &quot;">         </span></span></span><span style="font-size:small;font-family:Calibri;">Or click on the page size displayed on the status bar.</span></p>
<p class="MsoNormal" style="margin:0 0 10pt .25in;"> </p>
<p class="MsoNormal" style="margin:0 0 10pt .25in;"><span style="font-size:small;font-family:Calibri;"><img class="alignnone size-full wp-image-386" title="stat_pg_size" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/stat_pg_size.jpg" alt="stat_pg_size" width="249" height="191" /></span></p>
<p class="MsoNormal" style="margin:0 0 10pt .25in;"><span style="font-size:small;font-family:Calibri;">Other page sizes are also listed in the menu.</span></p>
<p class="MsoListParagraph" style="text-indent:-.25in;margin:0 0 10pt .25in;"><span><span><span style="font-size:small;font-family:Calibri;">2.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">To apply a new page size, choose a new page size either from the given list or click on <strong>Modify Page Sizes…</strong> from the menu, to launch the Modify Page Sizes dialog box as shown below:</span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"> </p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;"><img class="alignnone size-full wp-image-385" title="mod_pg_sizes" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/mod_pg_sizes.jpg" alt="mod_pg_sizes" width="416" height="192" /></span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">As you can see, there is a list of page sizes along with their matching standard screen resolutions like 640 x 480, 800 x 600, 1024 x 768, and so on. Microsoft Expression Web automatically picks up the value that matches your current screen resolution and all other lower values. Window sizes that are larger than your screen resolution are not available.</span></p>
<p class="MsoListParagraph" style="text-indent:-.25in;margin:0 0 10pt .25in;"><span><span><span style="font-size:small;font-family:Calibri;">3.</span><span style="font:7pt &quot;">       </span></span></span><span><span style="font-size:small;"><span style="font-family:Calibri;">To add, modify, or remove a page size setting</span></span></span></p>
<p class="MsoNormal" style="text-indent:.25in;margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">In the <strong>Modify Page Sizes</strong> dialog box, do one of the following:</span></p>
<p class="MsoNormal" style="text-indent:-.25in;margin:0 0 10pt .75in;"><span style="font-size:10pt;line-height:115%;font-family:Symbol;"><span>·<span style="font:7pt &quot;">         </span></span></span><span style="font-size:small;font-family:Calibri;">To add a new page size, click <strong>Add</strong>, and then enter the <strong>Width</strong>, <strong>Height</strong>, and <strong>Description</strong>.</span></p>
<p class="MsoNormal" style="text-indent:-.25in;margin:0 0 10pt .75in;"><span style="font-size:10pt;line-height:115%;font-family:Symbol;"><span>·<span style="font:7pt &quot;">         </span></span></span><span style="font-size:small;font-family:Calibri;">To modify a page size, select the page size, click <strong>Modify</strong>, and then enter the new <strong>Width</strong>, <strong>Height</strong>, and <strong>Description</strong>.</span></p>
<p class="MsoNormal" style="text-indent:-.25in;margin:0 0 10pt .75in;"><span style="font-size:10pt;line-height:115%;font-family:Symbol;"><span>·<span style="font:7pt &quot;">         </span></span></span><span style="font-size:small;font-family:Calibri;">To remove a page size setting, select the page size, and then click <strong>Remove</strong>.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2009/03/10/add-or-modify-page-settings-in-microsoft-expression-web-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visual Effects with Page Transition in Microsoft Expression Web 2</title>
		<link>http://www.saffronstroke.com/2009/02/07/visual-effects-with-page-transition-in-microsoft-expression-web-2/</link>
		<comments>http://www.saffronstroke.com/2009/02/07/visual-effects-with-page-transition-in-microsoft-expression-web-2/#comments</comments>
		<pubDate>Sat, 07 Feb 2009 11:26:33 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Expression Web]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[Expression]]></category>
		<category><![CDATA[Expression Suite]]></category>
		<category><![CDATA[Expression Web 2]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[page]]></category>
		<category><![CDATA[page open]]></category>
		<category><![CDATA[page transition]]></category>
		<category><![CDATA[special effects]]></category>
		<category><![CDATA[transition]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[visual effect]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://saffronstroke.wordpress.com/?p=432</guid>
		<description><![CDATA[A page transition is a visual effect with which a page opens or closes. For example, fading, wiping out. You can add a page transition to multiple pages in a website. Adding a page transition Go to Format menu &#62; Page Transition to launch the Page Transition dialog box (shown below).   Choose following options [...]]]></description>
			<content:encoded><![CDATA[<div align="left" style="float: none; clear:right; padding: 0px 5px 5px 0px;"><a name="fb_share" type="button_count" share_url="http://www.saffronstroke.com/2009/02/07/visual-effects-with-page-transition-in-microsoft-expression-web-2/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;; margin-top:-2px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F02%2F07%2Fvisual-effects-with-page-transition-in-microsoft-expression-web-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F02%2F07%2Fvisual-effects-with-page-transition-in-microsoft-expression-web-2%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">A page transition is a visual effect with which a page opens or closes. For example, fading, wiping out. You can add a page transition to multiple pages in a website. </span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><strong><span style="font-size:small;"><span style="font-family:Calibri;">Adding a page transition</span></span></strong></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">Go to <strong>Format</strong> menu &gt; <strong>Page Transition</strong> to launch the Page Transition dialog box (shown below).</span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"> </p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;"><img class="alignnone size-full wp-image-433" title="page_trans" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/page_trans.jpg" alt="page_trans" width="379" height="251" /></span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">Choose following options in the Page Transitions dialog box: </span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;"><span style="font-family:Calibri;"><strong>Event</strong>: Select the event for which the page transition should occur. You have four events to choose from;</span></span></p>
<p class="MsoListParagraphCxSpFirst" style="text-indent:-.25in;margin:0 0 0 .5in;"><span><span><span style="font-size:small;font-family:Calibri;">1.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Page Enter – when a page opens in a browser.</span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .5in;"><span><span><span style="font-size:small;font-family:Calibri;">2.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Page Exit – when a page loses its focus. </span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .5in;"><span><span><span style="font-size:small;font-family:Calibri;">3.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Site Enter – when a web site is opened for the first time.</span></p>
<p class="MsoListParagraphCxSpLast" style="text-indent:-.25in;margin:0 0 10pt .5in;"><span><span><span style="font-size:small;font-family:Calibri;">4.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">Site Exit – when the web site loses its focus.</span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;"><span style="font-family:Calibri;"><strong>Duration (seconds):</strong><span>  </span>Enter the duration in seconds, for which the page transition effect should last.</span></span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;"><span style="font-family:Calibri;"><strong>Transition effect: </strong>Choose the type of transition effect you want to apply.</span></span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><strong><span style="font-size:small;"><span style="font-family:Calibri;">NOTE: You can add transitions to more than one event, but be careful as to not create too many flashy effects as it may lead nuisance to the viewer and may not visit your web site again.</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2009/02/07/visual-effects-with-page-transition-in-microsoft-expression-web-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

