视采采集器系统界面说明

视采采集器系统将屏幕分成多个区域，如图：

页面布局说明：
1) 系统顶部为系统菜单。
2) 系统菜单下部的区域为设计器的工具条。
3) 页面左边区域显示目标网站的网页结构，叫做网页结构视图。
4) 页面右上部是用户的定义区域，叫做工作区。
5) 页面右下部是系统扩展视图。

系统菜单

系统菜单为系统的功能入口，通过点击不同的菜单项，进入相应的功能操作界面。如图：

设计器工具条

设计器工具条显示当前活动模块提供的功能按钮。不同的设计器，显示的按钮有可能不一样。
网页设计器工具条：

csv生成器工具条：

网页结构视图

网页结构视图用来显示当前网页的HTML结构，通过它可以查看网页结构，选择网页标签，查看匹配情况等。如图：

该视图只有在网页设计器为活动状态才有效。

工作区

工作区是用户操作的地方，包括各种设定，结果查看等。其它视图都是围绕工作区进行展现的。
网页设计器工作区：

csv生成器工作区：

扩展视图

扩展视图里可以显示各类的信息，该区域里显示的功能一般是由扩展插件提供的。目前包括规则设计器视图、属性列表、帮助中心。

设计器视图

设计器视图是一个很重要的视图，它显示设计器之间的关系以及设计器内部的数据细节。通过它可以打开一个设计器。如图：

图中，带有[]表示为设计器。其它的列表为设计器的内部细节。
带有+表示为该列表项可以扩展，用户鼠标右键点击该项将弹出设计器列表。
带有<>表示为HTML节点，方便用户了解设定信息。
如果一个节点包含有设计器节点，则表示它的单元值将受设计器模块处理。孩子节点可以读取父节点的所有单元值。多个设计器连在一起，形成一条设计器链，数据由设计器链的顶端流入，不断地受到各种设计器模块的处理，最终产生出我们想要的结果。

属性列表

属性列表用来显示HTML标签的属性名以及属性值。如图：
当用户点击标签时，属性列表将显示该标签的属性。通过属性列表，用户可以了解标签的属性以及标签之间差异。

帮助中心

帮助中心可以实时提供帮助信息。如图：

用户可以点击下一步按钮，让系统一步一步地带你操作， 对于新手，是个很有意义的功能。