网络编程
位置:首页>> 网络编程>> ASP.NET>> 我的“Orcas初览”讲座(2)

我的“Orcas初览”讲座(2)

作者:Scott Guthrie 来源:Scott Guthrie博客中文版 发布时间:2007-09-23 12:53:00 

标签:orcas

丰富的HTML/CSS所见即所得(WYSIWYG)设计器

我在以前一个博客帖子里提到过,Visual Studio Orcas 中将提供一个大为改进的HTML和ASP.NET网页设计器。此外,这个所见即所得设计器将提供:

  • 分割视图(Split View)的支持 (同时将HTML源码和所见即所得设计模式打开的能力)

  • 无比丰富的CSS支持 (CSS属性窗口,CSS继承图示器,CSS预览,以及CSS管理器)

  • 极大改进的视图转换性能 (从源码模式转换成HTML设计模式将会瞬时完成)

  • 对源码视图内控件设计器的支持 (属性构造器,事件接通(wire-up)以及向导将会在源码视图内正常工作)

  • 更丰富的标尺(ruler)和布局支持 (更棒的是,它们的值将被自动储存在外部的CSS文件中)

  • 对内嵌母板页(nested master pages)的设计器支持

下面是一个在分割视图编辑模式下的ASP.NET网页的截图(允许你同时在源码和设计模式里操作):

Visual Studio Orcas也将有大为改进的CSS支持。新的“管理样式”属性窗口允许你在样式表内轻易地创建,管理,和重构CSS规则。

譬如,你可以在下面看到 c4f.css 样式表中一个所有的样式表规则的列表。那些带着圆圈的规则表示该规则在当前页面中被使用了(然后你可以点击右鼠标来看一下多少地方使用了该规则,以及在所见即所得设计器里高亮显示那些使用了该规则的元素)。你可以在样式表里拖放规则来重新安排它们的次序,在多个文件里对它们进行重构,以及在所见即所得设计器里选择一个HTML元素来应用CSS规则。

当你在所见即所得设计器里选择一个HTML元素时,你现在也可以使用CSS属性窗口来查看该元素上所有的CSS规则以及它们对应的设置。这个特性的一个非常棒的东西是,它可以向你显示从多个CSS规则继承而来的层叠式设置(cascading settings)。

譬如,你可以在下面看到我对某个特定的元素设置的各种规则对颜色属性设置了4次 (这些设置进而被CSS链下面的规则所覆盖)。你可以在属性页里点击任何规则,或者点击任何被覆盖的值,来识别出每个设置究竟都是从哪里来的。这在使用CSS时,可以极其容易地琢磨出为什么一个页面或元素看上去是某个特定的样子:

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com