文档介绍：该【《网设计与制作》公开课一等奖课件赛课获奖课件 】是由【非学无以广才】上传分享，文档一共【25】页，该文档可以免费在线阅读，需要了解更多关于【《网设计与制作》公开课一等奖课件赛课获奖课件 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。《网页设计与制作》
第四章 网页布局
讲解提纲
表格的使用
布局视图的使用
层的使用
框架的使用
本章教学目的：
1．掌握新建表格 编辑表格
2．纯熟掌握布局视图的使用
3．掌握层的使用在页面中的应用
4．掌握框架的技术使用
新建表格
1．插入表格
环节1：，在文献中选定插入点。
环节2：单击菜单栏【插入】→【表格】选项，或单击“常用”工具栏上的“插入表格”按钮 ，弹出“表格”对话框。
环节3：在“表格”对话框中设置有关的参数，单击“确定”按钮，这样一张表格插入到编辑区域。
2. 设置表格属性
假如需要查看表格的属性，可以选中表格，弹出表格属性面板。
表格属性面板参数阐明：
表格Id：表格名称，用于脚本语言中的引用。
行、列：表格的行与列。可输入数值变化表格的行数和列数。
宽、高：表格的宽与高。可输入数值变化表格的宽与高，单位有比例和像素。
填充：单元格边框相对于单元格内容的距离。
间距：表格内单元格之间的距离。
对齐：可以设置表格水平对齐方式，包括默认、左对齐、居中对齐和右对齐。
边框：表格的边框。可输入数值变化表格的边框。数值为0时无边框。
表格宽度控制：依次为清除列宽、将表宽度转换为像素单位、将表宽度转换为比例单位。
表格高度控制：依次为清除列宽、将表列度转换为像素单位、将表列度转换为比例单位。
背景颜色：设置表格背景颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值，如“#CCFFCC”。
背景图像：设置表格的背景图片，可以通过“指向文献”按钮或“浏览文献”按钮完毕。
边框颜色：为表格边框设置颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值。
3. 设置单元格属性
假如需要查看单元格的属性，可以选中单元格，弹出单元格属性面板。
单元格属性面板参数阐明：
合并与拆分单元格：将选用的多种单元格合并，或将单元格拆分为多行或多列。
水平、垂直：设置单元格内容的水平对齐与垂直对齐方式。
宽、高：设置单元格的宽度和高度。
不换行：购选此项，文本超过单元格的宽度时不自动换行，单元格会随文本内容增长或加宽。
标题：购选此项，将选用的单元格设置为标题单元格。
背景颜色：单元格的背景颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值。
背景：单元格的背景图片。可以通过“指向文献”按钮或“浏览文献”按钮完毕。
边框：单元格的边框颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值。
编辑表格
1. 调整表格行数和列数
环节1：。
环节2：将鼠标指向目的单元格内，单击鼠标右键，在弹出的菜单中选择“表格”选项。
环节3：插入一行，单击“表格”中的“插入行”选项，在插入点上方插入一行单元格
环节4：插入一列，单击“表格”中的“插入列”选项，在插入点左侧插入一列单元格
环节5：假如要插入多行多列，单击“表格”中的“插入行或列”选项，弹出“插入行或列”对话框，输入行数或列数，选择插入行或列的位置，单击“确定”按钮。
2．调整表格宽度和高度的设置
环节1：。
环节2：选用表格，在弹出的表格属性面板中的“行”或“宽”中选择宽度和高度的单位，输入数值，宽600像素，高300像素。
环节3：保留。按F12预览。