<?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; reference</title>
	<atom:link href="http://www.saffronstroke.com/tag/reference/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-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Create a hotspot in Microsoft Expression Web 2</title>
		<link>http://www.saffronstroke.com/2009/02/21/create-a-hotspot-in-microsoft-expression-web-2/</link>
		<comments>http://www.saffronstroke.com/2009/02/21/create-a-hotspot-in-microsoft-expression-web-2/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 09:14:24 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Expression Web]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[Expression]]></category>
		<category><![CDATA[Expression Suite]]></category>
		<category><![CDATA[Expression Web 2]]></category>
		<category><![CDATA[hotspot]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[hyperlink]]></category>
		<category><![CDATA[hyperlinks]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Picture]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[toolbar]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://saffronstroke.wordpress.com/?p=403</guid>
		<description><![CDATA[A hotspot is a clickable portion or a hyperlinked area in a picture that works as a hyperlink. You can have one or more hotspots in a picture. A hotspot can be rectangular, circular or polygonal is shape. Create a hotspot? 1.       In the Design view, click on the picture to which you want to [...]]]></description>
				<content:encoded><![CDATA[<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">A hotspot is a clickable portion or a hyperlinked area in a picture that works as a hyperlink. You can have one or more hotspots in a picture. A hotspot can be rectangular, circular or polygonal is shape. </span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><strong><span style="font-size:small;"><span style="font-family:Calibri;">Create a hotspot?</span></span></strong></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;">In the Design view, click on the picture to which you want to add hotspot to. </span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .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 launch the Pictures Toolbar, right click on any toolbar and choose Pictures from the list.</span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .25in;"><span style="font-size:small;font-family:Calibri;">      <img class="alignnone size-full wp-image-405" title="menu" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/menu.jpg" alt="menu" width="150" height="245" /></span></p>
<p class="MsoListParagraphCxSpMiddle" style="margin:0 0 0 .25in;"><span></span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .25in;"><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;">Click the Rectangular hotspot button, Circular hotspot button or Polygonal hotspot button.</span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .25in;"><span style="font-size:small;font-family:Calibri;">      <img class="alignnone size-full wp-image-404" title="pict_toolbar" src="http://www.saffronstroke.com/wp-content/uploads/2009/04/pict_toolbar.jpg" alt="pict_toolbar" width="410" height="96" /></span></p>
<p class="MsoListParagraphCxSpMiddle" style="margin:0 0 0 .25in;"> </p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .25in;"><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 draw a rectangular or circular hotspot, place the pointer on the picture where you want to create the hotspot and drag it.</span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .25in;"><span><span><span style="font-size:small;font-family:Calibri;">5.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">To create a polygonal hotspot, click on the picture to create each vertex and then complete the shape by joining the starting and ending vertices, or double click on the last vertex to let Expression Web complete the polygon for you.</span></p>
<p class="MsoListParagraphCxSpLast" style="text-indent:-.25in;margin:0 0 10pt .25in;"><span><span><span style="font-size:small;font-family:Calibri;">6.</span><span style="font:7pt &quot;">       </span></span></span><span style="font-size:small;font-family:Calibri;">As soon as your hotspot shape is complete, you are prompted with the <strong>Insert Hyperlink</strong> dialog box. Locate the file you want to link to and then click OK. </span></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><strong><span style="font-size:small;"><span style="font-family:Calibri;">Edit a hotspot</span></span></strong></p>
<p class="MsoNormal" style="margin:0 0 10pt;"><span style="font-size:small;font-family:Calibri;">Click on the picture that contains your hotspots. On the Pictures toolbar, make sure the Select button is selected. Then choose to do any of the following:</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;"><span style="font-family:Calibri;"><strong>Move: </strong>Click inside the hotspot and drag it to move the hotspot around.</span></span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .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;"><span style="font-family:Calibri;"><strong>Resize:</strong> Drag the arrows on the vertices to resize the hotspot.</span></span></p>
<p class="MsoListParagraphCxSpMiddle" style="text-indent:-.25in;margin:0 0 0 .25in;"><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;"><span style="font-family:Calibri;"><strong>Edit Link:</strong> Double click the hotspot to open the Edit Hyperlink window. You can change the link reference over here.</span></span></p>
<p class="MsoListParagraphCxSpLast" style="text-indent:-.25in;margin:0 0 10pt .25in;"><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;"><span style="font-family:Calibri;"><strong>Delete:</strong> Click the hotspot and hit Delete key.</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2009/02/21/create-a-hotspot-in-microsoft-expression-web-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
