第2章 简洁但不简单——基本网页布局

基本网页布局如图2-1所示，主要包含7个部分：

 

图2-1 基本网页布局的组成

1.       工具栏：位于网页左侧顶端，无任务列表时横贯整个网页顶部，可用来放置命令（我们马上会解释这个概念）。工具栏的高度不可设置，浏览时也不能动态调整；宽度为网页宽度减去任务窗格的宽度。

2.       图层窗格：位于网页左侧、属性窗格上面（如果有的话），用于显示各图层名称、图例和显示情况。图层窗格的高度不可设置，但可以动态调整。宽度与属性窗格一致，可设置也可以浏览时动态调整。

3.       属性窗格：位于网页左侧，图层窗格下面（如果有的话），用于显示选中元素的属性。属性窗格的高度为网页高度减去工具栏和状态栏高度后再减去图层窗格高度，不可设置，但可以动态调整。宽度与图层窗格一致，可设置也可以浏览时动态调整。

4.       任务列表：位于网页右侧顶端，用于显示任务窗格可用的命令。任务列表收起时高度与工具栏高度一致，高度不可设置，也不能在浏览时动态调整；打开时高度取决于里面命令的数量，不可设置，也不能在浏览时动态调整，但有最大值。任务列表宽度与任务窗格一致，可设置，不能在浏览时动态调整，但是可以隐藏起来。

5.       任务窗格：位于网页右侧，任务列表下面，用于显示一些命令（特别是调用URL的命令）所需要打开的页面。任务窗格的高度等于网页高度减去工具栏和状态栏的高度。不可设置也不能在浏览时动态调整；任务窗格的宽度与任务列表一致，可设置，不能在浏览时动态调整，但是可以隐藏。

6.       缩放滑块：位于地图区域的右上角，用于提供利用点击和拖拽方式对地图进行缩放和平移。这在很多状况下是很有用的，像很多笔记本的鼠标没有滚轮，不能直接用滚轮进行缩放；还有在选择状态下想要进行平移操作，也可以利用该元素。缩放滑块的初始位置和大小均不可设置。但可以在浏览过程中通过拖拽其左上角的图标将其放置在地图、图层窗格和属性窗格上的任何位置。

7.       状态栏：位于网页的底部，用于提供一些辅助的信息，例如鼠标当前位置、选中要素数量、当前比例尺、当前地图尺寸、引擎信息等等。状态栏中的比例尺可以直接输入数字来缩放到指定大小。状态栏所显示信息的次序、内容等均不可以配置或动态增减。状态栏的高度不可设置，也不可以在浏览时动态调整。

8.       上下文菜单：可在浏览过程中在地图上面通过用鼠标右键单击使其出现，用于放置一些命令。其大小不可以配置或在浏览时动态调整。

从中我们可以看出，基本网页布局对于元素可以放置的位置还是有很大的限制的。在不修改其源代码的情况下，我们没有办法选择各个元素的初始位置和排列方式，比如我们不能把图层窗格放到地图的右侧，或者把工具栏放到地图的左侧（当然后面我们将看到，灵活布局可以做到这一点）；我们所能做的，只有选择一个元素是否包含在界面内，或者设置图层窗格和任务窗格的宽度。

[To be continued by “2.1 从这里开始不同——命令”]