《网页设计和制作》第04章.pptVIP

《网页设计与制作》;讲解提纲;本章教学目标：;4.1.1 新建表格;2. 设置表格属性 如果需要查看表格的属性，可以选中表格，弹出表格属性面板。 表格属性面板参数说明： 表格Id：表格名称，用于脚本语言中的引用。 行、列：表格的行与列。可输入数值改变表格的行数和列数。 宽、高：表格的宽与高。可输入数值改变表格的宽与高，单位有百分比和像素。 填充：单元格边框相对于单元格内容的距离。 间距：表格内单元格之间的距离。 对齐：可以设置表格水平对齐方式，包括默认、左对齐、居中对齐和右对齐。 边框：表格的边框。可输入数值改变表格的边框。数值为0时无边框。 ;表格宽度控制：依次为清除列宽、将表宽度转换为像素单位、将表宽度转换为百分比单位。 表格高度控制：依次为清除列宽、将表列度转换为像素单位、将表列度转换为百分比单位。 背景颜色：设置表格背景颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值，如“#CCFFCC”。 背景图像：设置表格的背景图片，可以通过“指向文件”按钮或“浏览文件”按钮完成。 边框颜色：为表格边框设置颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值。 ;3. 设置单元格属性 如果需要查看单元格的属性，可以选中单元格，弹出单元格属性面板。 单元格属性面板参数说明： 合并与拆分单元格：将选取的多个单元格合并，或将单元格拆分为多行或多列。 水平、垂直：设置单元格内容的水平对齐与垂直对齐方式。 宽、高：设置单元格的宽度和高度。 不换行：购选此项，文本超出单元格的宽度时不自动换行，单元格会随文本内容增长或加宽。;标题：购选此项，将选取的单元格设置为标题单元格。 背景颜色：单元格的背景颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值。 背景：单元格的背景图片。可以通过“指向文件”按钮或“浏览文件”按钮完成。 边框：单元格的边框颜色。可单击“颜色”按钮从颜色样本中选择所需的颜色，或直接在文本框中输入颜色的RGB值。;4.1.2 编辑表格;2．调整表格宽度和高度的设置 步骤1：打开文件biaoge.htm。 步骤2：选取表格，在弹出的表格属性面板中的“行”或“宽”中选择宽度和高度的单位，输入数值，宽600像素，高300像素。 步骤3：保存。按F12预览。;3．设置带边框的表格 如果想让表格的边框具有立体感和个性，可以把表格边框加粗，设置喜爱的颜色。 步骤1：打开文件table.htm。 步骤2：选取表格，在属性面板中设置填充、间距为0，边框为4，单击“边框颜色”按钮，在弹出的颜色面板中选择颜色“#990000”。 步骤3：将鼠标指向边框点单击鼠标右键，在弹出的菜单中单击“编辑标签”，弹出“标签编辑器”。在“标签编辑器”中单击“浏览器特定的”选项，在该项中设置边框的颜色#990000、亮色“#000099”和暗色“#333333”，设置完成，单击“确定”按钮。 步骤4：保存。按F12预览。;4．合并与拆分单元格 步骤1：打开文件table.htm，重新插入一个5行10列的表格。 步骤2：单击一个目标单元格，按住“Shift”键点击下一个目标单元格，选取4个相邻的单元格。 步骤3：单击属性面板中的“合并单元格”按钮 ，合并单元格。 步骤4：保存。按F12预览。 步骤5：在需要合并的单元格上单击鼠标。单击属性面板的“拆分单元格”按钮 ，弹出“拆分单元格”对话框。 步骤6：在对话框中设置行为3。单击“确定”按钮。 步骤7：保存。按F12预览。;4.2 布局视图的使用  4.2.1 绘制布局视图;4.2.2 移动布局表格和单元格;4.2.3 重设布局表格和单元格的大小;4.2.4 清除单元格高度;4.3 层的使用 4.3.1 层的建立;4.3.2 层和表格之间转换;步骤3：在“目标”下拉框中，选择文档打开的位置： “_blank”将链接的文档载入一个新的、未命名的浏览器窗口。 “_parent”将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 “_self”将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。 “_top”将链接的文档载入整个浏览器窗口，从而删除所有框架。;4.4 框架的使用  4.4.1 创建框架;4.4.2 修改框架;3. 设置链接的目标框架 在框架页面中选择一个链接，在“目标”弹出式菜单中，选择链接的文档应在其中显示的框架或窗口。 “_blank”：在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。 “_parent ”：在显示链接的框架的父框架集中打开链接的文档，同时替换整个