2007年1月28日星期日

非常好用的 Microsoft Expression Web Designer

我暂时不知道Microsoft的Expression Web DesignerOffice 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略有差异,所以千万不要以可视化界面中的效果为准。

没有评论:

发表评论