<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>CMudsa's Weblog</title>
	<atom:link href="http://cmudsa.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://cmudsa.wordpress.com</link>
	<description>Someone once said... what goes around comes around.</description>
	<lastBuildDate>Fri, 21 Mar 2008 18:41:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='cmudsa.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>CMudsa's Weblog</title>
		<link>http://cmudsa.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://cmudsa.wordpress.com/osd.xml" title="CMudsa&#039;s Weblog" />
	<atom:link rel='hub' href='http://cmudsa.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Think of Enterprise Library as a Provider not a Dependency</title>
		<link>http://cmudsa.wordpress.com/2008/03/21/think-of-enterprise-library-as-a-provider-not-a-dependency/</link>
		<comments>http://cmudsa.wordpress.com/2008/03/21/think-of-enterprise-library-as-a-provider-not-a-dependency/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 18:41:59 +0000</pubDate>
		<dc:creator>cmudsa</dc:creator>
				<category><![CDATA[Microsoft Patio]]></category>

		<guid isPermaLink="false">http://cmudsa.wordpress.com/?p=5</guid>
		<description><![CDATA[Repository Factory Example The Microsoft Patterns and Practices Teams need to change their thinking about Enterprise Library. Enterprise Library needs to be thought of as a provider of services and not a dependency in their various software factories. This came up again today as I was playing with the Repository Factory and noticed it had a dependency on the [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cmudsa.wordpress.com&amp;blog=3221240&amp;post=5&amp;subd=cmudsa&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h1><font face="Verdana">Repository Factory Example</font></h1>
<p><font size="2" face="Verdana">The Microsoft Patterns and Practices Teams need to change their thinking about Enterprise Library.</font></p>
<p><font size="2" face="Verdana">Enterprise Library needs to be thought of as a <strong>provider of services</strong> and <strong>not a dependency</strong> in their various software factories.</font></p>
<p><font size="2" face="Verdana">This came up again today as I was playing with the Repository Factory and noticed it had a dependency on the old Enterprise Library version 3.0 and not the latest and greatest version 3.1. This will be fixed quickly I am sure, but it is just another example of how the software factories continue to lag behind in the versions of Enterprise Library they are dependent on, making it difficult for developers to use them.</font></p>
<p><font size="2" face="Verdana">More importantly, however, why should the software factories be dependent on Enterprise Library at all? Why can&#8217;t the Data Access Application Block, for example, be a pluggable database helper provider to the Repository Factory?</font></p>
<p><font size="2" face="Verdana">There are numerous benefits to thinking of Enterprise Library as a provider:</font></p>
<ol>
<li><font size="2" face="Verdana">We don&#8217;t have to deal with the software factories lagging behind the latest version of Enteprise Library. Enough said.</font></li>
<li><font size="2" face="Verdana">Opens up the software factories to people who either don&#8217;t like, can&#8217;t deploy, or have their own modified versions of Enterprise Library.</font></li>
<li><font size="2" face="Verdana">Allows us to more easily create our own custom providers to plug into the software factories.</font></li>
</ol>
<p><font size="2" face="Verdana">Using the above example, the Repository Factory is an ideal place to abstract out the Enterprise Library Data Access Application Block and make it a provider instead of a dependency. The DAAB can be the default provider and making it a provider should not make the Repository Factory any more or less difficult to work with. Seems like a no-brainer.</font></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cmudsa.wordpress.com/5/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cmudsa.wordpress.com/5/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cmudsa.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cmudsa.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/cmudsa.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/cmudsa.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cmudsa.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cmudsa.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cmudsa.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cmudsa.wordpress.com/5/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cmudsa.wordpress.com&amp;blog=3221240&amp;post=5&amp;subd=cmudsa&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://cmudsa.wordpress.com/2008/03/21/think-of-enterprise-library-as-a-provider-not-a-dependency/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/51a223fa87b22e761a77da014aaeacb9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">cmudsa</media:title>
		</media:content>
	</item>
		<item>
		<title>Authentication vs. Authorization</title>
		<link>http://cmudsa.wordpress.com/2008/03/17/authentication-vs-authorization/</link>
		<comments>http://cmudsa.wordpress.com/2008/03/17/authentication-vs-authorization/#comments</comments>
		<pubDate>Mon, 17 Mar 2008 08:11:46 +0000</pubDate>
		<dc:creator>cmudsa</dc:creator>
				<category><![CDATA[Microsoft Patio]]></category>

		<guid isPermaLink="false">http://cmudsa.wordpress.com/?p=3</guid>
		<description><![CDATA[It is easy to confuse the mechanism of authentication with that of authorization. In many host-based systems (and even some client/server systems), the two mechanisms are performed by the same physical hardware and, in some cases, the same software. It is important to draw the distinction between these two mechanisms, however, since they can (and, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cmudsa.wordpress.com&amp;blog=3221240&amp;post=3&amp;subd=cmudsa&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><font face="Times New Roman">It is easy to confuse the mechanism of <em>authentication</em> with that of <em>authorization</em>. In many host-based systems (and even some client/server systems), the two mechanisms are performed by the same physical hardware and, in some cases, the same software. </font></p>
<p><font face="Times New Roman">It is important to draw the distinction between these two mechanisms, however, since they <b>can</b> (and, one might argue, <b>should</b>) be performed by separate systems. </font></p>
<p><font face="Times New Roman">What, then, distinguishes these two mechanisms from one another? </font></p>
<p><font face="Times New Roman"><em>Authentication</em> is the mechanism whereby systems may securely identify their users. Authentication systems provide an answers to the questions: </font></p>
<ul type="disc">
<li class="MsoNormal"><font face="Times New Roman">Who is the user? </font></li>
<li class="MsoNormal"><font face="Times New Roman">Is the user really who he/she represents himself to be? </font></li>
</ul>
<p style="margin:0;" class="MsoNormal"><font face="Times New Roman">An authentication system may be as simple (and insecure) as a plain-text password challenging system (as found in some older PC-based FTP servers) or as complicated as the <em>Kerberos</em> system described elsewhere in these documents. In all cases, however, authentication systems depend on some unique bit of information known (or available) only to the individual being authenticated and the authentication system &#8212; a <em>shared secret</em>. Such information may be a classical password, some physical property of the individual (fingerprint, retinal vascularization pattern, etc.), or some derived data (as in the case of so-called <em>smartcard</em> systems). In order to verify the identity of a user, the authenticating system typically challenges the user to provide his unique information (his password, fingerprint, etc.) &#8212; if the authenticating system can verify that the shared secret was presented correctly, the user is considered authenticated. </font></p>
<p><font face="Times New Roman"><em>Authorization</em>, by contrast, is the mechanism by which a system determines what level of access a particular authenticated user should have to secured resources controlled by the system. For example, a database management system might be designed so as to provide certain specified individuals with the ability to retrieve information from a database but not the ability to change data stored in the datbase, while giving other individuals the ability to change data. Authorization systems provide answers to the questions: </font></p>
<ul type="disc">
<li class="MsoNormal"><font face="Times New Roman">Is user X authorized to access resource R? </font></li>
<li class="MsoNormal"><font face="Times New Roman">Is user X authorized to perform operation P? </font></li>
<li class="MsoNormal"><font face="Times New Roman">Is user X authorized to perform operation P on resource R? </font></li>
</ul>
<p><font face="Times New Roman">Authentication and authorization are somewhat tightly-coupled mechanisms &#8212; authorization systems depend on secure authentication systems to ensure that users are who they claim to be and thus prevent unauthorized users from gaining access to secured resources.</font></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cmudsa.wordpress.com/3/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cmudsa.wordpress.com/3/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cmudsa.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cmudsa.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/cmudsa.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/cmudsa.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cmudsa.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cmudsa.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cmudsa.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cmudsa.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cmudsa.wordpress.com&amp;blog=3221240&amp;post=3&amp;subd=cmudsa&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://cmudsa.wordpress.com/2008/03/17/authentication-vs-authorization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/51a223fa87b22e761a77da014aaeacb9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">cmudsa</media:title>
		</media:content>
	</item>
		<item>
		<title>10 rules to use CSS effectively</title>
		<link>http://cmudsa.wordpress.com/2008/02/20/10-rules-to-use-css-effectively/</link>
		<comments>http://cmudsa.wordpress.com/2008/02/20/10-rules-to-use-css-effectively/#comments</comments>
		<pubDate>Wed, 20 Feb 2008 10:14:23 +0000</pubDate>
		<dc:creator>cmudsa</dc:creator>
				<category><![CDATA[Microsoft Patio]]></category>

		<guid isPermaLink="false">http://cmudsa.wordpress.com/?p=4</guid>
		<description><![CDATA[Becoming standards compliant, effective, and successful when using Cascading Style Sheets (CSS) with ASP.NET is not always obvious, straightforward or easy. Here I am putting together a series of tips and best practices that can help you on the way. Always prefer CSS over ASP.NET’s Skins for the following reasons: CSS is a well accepted [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cmudsa.wordpress.com&amp;blog=3221240&amp;post=4&amp;subd=cmudsa&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><span><font face="Times New Roman">Becoming standards compliant, effective, and successful when using Cascading Style Sheets (CSS) with ASP.NET is not always obvious, straightforward or easy. Here I am putting together a series of tips and best practices that can help you on the way.</font></span></p>
<ol type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Always prefer CSS over ASP.NET’s Skins for the following reasons: </font></span>
<ul type="circle">
<li class="MsoNormal"><span><font face="Times New Roman">CSS is a well accepted standard. </font></span></li>
<li class="MsoNormal"><span><font face="Times New Roman">Designers understand CSS but may not understand ASP.NET’s proprietary mechanisms. </font></span></li>
<li class="MsoNormal"><span><font face="Times New Roman">Skins lead to </font><a href="http://developer.apple.com/internet/webcontent/bestwebdev.html"><font face="Times New Roman">Classitis</font></a><font face="Times New Roman">. Each skin creates an html class attribute that has its associated styles. This does not follow the principle of reuse. </font></span></li>
<li class="MsoNormal"><span><font face="Times New Roman">A well designed external CSS implementation will have a smaller payload and faster download times than its equivalent Skin implementation. </font></span></li>
<li class="MsoNormal"><span><font face="Times New Roman">Microsoft is heavily investing in tooling for CSS design (</font><a href="http://blogs.msdn.com/xweb/"><font face="Times New Roman">Expression Web</font></a><font face="Times New Roman"> and </font><a href="http://weblogs.asp.net/scottgu/archive/2007/07/25/vs-2008-web-designer-and-css-support.aspx"><font face="Times New Roman">inclusion of the Expression Web engine in VS2008</font></a><font face="Times New Roman">), and is really not doing anything more with Skins. So follow their lead. Going forward CSS will have the best tooling support from Microsoft. </font></span></li>
</ul>
</li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="2" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Use CSS within the Themes construct in ASP.NET in order to get all the good CSS support in VS2008. In particular, instead of linking to CSS files in the &lt;head&gt; section of your HTML document, </font></span>
<ul type="circle">
<li class="MsoNormal"><span><font face="Times New Roman">Create one or more theme folders under the App_Themes folder. </font></span></li>
<li class="MsoNormal"><span><font face="Times New Roman">Put your CSS files inside these themes folders. </font></span></li>
<li class="MsoNormal"><span><font face="Times New Roman">Link to these themes by setting the Themes attribute in the page directive. </font></span></li>
</ul>
</li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="3" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">When you drag a control from the toolbox onto your form, ASP.NET, depending on the control, may add inline styling to your control. Delete these inline styles in Code View, otherwise due to the specificity rules, they will override anything you set in the CSS files and you will be scratching your head trying to figure out what happened while trying to find out why the styles you specified are not applied. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="4" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Furthermore, note that most ASP.NET controls have several formatting properties that can be set via the properties window or directly in the markup. All of these will end up becoming inline styles and should totally be avoided. The only formatting property that I recommend using (in moderation to avoid </font><a href="http://developer.apple.com/internet/webcontent/bestwebdev.html"><font face="Times New Roman">Classitis</font></a><font face="Times New Roman">) is CssClass. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="5" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">CSS files are written against pure HTML elements not ASP.NET Server Controls. Therefore, understanding the mappings between the two is vital to writing quality CSS files and separating the structure (HTML) from the presentation (CSS). See the bottom of this post for the mappings. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="6" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Understanding the mappings between ASP.NET web control and HTML types is also vital for making sure that your site is following well established web design standards and guidelines. If you consider using an ASP.NET web control, you need to make sure that the corresponding HTML type was intended for that usage. For example, you can use a LinkButton to submit values to the server. However, the LinkButton converts to an &lt;a href&gt; element (along with some JavaScript that does the postback). The &lt;a href&gt; element is intended for hyperlink. The </font><a href="http://www.w3.org/TR/html401/"><font face="Times New Roman">HTML 4.01 specification</font></a><font face="Times New Roman"> clearly states: “A link is a connection from one web resource to another.” To submit data to a server, it is better to use the Button control which converts to input type=”submit”. Why is following these standards important? For example, if we choose the LinkButton over the Button control, if the user has JavaScript turned off, the site will no longer function properly. Also following standards is probably the most important step to making your site accessible. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="7" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Often times one has to choose between an ASP.NET Server Control and the corresponding HTML element. Here are some rules of thumb. For simple controls like a TextBox or a Label, if you need to map the control to ASP.NET server side functionality, or if you would like to take advantage of the ASP.NET validation controls, use ASP.NET controls. If you don’t, use the lighter html controls. Obviously sophisticated controls such as the Calendar Control can save you hours of development time since they have no equivalents in HTML. On the other end of the spectrum, do not forget that there are a good number of HTML elements that do not have (and should not have) ASP.NET counterparts. An example is &lt;input type=”reset”&gt;. Use these as necessary to do your work. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="8" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Use the </font><a href="http://developer.yahoo.com/yui/"><font face="Times New Roman">YUI Library CSS Tools</font></a><font face="Times New Roman">. They will save you many hours of work. These tools consist of four style sheets that Yahoo uses for their own production websites. They include a reset style sheet that neutralizes browser specific styles, a base style sheet which creates a consistent style foundation for common HTML elements, a style sheet for setting and managing fonts, and a grid style sheet for managing grids. If you like, Yahoo will even host these sheets for you. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="9" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">Note that you can use ID selectors only with HTML elements. The ID you assign to an ASP.NET Control will most probably change as the HTML is rendered for the control. So for ASP.NET Controls, use the CssClass attribute to define the style. If the control does not have this attribute, wrap it in a &lt;Div&gt; tag. Wrapping in Div tags should be the last resort. Usually you can refactor your CSS by using contextual selectors on Div tags that wrap a group of elements. </font></span></li>
</ol>
<p><span><font face="Times New Roman"></font></span></p>
<ol start="10" type="1">
<li class="MsoNormal"><span><font face="Times New Roman">The designer behaviors in both VS2008 and Expression Web (note that they have the same engine so they work pretty much the same way) focus on styling ASP.NET controls using ID Selectors. This can easily be changed to class selectors. So for a complex ASP.NET web control you add the CssClass attribute with a value. Then, in the CSS file, you add details to it. The CSS designers help you set the CSS properties of the control itself, but to set the properties of individual elements in the control, you need to go in the CSS file and hand code. Remember two powerful CSS selectors, contextual selectors and attribute selectors. (Note that attribute selectors are not supported in IE6 or older browsers). Here is a simplified example: </font></span></li>
</ol>
<p><span><font face="Times New Roman"> </font></span><span><font face="Times New Roman">&lt;asp:RadioButtonList runat=”server” CssClass=”FunkyRadioButtonList”&gt;</font></span><span><font face="Times New Roman">&lt;asp:ListItem&gt;first&lt;/asp:ListItem&gt;</font></span><span><font face="Times New Roman">&lt;asp:ListItem&gt;second&lt;/asp:ListItem&gt;</font></span><span><font face="Times New Roman">&lt;asp:ListItem&gt;third&lt;/asp:ListItem&gt;</font></span><span><font face="Times New Roman">&lt;/asp:RadioButtonList&gt;</font></span><span><font face="Times New Roman"> </font></span><span><font face="Times New Roman">.FunkyRadioButtonList</font></span><span><font face="Times New Roman">{</font></span><span><font face="Times New Roman">/* general styling for the container control goes here*/</font></span><span><font face="Times New Roman">}</font></span><span><font face="Times New Roman"> </font></span><span><font face="Times New Roman">.FunkyRadioButtonList input[type=”radio”]</font></span><span><font face="Times New Roman">{</font></span><span><font face="Times New Roman">/*styling specific radio buttons in the FunkyRadioButtonList goes here*/</font></span><span><font face="Times New Roman">}</font></span><span><font face="Times New Roman">The list below shows the ASP.NET Server control and the HTML element that is generated from it by the ASP.NET runtime.</font></span><span><font face="Times New Roman"> </font></span><span><font face="Times New Roman"> </font></span><span><font face="Times New Roman"> </font></span></p>
<table border="1" cellPadding="0" style="border:1.5pt outset;" class="MsoNormalTable">
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><strong><font size="3" face="Times New Roman">ASP.NET Control</font></strong></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><strong><font size="3" face="Times New Roman">HTML Element</font></strong></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Label</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">span</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TextBox</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”text”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TextBox TextMode=”MultiLine”</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">textarea</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TextBox TextMode=”Password”</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”password”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Button</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”submit”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">LinkButton</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">a href=”javascript:__doPostBack(’LinkButton1′,”)”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">ImageButton</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”image”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">HyperLink</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">a</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">DropDownList</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">select</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">ListBox</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">select size=”4″ gives you 4 rows</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">ListItem</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">option</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">CheckBox</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”checkbox”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">RadioButton</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”radio” followed by a label for the text</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">RadioButtonList</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">table with a tr with one td for each radio button. Inside each td there<br />
is a input type=”radio” and a label</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Image</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">img</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">ImageMap</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">img and a map tag holding one or more of the following 3:</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">CircleHotSpot</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">area shape=”circle”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">PolygonHotSpot</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">area shape=”poly”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">RectangleHotSpot</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">area shape=”rect”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Table</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">table</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TableHeaderRow</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">tr</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TableRow</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">tr</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TableFooterRow</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">tr</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TableHeaderCell</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">th</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">TableCell</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">td</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">BulletedList</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">ul with each list item:</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">ListItem</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">li</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">HiddenField</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”hidden”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Literal</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Literal is not translated to any html element. The dynamic content<br />
returned by the methodname method is directly displayed.</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Calendar</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">a rather sophisticated table</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">AdRotator</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">a</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">FileUpload</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">input type=”file”</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Wizard</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">a rather sophisticated table. You can Convert the Wizard Control and<br />
related controls such as the CreatUserWizard control into templates, and<br />
then modify the html, remove the tables, and replace them with divs to make<br />
them CSS friendly. Even after all this, the wizard navigation buttons<br />
will still be unreachable via CSS. Therefore, I hand code these<br />
functionalities instead of relying on the Wizard for full control.</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Xml</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">&lt;?xml version=”1.0″ encoding=”utf-8″?&gt;</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">MultiView</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">MultiView and all the Views inside of it are not translated to any html<br />
element. Thier content is directly displayed.</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Panel</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">div</font></p>
</td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">PlaceHolder</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Placeholder is not translated to any html element. The controls added to<br />
it by the PlaceHolder1.Controls.Add() methodare directly displayed.</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Substitution</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Substitution is not translated to any html element. The dynamic content<br />
returned by the methodname method is directly displayed.</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Localize</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Localize is not translated to any html element. It’s content is directly<br />
displayed.</font></td>
</tr>
<tr>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">Validation controls</font></p>
</td>
<td style="background-color:transparent;border:#d4d0c8;padding:2.25pt;">
<p style="margin:0;" class="MsoNormal"><font size="3" face="Times New Roman">span</font></p>
</td>
</tr>
</table>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cmudsa.wordpress.com/4/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cmudsa.wordpress.com/4/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cmudsa.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cmudsa.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/cmudsa.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/cmudsa.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cmudsa.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cmudsa.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cmudsa.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cmudsa.wordpress.com/4/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cmudsa.wordpress.com&amp;blog=3221240&amp;post=4&amp;subd=cmudsa&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://cmudsa.wordpress.com/2008/02/20/10-rules-to-use-css-effectively/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/51a223fa87b22e761a77da014aaeacb9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">cmudsa</media:title>
		</media:content>
	</item>
	</channel>
</rss>
