“本文适合silverlight界面设计师参考，程序开发人员最好也了解一下”
首先来看一下需要实现的效果
这里我主要使用Grid来布局，把界面分为了三部分，头、左部、右部
好整体了解了一下布局，这里我来分布讲解。
之所以使用Grid这个布局控件是因为他能根据当前的浏览器的大小做自适应布局。
如图：
下来一 步 准备一些需要用到的图片素材，现在做界面不一定都是要矢量元素，在合适的地方使用合 适的素材最好。这里是我准备的一些小图片。
建立项 目，在项目中建立一个assets的文件夹，把项目中用到的素材分类放好。
调整 MainPage的大小为800*600
在舞台上新建立一个Border容器，在其内部放置一个Grid控件，并把这个Grid划分为三个 区域。在每个区域内部新建立一个Grid并为他们启好名字。
给border加上投影效果，DropShadowEffect。
在Grid左部区域加上一点渐变效果。 这里运用了我刚才准备的line01.png这个图片
将图片在放入一个Grid中，设置图片的属性，使其按照高度自动延伸。
在设置图片的夫级Grid属性，使其居右按照高度自适应。
最终的效果：
接下来制作Head
在Head的底部添加一个矩形Rectangle，居底，按照宽度自适应，删除边框，为其横向填 充渐变色。
效果如下：
布局已经确定了，这里再添加一些图片做做美化。
演示地址：
http://dl.dropbox.com/u/432136/Samples/OperatingTableDemo/step- 1/OperatingTableTestPage.html