《网设计与制作》.pptx

《网页设计与制作》;讲解提要;本章教学目标：;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”：在显示链接框架父框架集中打开链接文档，同时替换整个框架集。

“_self”：在当前框架中打开链接，同时替换该框架中内容。

“_top”：在当前浏览器窗口中打开链接文档，同时替换全部框架。