Example to show - Margin, Padding, Border, i.e. MBIPC... and Cascading effect

ASP.Net Unleashed Ch 4 - MultiViews.aspx example - is a good example to talk about Margin, Padding, Border, i.e. MBIPC.... and Cascading effect achieved by our ordering of CSS classes in a .css file...

Link to assist in explanation of theory - http://www.uwplatt.edu/web/wtc/div/boxmodel.html

This example also quickly shows how to place a menu on a page...a task that instantly gives structure to a page....

It will be probably be a good idea to, (after explaining them the above theory of MBIPC), give the source code to the students and ask them to change the values of the CSS classes and to observe what happens..... This exercise will , very quickly, register the above concepts, in the minds of the students, since they will be able to see first-hand, and very quickly , what is happening, when they change the values of the CSS classes....No amount of explaining will give them as much confidence as that can be achieved by about 10 minutes of this exercise.

---

Another example to show the effect of margin, margin-right, margin-left etc -
<asp:View ID="View2" runat="server">
<h1>Step 2</h1>
<asp:Label id="Label1" Text="Enter Your Favorite Color:" AssociatedControlID="txtColor" Runat="server" />
<br />
<asp:TextBox id="txtColor" Runat="server" />
<br /><br />
<asp:Button id="Button1" Text="Next" CommandName="NextView" Runat="server" style="margin-right:5px" />
<asp:Button id="Button2" Text="Previous" CommandName="PrevView" runat="server"/>
</asp:View>

Work Environment Screencast Videos

Available in Google Docs folder under Work Environment Videos

(have to see if we can install VSS or some other Source Control software)
(Will need all computers to be on an intranet)