网页设计与制作项目式教学ppt课件 冯文惠 田源 模块五.pptVIP

在线教务辅导网：;模块五 ;学习目标;任务1;任务导入;知识指导 ;? ②将鼠标移到任意表格边框上，鼠标指针变为 或 形状，然后单击鼠标即可。 ③将光标定位在表格中，执行“修改”→ “表格”→ “选择表格”命令。 ? ④将光标定位在表格中，在标签选择器中单击“table”标签。 （2）选择行或列三种方法： ? ①如果要选择一行，将鼠标指向该行的左边框，当鼠标指针变为? 时，单击鼠标就可以选择该行；如果要选择一列，将鼠标指向该列的顶端边框，当鼠标指针变为? 时，单击鼠标就可以选择该列。;? ②单击一行或一列的起始单元格，横向或纵向拖动鼠标，即可选定一行或一列。 ? ③将光标移至要选择的行中任意一个单元格，在标签选择器中单击“tr”标签，即可选择该行。 （3）选择单元格 如果要选择单个单元格，需要将光标定位在该单元格中，在标签选择器中单击“td”标签或“th”标签即可。;二.编辑表格和设置表格元素属性 1．编辑表格 （1）调整表格大小 要调整表格尺寸，可以在选定表格后将光标移至表格的边或角的控制点处，然后根据箭头方向拖动鼠标，此时表格中各单元格的尺寸都将按比例进行调整。 （2）调整行高或列宽 要调整表格中某行的行高或某列的列宽，可以将光标定位在选定行或列的任一单元格中，然后将光标移至该单元格的右侧或下方，当光标变成 或 形状，单击并拖动鼠标即可调整行高或列宽。 ;（3）插入行或列 要在表格中某行或某列的上下或两侧插入行或列，可以使用如下的方法： ? ①先选择表格中的某行或某列，然后单击“插入”面板的“布局”选项组，然后单击插入行或插入列等相应的按钮。 ? ②先将光标定位在该行或该列的任意单元格中，然后执行“插入”→ “表格对象”命令，在二级菜单中单击相应的命令选择插入的行或列出现的位置。 （4）删除行或列 如要删除表格中的某行或某列，可以先选择该行或该列，然后单击鼠标右键，在弹出的快捷菜单中执行“表格”→ “删除行”或“删除列”命令即可。;2．设置表格元素属性 通过设置表格的属性，可以有效改变表格的外观，从而充分发挥表格在页面布局中所起的作用。在Dreamweaver中，选择整个表格后，表格属性面板如图所示：;三.复杂表格的制作 1．制作嵌套表格 要制作嵌套表格需要将光标定位在外层表格的某个单元格内，然后插入表格即可。 2．制作细线表格 制作细线表格，具体操作步骤如下： ;①将光标定位在页面中需要插入细线表格的位置，单击插入“表格”按钮 ，弹出 “表格”设置对话框。 ②在对话框中设置插入表格的属性，各参数的值如图所示，“行数”、“列”和“表格宽度”根据具体情况设定。 ③单击“确定”按钮，在页面的相应位置即可插入一个“边框粗细”为0像素，“单元格边距”为0像素、“单元格间距”均为1像素的表格。 ④选择整个表格，设置整个表格的背景颜色为细线的颜色，方法为：切换到代码视图下，在表格的起始标签 “table” 中添加属性代码“bgcolor=#000000” 。;⑤切换到设计视图下，设置表格中所有单元格的背景颜色，方法为：选择所有单元格，单击“属性”面板 中的“背景颜色”按钮，在颜色拾取器中选择白色。;任务2;任务导入;知识指导;二.创建和选择框架 1．创建框架 在Dreamweaver中，系统预设了15种框架结构样式，基本包括了框架设计中的常见类型。用户可以通过以下四种方法来创建框架： （1）新建框架页 具体操作步骤如下： ①启动Dreamweaver，执行“文件”→“新建”命令打开“新建文档”对话框。 ②在对话框中选择“示例中的页”选项，在出现的右侧的“示例文件夹”中的单击“框架页”，这时，对话框的最右侧会显示15种框架样式。 ③选择需要的框架样式，然后单击“创建”按钮，系统会弹出“框架标签辅助功能属性”对话框。; ④在对话框中可以为每一个框架指定一个标题，单击”确定”按钮后，即可创建一个框架页。 （2）通过插入面板插入框架 操作方法是：新建一个空白的html文档后，单击“插入”面板的“布局”选项组中的“框架”列表，在显示的列表中选择需要的框架样式即可。 （3）通过菜单命令插入框架 操作方法是：新建一个空白的html文档后，执行“插入”→“HTML”→“框架”命令，在子菜单中选择相应的命令插入框架。 （4）拆分框架 操作方法是：新建一个空白的html文档后，执行“修改”→“框架集”命令显示子级菜单，在菜单中选择相应的命令拆分框架。;2．选择框架集和框架 （1）选择框架集的方法如下： ? ①在设计窗口中，单击框架的边框线可以选择相应的框架集。 ? ②在框架面板中，单击比较粗的