《《网页设计》——表格布局的使用》由会员分享，可在线阅读，更多相关《《网页设计》——表格布局的使用（8页珍藏版）》请在金锄头文库上搜索。
1、江西师范大学网页设计课程组网页设计江西师范大学网页设计课程组4. 14. 1 插入表格插入表格 4. 24. 2 输入表格内容输入表格内容 4. 34. 3 嵌套表格嵌套表格 4. 44. 4 设置表格属性设置表格属性 4. 54. 5 实践技能训练实践技能训练-表格制作实例表格制作实例第第4 4章章 表格布局的使用表格布局的使用江西师范大学网页设计课程组表格是网页中常用的信息展示方式，是页面布表格是网页中常用的信息展示方式，是页面布 局极为有用的设计工具。大部分网站中的主页是用局极为有用的设计工具。大部分网站中的主页是用 表格来布局的。表格可以控制文本和图形在页面上表格来布局的。表格可以控制
2、文本和图形在页面上 出现的位置。在设计页面时，往往要利用表格来定出现的位置。在设计页面时，往往要利用表格来定 位页面元素，通过设置表格和单元格的属性，可实位页面元素，通过设置表格和单元格的属性，可实 现对页面元素的准确定位，合理地利用表格来布局现对页面元素的准确定位，合理地利用表格来布局 页面，有利于协调页面结构的平衡。创建好表格后页面，有利于协调页面结构的平衡。创建好表格后 ，可以在表格中输入文字、插入图像、修改表格属，可以在表格中输入文字、插入图像、修改表格属 性、嵌套表格等。性、嵌套表格等。第第4 4章章 表格布局的使用表格布局的使用江西师范大学网页设计课程组在在DreamweaverD
3、reamweaver中插入表格的方法如下：中插入表格的方法如下：1 1、将光标定位到要插入表格的位置。、将光标定位到要插入表格的位置。2 2、执行、执行“ “插入插入” ”“ “表格表格” ”命令或单击命令或单击“ “常用常用” ”面板上的表面板上的表 格按钮或单击格按钮或单击“ “布局布局” ”面板上的表格按钮，打开面板上的表格按钮，打开“ “表格表格” ”对话对话 框框。3 3、在、在“ “行数行数” ”文本框中输入表格的行数；在文本框中输入表格的行数；在“ “列数列数” ”文本文本 框中输入表格的列数；在框中输入表格的列数；在“ “表格宽度表格宽度” ”文本框中输入表格在文本框中输入表格
4、在 网页中的宽度网页中的宽度( (可用像素和百分数表示可用像素和百分数表示) )；在；在“ “边框粗细边框粗细” ”框框 中输入表格边框的宽度，值为中输入表格边框的宽度，值为0 0时，表格线将隐藏起来；时，表格线将隐藏起来； 在在“ “页眉页眉” ”中指定表格标题的位置，一般选择中指定表格标题的位置，一般选择“ “无无” ”。4 4、单击、单击【确定确定】按钮，即可在光标位置插入一个表格按钮，即可在光标位置插入一个表格 。4.14.1插入表格插入表格江西师范大学网页设计课程组在表格中可以插入文字，也可以插入图片等对象。在表格在表格中可以插入文字，也可以插入图片等对象。在表格 中直接输入文本时，
5、当输入文本的长度超过单元格宽度时中直接输入文本时，当输入文本的长度超过单元格宽度时 ，单元格会自动扩展增宽。，单元格会自动扩展增宽。使用方向键，可在不同的单元格之间进行切换。按使用方向键，可在不同的单元格之间进行切换。按TABTAB 键可移到下一个单元格，按键可移到下一个单元格，按Shift+TabShift+Tab键可将光标移到前键可将光标移到前 一个单元格。在最后一个单元格中按一个单元格。在最后一个单元格中按TabTab键，会自动添行键，会自动添行 。也可以选择也可以选择“ “文件文件” ”“ “导入导入” ”“ “表格式数据表格式数据” ”菜单命令或菜单命令或 选择选择“ “插入插入”
6、”“ “表格对象表格对象” ”“ “导入表格式数据导入表格式数据” ”菜单命令将菜单命令将 在另一个应用程序（如在另一个应用程序（如 Microsoft ExcelMicrosoft Excel）中创建并以分）中创建并以分 隔文本的格式（其中的项以制表符、逗号、冒号、分号或隔文本的格式（其中的项以制表符、逗号、冒号、分号或 其他分隔符隔开）保存的表格式数据导入到其他分隔符隔开）保存的表格式数据导入到 Dreamweaver Dreamweaver 中并设置为表格的格式。中并设置为表格的格式。4.24.2输入表格内容输入表格内容江西师范大学网页设计课程组嵌套表格是将新表格插入到当前表格的某一单元
7、格中嵌套表格是将新表格插入到当前表格的某一单元格中 。可以像对任何其他表格一样对嵌套表格进行格式设置；。可以像对任何其他表格一样对嵌套表格进行格式设置； 但是，其宽度由它所在单元格的宽度决定。但是，其宽度由它所在单元格的宽度决定。在表格单元格中嵌套表格的基本做法如下：在表格单元格中嵌套表格的基本做法如下：单击现有表格中的一个单元格。单击现有表格中的一个单元格。执行执行“ “插入插入” ”“ “表格表格” ”菜单命令。菜单命令。 在在“ “插入表格插入表格” ”对话框中进行设置，插入嵌套表格前对话框中进行设置，插入嵌套表格前 的表格的表格. .需要注意的是，表格不宜嵌套太多，最多三层；使用需要注
8、意的是，表格不宜嵌套太多，最多三层；使用 的嵌套越多，页面的浏览速度越慢。的嵌套越多，页面的浏览速度越慢。 4. 34. 3嵌套表格嵌套表格江西师范大学网页设计课程组表格属性设置主要有三个方面：表格属性设置主要有三个方面：1 1设置表格属性设置表格属性2 2设置单元格属性设置单元格属性3 3查看和设置表格或表格元素的属性查看和设置表格或表格元素的属性在属性设置时要注意其优先顺序：单元格属性设置优先在属性设置时要注意其优先顺序：单元格属性设置优先 于行属性设置，行属性设置优先于表格整体属性设置。于行属性设置，行属性设置优先于表格整体属性设置。4. 44. 4设置设置表格属性表格属性江西师范大学网页设计课程组4. 54. 5实践技能训练实践技能训练-表格制作实例表格制作实例
