本章主要内容
Expression Web界面
功能
创建网页的工具
强大的CSS工具
网站优化
脚本和动态内容
ASP.NET 2.0控件
数据访问功能
选读内容:Expression Web功能扩展
1.1 Expression Web界面
对于所有设计工具而言,界面是一个重要的评价标准,用户友好的界面可以促进设计人员的开发效率。Expression Web界面的设计既保证用户使用工具的便捷性,又确保了可用设计区的最大化。
1.1.1 任务窗格
Expression Web的绝大部分操作都在任务窗格(task pane)中完成,如图1-1所示。

图1-1 任务窗格中可以灵活、快捷地使用Expression Web工具
任务窗格可以通过最大化按钮最大化,如下一页的图1-2所示。也可以将任务窗格拖动到Expression Web界面的任意边界上,或者将它从边界上拖出来作为一个浮动窗格,放置于用户界面内任意位置。
任务窗格上可以包含选项卡(tab),这样在同一窗口内就可以切换显示多个任务窗格。如下一页的图1-3所示的管理样式任务窗格中就包含了可以切换到应用样式的选项卡。如果想激活其他的任务窗格,只需简单地单击相应的选项卡即可。如果没有足够的空间显示所有的选项卡,在当前选项卡右侧会出现箭头按钮以表明还有未显示的选项卡可用。
|
提示 |
如果窗口中还有更多的任务窗格选项卡未能显示,在窗口的右端会有锯齿状的线条以表明还可获得更多的任务窗格。可以通过单击小箭头按钮来进行选择。 |
简单地将任务窗格拖动到另一个任务窗格上,就可以将其添加为该任务窗格上的一个选项卡。

图1-2 任务窗格可以最大化以显示更多的工具 图1-3 几个任务窗格可以组合到一个窗口中
1.1.2 文件夹列表
如图1-4所示,Expression Web在文件夹列表任务窗格中显示当前网站内的所有文件和文件夹。可以快速定位任何文件,也可以通过双击它来进行编辑。

图1-4 文件夹列表提供当前网站下所有文件和文件夹的视图
文件夹列表拥有许多与文件管理器相同的功能,如创建新文件夹、增加文件、删除内容等。在文件或文件夹上右击后会弹出相应的选择菜单。文件夹列表与Expression Web主窗口中的网站标记类似,但网站标记允许排序操作,并且比文件夹列表的原始界面更容易定制。
|
警告 |
当从文件夹列表删除文件时,删除某些文件(如CSS文件、模板、脚本文件等)可能会影响到许多其他文件。在Expression Web中不能进行恢复操作,所以请务必谨慎! |
1.1.3 设计区
设计区是指Expression Web中用来创建Web页面的区域,如图1-5所示。网站的视图与在浏览器中显示的一样。
但有些人认为,Expression Web的设计区并没有使用Internet Explorer来显示,Web页面的显示是独立于浏览器的。

图1-5 在Expression Web中,设计区提供了Web页面的完整视图,与其在浏览器中所示的一样
1.1.4 状态栏
在Expression Web中,状态栏(如图1-6所示)提供了非常有用的信息。它可以对检测到的不一致的或不合法的代码进行警告,还提供了对网页框架的简要描述等其他信息。

图1-6 状态栏很重要,它可以预警错误代码,也能告知网页属性
关于状态栏的更多信息可参见第8章“网页视图的使用”。






