非常好用的 Microsoft Expression Web Designer

我暂时不知道Microsoft的Expression Web Designer和Office Sharepoint Designer有什么不同，对比过它们的安装选项看起来是一样的，所以暂时当它们一样吧，我现在正在使用的其实是Office Sharepoint Designer。

我最近做了一些小的CSS Template设计，就是设计出来的结果是一整个demo页面，里面已经包含各式常用的HTML元素与元素组合，并且是styled好的，让人一看上去就知道使用这套CSS Template制作出来的网站会是什么风格，同时使用者还可以根据自己的需要添加和覆盖一些CSS规则，简单来说就是类似Mollio那样的CSS Template。对我来说，Office Sharepoint Designer极为方便的地方包括：

• 元素margin与padding的可视化，让你无需专门改动CSS就能方便看到页面上元素所占据的margin和padding。
• CSS继承链的可视化，选择一个元素后CSS窗口选择“摘要”模式，就能显示它一路继承下来的属性，其中已经被覆盖掉的属性会用删除线标记。

有了这两项支持，设计就变得极为方便了，设计一个CSS Template只需要以下几步：

• 用完全只考虑语义的方式，将需要styling的HTML Template写好，通常这个HTML Template包括常用的元素组合。
• 自顶而下地进行CSS定义，在Office Sharepoint Designer中可以直接看到效果，用一个比较符合标准的浏览器测试也行。
• 当整个CSS都定义完了，再考虑用不太标准的浏览器进行测试，并添加相应的修正项。

值得注意的是，Office Sharepoint Designer自身显示HTML可视化设计界面的解释器与IE6或IE7都是不同的（其实以前Frontpage也是独立解释器），它比IE6更符合标准，支持CSS也非常好，但实际上它解释出来的效果有可能会和IE7略有差异，所以千万不要以可视化界面中的效果为准。