《第7章使用表格布局页面》-公开·课件设计.ppt

《网页设计（Dreamweaver CS5）》电子教案;第7章　使用表格布局页面;7.1??创建表格 ? 7.2??设置表格及单元格属性 7.3??编辑与调整表格结构 7.4 表格数据的处理 7.5 应用表格布局页面;7.1??创建表格;7.1??创建表格;7.1??创建表格;表格包括行、列、单元格3个组成部分 。 1、选定整个表格 2、选定行或列 3、选定单元格 ;1、选定表格 通过标签选择器选择选择。单击编辑窗口左下角的table标签来选定表格。 将插入点置于表格中，选择“修改”｜“表格”｜“选择表格”命令。 将光标移到表格左上角，当光标右下角出现一个表格的缩略图时，单击鼠标左键即可。 在表格任意位置单击，按下Ctrl+A组合键两次即可。;3、选定单元格 ①将光标移到欲选定的单元格中，单击“编辑”窗口左下角的td标签。 ②将光标放在需要选择的单元格中，按下Ctrl+A。 ③按“Shift”键并单击单元格，或拖动鼠标，选定多个相连的单元格。 ④按“Ctrl”键并单击单元格，或拖动鼠标，选定多个不相连的单元格。;设置表格属性;设置单元格属性; 1、插入行和列;2、删除行和列;3、单元格的合并和拆分;7.3??编辑与调整表格结构;5　单元格的复制、粘贴、移动和清除 　在网页编辑窗口中选中要复制的对象 复制－－按Ctrl+C，或【编辑】｜【复制】命令。 移动－－按Ctrl+X，或【编辑】｜【剪切】命令。 粘贴－－按Ctrl+V，或【编辑】｜【粘贴】命令。 拖动－－按住Ctrl＋拖，则完成复制操作。直接拖曳可完成对象的操作。 清除－－按Delete，或【编辑】｜【清除】命令。 ;6 表格的嵌套 嵌套表格是指在一个表格里含有另一个表格。在一个单元格中，插入一个表格，就是嵌套表格。 将光标插入当前表格的某个单元格中，然后可选择“插入”菜单→ “表格”命令，或单击“插入”面板的“常用”子面板中的“插入表格”按钮 ;1、排序数据;2、导入表格式数据;2、导出表格式数据;实例一：明星相册;实例二：课程表;实例：课程表;实例：课程表;实例三：制作软件下载页;实例四：个人简历;?页面布局理论;??页面布局理论;??页面布局理论;??页面布局理论;?页面布局理论;??页面布局理论;??页面布局理论;??页面布局理论;??页面布局理论;表格布局要领 在IE中只有当完全下载一个表格的内容后，才能显示出来。 如果页面文件小，可以只有一个表格放内容。 如果页面文件很大，则从上到下放几个宽度相同的表格，分别放不同的内容。;　实战演练―――布局案例;　应用表格布局页面―――布局案例 ;　应用表格布局页面―――布局案例;　应用表格布局页面―――布局案例;　应用表格布局页面―――布局案例;　应用表格布局页面―――布局案例;　应用表格布局页面―――布局案例;;实验三 利用表格布局页面;