第 5 章表格

第 5 章表格 - 图1 第 5 章表格 - 图2 第 5 章表格 - 图3 第 5 章表格 - 图4 第 5 章表格 - 图5 第 5 章表格 - 图6 第 5 章表格 - 图7 第 5 章表格 - 图8 第 5 章表格 - 图9 使用表格可以有序而又整齐地组织网页上的信息 FrontPage 编辑器的表格功能很强您可以很方便地插入表格您还可以自己画出表格甚至可以把网页上的文本转换为表格表格单元中既可以是文字也可以是图像表单 ActiveX 控件以及任何 FrontPage 组件

第 5 章表格 - 图10 FrontPage 编辑器还能识别 Word 文档中的表格并转换为 HTML 表格

创建表格

第 5 章表格 - 图11 第 5 章表格 - 图12 第 5 章表格 - 图13 第 5 章表格 - 图14 第 5 章表格 - 图15 第 5 章表格 - 图16 第 5 章表格 - 图17 第 5 章表格 - 图18 第 5 章表格 - 图19 第 5 章表格 - 图20 第 5 章表格 - 图21 第 5 章表格 - 图22 第 5 章表格 - 图23 第 5 章表格 - 图24 第 5 章表格 - 图25 第 5 章表格 - 图26 要在网页上插入一个表格您既可以使用 Table 菜单上的 Insert Table 命令也可以单击 Standard 工具栏上的第 5 章表格 - 图27 按钮还可以用 Table 工具栏上的笔自己画出不规则的表格此外您还可以把网页中已有的文本转换成表格

插入一个规则的表格

第 5 章表格 - 图28 第 5 章表格 - 图29 第 5 章表格 - 图30 第 5 章表格 - 图31 第 5 章表格 - 图32 第 5 章表格 - 图33 要在网页中插入一个规则的表格您可以使用 Table 菜单上的 Insert Table 命令

第 5 章表格 - 图34 第 5 章表格 - 图35 第 5 章表格 - 图36 第 5 章表格 - 图37 第 5 章表格 - 图38 FrontPage 编辑器将打开 Insert Table 对话框如图 5.1 所示

图 5.1 插入表格

第 5 章表格 - 图39 第 5 章表格 - 图40 第 5 章表格 - 图41 第 5 章表格 - 图42 第 5 章表格 - 图43 第 5 章表格 - 图44 第 5 章表格 - 图45 第 5 章表格 - 图46 分别在 Rows 和 Columns 框内指定表格的行数和列数默认是 2 在 Alignment

第 5 章表格 - 图47 第 5 章表格 - 图48 第 5 章表格 - 图49 框内选择表格整体的对齐方式如左对齐居中右对齐

第 5 章表格 - 图50 第 5 章表格 - 图51 第 5 章表格 - 图52 第 5 章表格 - 图53 第 5 章表格 - 图54 第 5 章表格 - 图55 第 5 章表格 - 图56 第 5 章表格 - 图57 您可以指定表格的边框宽度默认是 1(以像素为单位) 如果把边框宽度设为 0 表示表格没有边框不过 FrontPage 编辑器的 Noemal 视图仍然用虚点线作为边框这只是为了让您看到表格的轮廓用 Web 浏览器打开网页时将看不到边框

第 5 章表格 - 图58 第 5 章表格 - 图59 第 5 章表格 - 图60 第 5 章表格 - 图61 单元格边距是指单元格中的内容与单元格的边框之间要空多少距离默认是 1 以像素为单位一个表格中所有单元格的边距是统一的

第 5 章表格 - 图62 单元格间距是指表格中单元格与单元格之间的距离实际上相当于单元格边框的宽

第 5 章表格 - 图63 度

第 5 章表格 - 图64 整个表格的宽度既可以设为一个绝对数(以像素为单位) 也可以设为 Web 浏览器的窗

第 5 章表格 - 图65 第 5 章表格 - 图66 第 5 章表格 - 图67 口宽度的百分数例如设为 50%表示表格的宽度总是浏览器窗口宽度的一半

第 5 章表格 - 图68 第 5 章表格 - 图69 第 5 章表格 - 图70 第 5 章表格 - 图71 图 5.2 是一个典型的表格它的行数是 10 列数是 10 对齐方式是左对齐表格边

第 5 章表格 - 图72 第 5 章表格 - 图73 第 5 章表格 - 图74 第 5 章表格 - 图75 第 5 章表格 - 图76 框的宽度是 2 单元格边距是 2 单元格间距也是 2 表格的宽度是浏览器窗口宽度的 50%

图 5.2 一个规则的表格

第 5 章表格 - 图77 第 5 章表格 - 图78 第 5 章表格 - 图79 第 5 章表格 - 图80 第 5 章表格 - 图81 第 5 章表格 - 图82 第 5 章表格 - 图83 第 5 章表格 - 图84 第 5 章表格 - 图85 要说明的是第 5 章表格 - 图86 Insert Table 对话框中的设置将成为今后插入新的表格的默认设置实际上要在网页中插入一个规则的表格您还可以直接单击 Standard 工具栏上的按钮然后拖动鼠标指定行数和列数

自己画出表格

第 5 章表格 - 图87 第 5 章表格 - 图88 第 5 章表格 - 图89 第 5 章表格 - 图90 第 5 章表格 - 图91 第 5 章表格 - 图92 第 5 章表格 - 图93 前面介绍的是插入一个规则的表格而在实际工作中表格往往是不规则的要创建不规则的表格您可以先创建一个规则的表格然后再进行单元拆分和合并另一种办法是用 FrontPage 编辑器的工具栏任意画出表格

第 5 章表格 - 图94 第 5 章表格 - 图95 第 5 章表格 - 图96 第 5 章表格 - 图97 第 5 章表格 - 图98 第 5 章表格 - 图99 第 5 章表格 - 图100 第 5 章表格 - 图101 第 5 章表格 - 图102 第 5 章表格 - 图103 第 5 章表格 - 图104 第 5 章表格 - 图105 第 5 章表格 - 图106 第 5 章表格 - 图107 第 5 章表格 - 图108 第 5 章表格 - 图109 要用 FrontPage 编辑器的工具栏画出表格您首先要显示 Table 工具栏为此您可以使用 View 菜单上的 Table Toolbar 命令也可以使用 Table 菜单上的 Draw Table 命令第 5 章表格 - 图110 Table 工具栏如图 5.3 所示

第 5 章表格 - 图111 第 5 章表格 - 图112 图 5.3 Table 工具栏

第 5 章表格 53

第 5 章表格 - 图113 第 5 章表格 - 图114 第 5 章表格 - 图115 第 5 章表格 - 图116 第 5 章表格 - 图117 第 5 章表格 - 图118 第 5 章表格 - 图119 第 5 章表格 - 图120 第 5 章表格 - 图121 第 5 章表格 - 图122 第 5 章表格 - 图123 F 单击 Table 工具栏上的第 5 章表格 - 图124 按钮使该按钮保持在按下位置光标就变成笔状要说明的是如果您使用的是 Table 菜单上的 Draw Table 命令光标自动变成笔状

第 5 章表格 - 图125 第 5 章表格 - 图126 第 5 章表格 - 图127 第 5 章表格 - 图128 这时候您就可以按住鼠标左键开始画出表格首先要画出整个表格的边框可以认为是只有一行和一列的表格然后要把表格分隔成若干个单元

把文本转换成表格

第 5 章表格 - 图129 第 5 章表格 - 图130 第 5 章表格 - 图131 第 5 章表格 - 图132 第 5 章表格 - 图133 第 5 章表格 - 图134 第 5 章表格 - 图135 第 5 章表格 - 图136 第 5 章表格 - 图137 您可以直接把网页中的文本转换成表格为了把文本转换为表格您首先要在文本中添加分隔符来把文本分行分列一般来说最好用段落标记分行用逗号分列但不能用 TAB 分列因为 HTML 不支持 TAB 字符

第 5 章表格 - 图138 第 5 章表格 - 图139 第 5 章表格 - 图140 第 5 章表格 - 图141 第 5 章表格 - 图142 第 5 章表格 - 图143 选择要转换的文本单击 Table 菜单上的 Convert Text To Table 命令 FrontPage

第 5 章表格 - 图144 第 5 章表格 - 图145 第 5 章表格 - 图146 第 5 章表格 - 图147 第 5 章表格 - 图148 编辑器将打开 Convert Text To Table 对话框如图 5.4 所示

图 5.4 将文字转换为表格

第 5 章表格 - 图149 第 5 章表格 - 图150 第 5 章表格 - 图151 第 5 章表格 - 图152 第 5 章表格 - 图153 第 5 章表格 - 图154 第 5 章表格 - 图155 第 5 章表格 - 图156 第 5 章表格 - 图157 在 Separate Text At 框内指定分隔符然后单击 OK 按钮 FrontPage 编辑器就会自动把所选文本转换为表格在一行内有几个分隔符表格就有几列

在表格中插入表格

第 5 章表格 - 图158 第 5 章表格 - 图159 第 5 章表格 - 图160 第 5 章表格 - 图161 第 5 章表格 - 图162 第 5 章表格 - 图163 第 5 章表格 - 图164 第 5 章表格 - 图165 一般情况下您并不需要在表格中再插入表格因为这会使表格变得复杂而且容易使访问者对表格的结构产生错觉因此您尽量不要在表格中插入表格大部分情况下通过把单元格拆分也能达到相同的效果

第 5 章表格 - 图166 第 5 章表格 - 图167 第 5 章表格 - 图168 第 5 章表格 - 图169 第 5 章表格 - 图170 第 5 章表格 - 图171 第 5 章表格 - 图172 第 5 章表格 - 图173 第 5 章表格 - 图174 如果您实在要在表格中再插入一个表格只要把插入点移到要插入表格的单元格中然后使用 Table 菜单上的 Insert Table 命令图 5.5 是一个表格之中有表格的例子

图 5.5 表格之中有表格

5.1.4 把表格转换成文本

第 5 章表格 - 图175 第 5 章表格 - 图176 您既可以把文本转换成表格也可以把表格转换成文本首先您要选择表格中要转换成文本的单元也可以是整个表格然后使用 Table 菜单上的 Convert Table To Text 命令 FrontPage 编辑器将自动将表格转换成文本每个单元格转换为一个段落

在表格中选择和移动插入点

第 5 章表格 - 图177 第 5 章表格 - 图178 第 5 章表格 - 图179 第 5 章表格 - 图180 第 5 章表格 - 图181 第 5 章表格 - 图182 第 5 章表格 - 图183 表格是网页中一个特殊的区域在对表格进行任何操作之前都要先选择操作范围有可能是一个单元一行一列也可能是整个表格

第 5 章表格 - 图184 第 5 章表格 - 图185 第 5 章表格 - 图186 第 5 章表格 - 图187 第 5 章表格 - 图188 第 5 章表格 - 图189 第 5 章表格 - 图190 第 5 章表格 - 图191 第 5 章表格 - 图192 第 5 章表格 - 图193 第 5 章表格 - 图194 第 5 章表格 - 图195 第 5 章表格 - 图196 第 5 章表格 - 图197 要选择一个单元有三种办法一是先按住 ALT 键然后单击该单元要选择连续的多个单元按住 SHIFT 键然后依次单击其它单元二是把光标移到单元格边距范围内当光标变成后双击三是先单击该单元然后使用 Table 菜单中的 Select Cell 命令

第 5 章表格 - 图198 第 5 章表格 - 图199 第 5 章表格 - 图200 第 5 章表格 - 图201 第 5 章表格 - 图202 第 5 章表格 - 图203 第 5 章表格 - 图204 第 5 章表格 - 图205 第 5 章表格 - 图206 第 5 章表格 - 图207 第 5 章表格 - 图208 第 5 章表格 - 图209 第 5 章表格 - 图210 第 5 章表格 - 图211 要选择一整行把光标移到该行的左边等光标变成后单击也可以先单击该行的任一单元然后使用 Table 菜单上的 Select Row 命令要选择连续的几行把光标移到第一行的左边等光标变成后拖动鼠标

第 5 章表格 - 图212 第 5 章表格 - 图213 第 5 章表格 - 图214 第 5 章表格 - 图215 第 5 章表格 - 图216 第 5 章表格 - 图217 第 5 章表格 - 图218 第 5 章表格 - 图219 第 5 章表格 - 图220 第 5 章表格 - 图221 第 5 章表格 - 图222 第 5 章表格 - 图223 要选择一整列把光标移到该列的上边等光标变成第 5 章表格 - 图224 后单击也可以先单击该列的任一单元然后使用 Table 菜单上的 Select Column 命令要选择连续的几列把光标移到第一列的上边等光标变成第 5 章表格 - 图225 后拖动鼠标

第 5 章表格 - 图226 第 5 章表格 - 图227 第 5 章表格 - 图228 要选择整个表格把光标移到表格的左边等光标变成第 5 章表格 - 图229 后双击也可以单击任一单

第 5 章表格 - 图230 第 5 章表格 - 图231 第 5 章表格 - 图232 第 5 章表格 - 图233 第 5 章表格 - 图234 第 5 章表格 - 图235 元格然后使用 Table 菜单上的 Select Table 命令

第 5 章表格 - 图236 第 5 章表格 - 图237 第 5 章表格 - 图238 第 5 章表格 - 图239 第 5 章表格 - 图240 第 5 章表格 - 图241 第 5 章表格 - 图242 第 5 章表格 - 图243 第 5 章表格 - 图244 第 5 章表格 - 图245 第 5 章表格 - 图246 第 5 章表格 - 图247 要在表格中移动插入点一般是用四个方向键不过要移到下一个单元可以按 TAB 键如果已经是最后一个单元将自动创建一行要移到前一个单元按 SHIFT+TAB 键如果表格位于网页的最开头要在表格前插入文本就在表格的第一个单元按 Enter 键

移动复制删除单元格中的内容

第 5 章表格 - 图250 第 5 章表格 - 图251 第 5 章表格 - 图252 第 5 章表格 - 图253 第 5 章表格 - 图254 要移动复制或删除单元格中的内容您首先要选择单元格或单元格中的内容如果是移动的话用鼠标把选择的内容拖到新位置

第 5 章表格 - 图255 第 5 章表格 - 图256 第 5 章表格 - 图257 如果是复制的话先按住 CTRL 键再用鼠标把选择的内容拖到新位置

第 5 章表格 - 图258 第 5 章表格 - 图259 第 5 章表格 - 图260 第 5 章表格 - 图261 第 5 章表格 - 图262 第 5 章表格 - 图263 第 5 章表格 - 图264 第 5 章表格 - 图265 第 5 章表格 - 图266 第 5 章表格 - 图267 如果要删除一个单元或多个单元先选择该单元或单元区域然后单击 Table 工具栏上的第 5 章表格 - 图268 按钮也可以使用 Table 菜单上的 Delete Cells 命令

第 5 章表格 - 图269 第 5 章表格 - 图270 第 5 章表格 - 图271 第 5 章表格 - 图272 第 5 章表格 - 图273 第 5 章表格 - 图274 第 5 章表格 - 图275 第 5 章表格 - 图276 第 5 章表格 - 图277 第 5 章表格 - 图278 第 5 章表格 - 图279 第 5 章表格 - 图280 如果要删除一行多行或一列多列先选择这些行或列然后单击 Table 工具栏上的第 5 章表格 - 图281 按钮也可以使用 Table 菜单上的 Delete Cells 命令

第 5 章表格 - 图282 第 5 章表格 - 图283 第 5 章表格 - 图284 要删除整个表格首先要选择整个表格然后按下 DELETE 键

第 5 章表格 - 图285 第 5 章表格 - 图286 第 5 章表格 - 图287 如果仅仅要删除单元中的内容而不是单元本身先选择单元然后按下 DELETE 键

增加行或列

第 5 章表格 - 图288 第 5 章表格 - 图289 第 5 章表格 - 图290 第 5 章表格 - 图291 第 5 章表格 - 图292 如果要插入行首先要选择一行然后单击 Table 工具栏上的第 5 章表格 - 图293 按钮 FrontPage

第 5 章表格 - 图294 编辑器将在所选行的上面插入一行

第 5 章表格 - 图295 第 5 章表格 - 图296 第 5 章表格 - 图297 第 5 章表格 - 图298 第 5 章表格 - 图299 如果要插入列首先要选择一列然后单击 Table 工具栏上的第 5 章表格 - 图300 按钮 FrontPage

第 5 章表格 - 图301 编辑器将在所选列的左边插入一列

第 5 章表格 - 图302 第 5 章表格 - 图303 第 5 章表格 - 图304 第 5 章表格 - 图305 第 5 章表格 - 图306 第 5 章表格 - 图307 第 5 章表格 - 图308 要插入行或列也可以使用 Table 菜单上的 Insert Rows or Columns 命令此时

第 5 章表格 - 图309 第 5 章表格 - 图310 第 5 章表格 - 图311 第 5 章表格 - 图312 第 5 章表格 - 图313 FrontPage 编辑器将打开 Insert Rows or Columns 对话框如图 5.6 所示

图 5.6 插入行或列

第 5 章表格 - 图314 第 5 章表格 - 图315 第 5 章表格 - 图316 第 5 章表格 - 图317 第 5 章表格 - 图318 第 5 章表格 - 图319 第 5 章表格 - 图320 第 5 章表格 - 图321 第 5 章表格 - 图322 第 5 章表格 - 图323 在 Insert Rows or Columns 对话框中您首先要选择当前要插入行还是列如果是行的话您可以选择要插入几行插入的行是在所选行的上面还是下面如果是列的话您可以选择要插入几列插入的列是在所选列的左边还是右边

拆分和合并单元

第 5 章表格 - 图324 第 5 章表格 - 图325 第 5 章表格 - 图326 第 5 章表格 - 图327 第 5 章表格 - 图328 表格往往是不规则的经常需要任意地拆分和合并单元例如下面的图 5.7 就是一个不规则的表格

图 5.7 一个不规则的表格

拆分单元格

第 5 章表格 - 图329 第 5 章表格 - 图330 一个不规则的表格实际上是由一个规则的表格进行拆分和合并而成的

第 5 章表格 - 图331 第 5 章表格 - 图332 第 5 章表格 - 图333 第 5 章表格 - 图334 第 5 章表格 - 图335 第 5 章表格 - 图336 第 5 章表格 - 图337 第 5 章表格 - 图338 第 5 章表格 - 图339 第 5 章表格 - 图340 第 5 章表格 - 图341 第 5 章表格 - 图342 第 5 章表格 - 图343 第 5 章表格 - 图344 第 5 章表格 - 图345 要拆分单元先选择该单元然后单击 Table 工具栏上的第 5 章表格 - 图346 按钮也可以使用 Table 菜单上的 Split Cells 命令 FrontPage 编辑器将打开 Split Cells 对话框如图 5.8 所示

图 5.8 拆分单元格

第 5 章表格 - 图347 第 5 章表格 - 图348 第 5 章表格 - 图349 第 5 章表格 - 图350 第 5 章表格 - 图351 在 Split Cells 对话框中您首先要选择要把单元拆分为多列还是多行然后选择相应的列数和行数

第 5 章表格 - 图352 第 5 章表格 - 图353 第 5 章表格 - 图354 第 5 章表格 - 图355 假设一个原先是 3 列的规则表格现在中间一列拆分为 3 行如图 5.9 所示

图 5.9 一个拆分单元格的例子

第 5 章表格 - 图356 第 5 章表格 - 图357 第 5 章表格 - 图358 第 5 章表格 - 图359 第 5 章表格 - 图360 第 5 章表格 - 图361 第 5 章表格 - 图362 第 5 章表格 - 图363 第 5 章表格 - 图364 第 5 章表格 - 图365 实际上要拆分单元格您还可以使用 Table 工具栏上的笔自己拆分单元格用笔拆分单元格有个好处就是可以任意指定拆分的位置

合并单元格

第 5 章表格 - 图366 第 5 章表格 - 图367 第 5 章表格 - 图368 第 5 章表格 - 图369 第 5 章表格 - 图370 第 5 章表格 - 图371 首先要选择欲合并的单元然后单击 Table 工具栏上的第 5 章表格 - 图372 按钮也可以使用 Table

第 5 章表格 - 图373 第 5 章表格 - 图374 第 5 章表格 - 图375 第 5 章表格 - 图376 菜单上的 Merge Cells 命令 FrontPage 编辑器将把选择的单元格合并成一个单元格

第 5 章表格 - 图377 第 5 章表格 - 图378 第 5 章表格 - 图379 第 5 章表格 - 图380 假设一个原先是 8*8 的规则表格现在我们要把最上面一行合并成一个单元把最下面两行的中间四列合并成一个单元如图 5.10 所示

第 5 章表格 - 图381

图 5.10 一个合并单元格的例子

擦除

第 5 章表格 - 图382 第 5 章表格 - 图383 第 5 章表格 - 图384 第 5 章表格 - 图385 第 5 章表格 - 图386 第 5 章表格 - 图387 第 5 章表格 - 图388 实际上要合并单元格您还可以使用 Table 工具栏上的橡皮把单元格与单元格之间的分隔线擦除掉

第 5 章表格 - 图389 第 5 章表格 - 图390 第 5 章表格 - 图391 第 5 章表格 - 图392 第 5 章表格 - 图393 要擦除已画出的线单击 Table 工具栏上的第 5 章表格 - 图394 按钮光标变成橡皮状在要擦除

第 5 章表格 - 图395 第 5 章表格 - 图396 的线上稍微拖动一下该线就被擦除了

改变单元格和表格的尺寸

第 5 章表格 - 图397 第 5 章表格 - 图398 第 5 章表格 - 图399 第 5 章表格 - 图400 要改变单元格的宽度把光标移到单元格的左边框或右边框等光标改变形状后拖动边框向左或向右这种方法比较直观

第 5 章表格 - 图401 第 5 章表格 - 图402 第 5 章表格 - 图403 第 5 章表格 - 图404 第 5 章表格 - 图405 第 5 章表格 - 图406 采用这种方式改变单元格的宽度表格的总宽度并不变化也就是说如果您增加了单元格的宽度其相邻单元格的宽度将缩小反之亦然

第 5 章表格 - 图407 第 5 章表格 - 图408 第 5 章表格 - 图409 第 5 章表格 - 图410 第 5 章表格 - 图411 第 5 章表格 - 图412 第 5 章表格 - 图413 第 5 章表格 - 图414 第 5 章表格 - 图415 第 5 章表格 - 图416 第 5 章表格 - 图417 第 5 章表格 - 图418 第 5 章表格 - 图419 第 5 章表格 - 图420 如果要使相邻单元格的宽度保持不变而使表格的总宽度变化在拖动前要按住 SHIFT 键如果要使多个单元格的宽度相同首先要选择这些单元格然后使用 Table 菜单上的 Distribute Columns Evenly 命令或者单击 Table 工具栏上的第 5 章表格 - 图421 按钮这样每个单元格的宽度就是这些单元的总宽度除以单元数

第 5 章表格 - 图422 第 5 章表格 - 图423 第 5 章表格 - 图424 第 5 章表格 - 图425 单元格的高度与该单元格所在行中的文本或图像的高度有关要改变单元格的高度把光标移到单元格的上边框或下边框等光标改变形状后拖动边框向上或向下

第 5 章表格 - 图426 第 5 章表格 - 图427 第 5 章表格 - 图428 第 5 章表格 - 图429 FrontPage 编辑器不允许单元格的高度小于该行中内容的高度当您改变某单元格的高度时其上或下相邻的单元格的高度不变但表格的总高度将随之变化

第 5 章表格 - 图430 第 5 章表格 - 图431 第 5 章表格 - 图432 第 5 章表格 - 图433 如果要使多个单元格的高度相同首先选择这些单元然后使用 Table 菜单上的

第 5 章表格 - 图434 第 5 章表格 - 图435 第 5 章表格 - 图436 第 5 章表格 - 图437 第 5 章表格 - 图438 第 5 章表格 - 图439 Distribute Rows Evenly 命令也可以单击 Table 工具栏上的第 5 章表格 - 图440 按钮

第 5 章表格 - 图441 第 5 章表格 - 图442 第 5 章表格 - 图443 要改变整个表格的尺寸您只要拖动表格的外边框或者打开 Table Properties 对话

第 5 章表格 - 图444 第 5 章表格 - 图445 框然后直接指定表格的尺寸

修改单元格和表格的属性

第 5 章表格 - 图446 第 5 章表格 - 图447 第 5 章表格 - 图448 第 5 章表格 - 图449 第 5 章表格 - 图450 第 5 章表格 - 图451 第 5 章表格 - 图452 第 5 章表格 - 图453 第 5 章表格 - 图454 第 5 章表格 - 图455 第 5 章表格 - 图456 第 5 章表格 - 图457 第 5 章表格 - 图458 第 5 章表格 - 图459 第 5 章表格 - 图460 第 5 章表格 - 图461 单元格的属性包括单元格中内容的对齐方式最小宽度背景图像和背景颜色等要修改单元格的属性您首先要选择这些单元格然后使用 Table 菜单上的 Cell Properties 命令或者单击鼠标右键在弹出的菜单中选择 Cell Properties 命令 FrontPage 编辑器将打开 Cell Properties 对话框如图 5.11 所示

图 5.11 修改单元格属性

第 5 章表格 - 图462 第 5 章表格 - 图463 第 5 章表格 - 图464 第 5 章表格 - 图465 第 5 章表格 - 图466 第 5 章表格 - 图467 第 5 章表格 - 图468 第 5 章表格 - 图469 第 5 章表格 - 图470 第 5 章表格 - 图471 第 5 章表格 - 图472 第 5 章表格 - 图473 第 5 章表格 - 图474 第 5 章表格 - 图475 在 Layout 布局框中您可以指定单元格中内容的对齐方式包括水平方向上的对齐和竖直方向上的对齐如果选中 Header Cell 复选框的话单元格中的文本将加粗如果选中 No Wrap 复选框单元格中的文本将不换行这样有可能部分内容看不见

第 5 章表格 - 图476 第 5 章表格 - 图477 第 5 章表格 - 图478 第 5 章表格 - 图479 第 5 章表格 - 图480 您可以在 Minimum Size 框中指定单元格的最小宽度和高度宽度和高度既可以是绝对值(以像素为单位) 也可以是相对于表格总宽度或总高度的百分比

第 5 章表格 - 图481 第 5 章表格 - 图482 第 5 章表格 - 图483 第 5 章表格 - 图484 第 5 章表格 - 图485 第 5 章表格 - 图486 第 5 章表格 - 图487 第 5 章表格 - 图488 第 5 章表格 - 图489 如果要使单元格中有背景图案的话应选中 Use Background Image 复选框然后指定一个图像如果要使单元格有背景颜色的话在 Background Color 框内选择一种颜色

第 5 章表格 - 图490 第 5 章表格 - 图491 第 5 章表格 - 图492 第 5 章表格 - 图493 第 5 章表格 - 图494 第 5 章表格 - 图495 第 5 章表格 - 图496 您还可以自定义单元格边框的颜色只要在 Custom Colors 框的 Border 框内选择一种颜色您还可以使边框具有 3 维效果

第 5 章表格 - 图497 第 5 章表格 - 图498 第 5 章表格 - 图499 第 5 章表格 - 图500 第 5 章表格 - 图501 第 5 章表格 - 图502 第 5 章表格 - 图503 第 5 章表格 - 图504 第 5 章表格 - 图505 第 5 章表格 - 图506 第 5 章表格 - 图507 第 5 章表格 - 图508 第 5 章表格 - 图509 第 5 章表格 - 图510 第 5 章表格 - 图511 第 5 章表格 - 图512 第 5 章表格 - 图513 第 5 章表格 - 图514 第 5 章表格 - 图515 表格的属性包括表格整体的对齐方式外框尺寸单元格边距单元格间距等要修改表格的属性先单击表格的任一单元然后使用 Table 菜单上的 Table Properties 命令也可以单击鼠标右键在弹出的菜单中选择 Table Properties 命令 FrontPage 编辑器将打开 Table Properties 对话框如图 5.12 所示

第 5 章表格 - 图516

图 5.12 修改表格的属性

第 5 章表格 - 图517 第 5 章表格 - 图518 第 5 章表格 - 图519 第 5 章表格 - 图520 第 5 章表格 - 图521 第 5 章表格 - 图522 第 5 章表格 - 图523 第 5 章表格 - 图524 第 5 章表格 - 图525 第 5 章表格 - 图526 第 5 章表格 - 图527 第 5 章表格 - 图528 第 5 章表格 - 图529 第 5 章表格 - 图530 第 5 章表格 - 图531 第 5 章表格 - 图532 第 5 章表格 - 图533 在 Layout 框内您可以指定表格整体的对齐方式可以设置边框线的宽度单元格边距单元格间距(均以像素为单位) 在 Float 框内如选择 Default 表示不允许文字环绕在表格的四周如选择 Left 第 5 章表格 - 图534 表示允许文字出现在表格与网页右边界之间如选择 Right 第 5 章表格 - 图535 表示允许文字出现在表格与网页左边界之间

第 5 章表格 - 图536 第 5 章表格 - 图537 第 5 章表格 - 图538 第 5 章表格 - 图539 第 5 章表格 - 图540 第 5 章表格 - 图541 第 5 章表格 - 图542 第 5 章表格 - 图543 第 5 章表格 - 图544 如果要使表格有背景图案的话应选中 Use Background Image 复选框然后指定一个图像如果要使表格有背景颜色的话在 Background Color 框内选择一种颜色

第 5 章表格 - 图545 第 5 章表格 - 图546 第 5 章表格 - 图547 第 5 章表格 - 图548 第 5 章表格 - 图549 您可以在 Minimum Size 框中指定表格的最小宽度和高度宽度和高度既可以是绝对值(以像素为单位) 也可以是相对于 Web 浏览器窗口宽度或高度的百分比

第 5 章表格 - 图550 第 5 章表格 - 图551 第 5 章表格 - 图552 第 5 章表格 - 图553 第 5 章表格 - 图554 第 5 章表格 - 图555 第 5 章表格 - 图556 您还可以自定义表格边框的颜色只要在 Custom Colors 框的 Border 框内选择一种颜色您还可以使边框具有 3 维效果

给表格加上标题

第 5 章表格 - 图557 第 5 章表格 - 图558 表格通常要有一个标题而且每行或每列要有一个简短的描述

第 5 章表格 - 图559 第 5 章表格 - 图560 第 5 章表格 - 图561 第 5 章表格 - 图562 第 5 章表格 - 图563 第 5 章表格 - 图564 要给表格加上一个标题使用 Table 菜单上的 Insert Caption 命令 FrontPage

第 5 章表格 - 图565 第 5 章表格 - 图566 编辑器自动在表格的上方空出一行让您键入标题

第 5 章表格 - 图567 第 5 章表格 - 图568 第 5 章表格 - 图569 第 5 章表格 - 图570 第 5 章表格 - 图571 第 5 章表格 - 图572 第 5 章表格 - 图573 如果要对表格中的行或列作一说明您可以在每行最左边的单元格设为标题单元格相当于横坐标把每列最上面的单元格也设为标题单元格相当于纵坐标 FrontPage 编辑器会自动把标题单元格加粗显示图 5.13 是一个典型的中文表格

第 5 章表格 - 图574

图 5.13 中文表格

小结

第 5 章表格 - 图575 第 5 章表格 - 图576 第 5 章表格 - 图577 第 5 章表格 - 图578 第 5 章表格 - 图579 第 5 章表格 - 图580 第 5 章表格 - 图581 第 5 章表格 - 图582 第 5 章表格 - 图583 第 5 章表格 - 图584 第 5 章表格 - 图585 第 5 章表格 - 图586 第 5 章表格 - 图587 第 5 章表格 - 图588 第 5 章表格 - 图589 第 5 章表格 - 图590 第 5 章表格 - 图591 这一章介绍了怎样在网页中创建表格创建表格有两种方式一是用 Table 菜单上的 Insert Table 命令插入一个规则的表格另一种方式就是用 Table 工具栏上的笔画出表格创建了表格以后您可以很方便地移动光标选择行和列拆分和合并单元格最后还讲了怎样设置单元格和整个表格的属性

第 5 章 表 格

第 5 章 表 格

创 建 表 格

在表格中选择和移动插入点

移动 复制 删除单元格中的内容

增加行或列

拆分和合并单元

改变单元格和表格的尺寸

修改单元格和表格的属性

给表格加上标题

小 结

第 5 章表格

第 5 章表格

创建表格

移动复制删除单元格中的内容

小结