计算机获奖课件.ppt

网页设计 -表格创建与设置NATION CRAFT EDUCATION AND VOCATION TRANING PLATFORM FOR TEACHING AND RESEARCH RESULTS WERE SELECTED教学目标教学重点教学难点表格创建与设置1.了解表格在网页设计 中的作用2.掌握插入表格的各项 属性设置3.掌握表格的选取、拆 分及合并操作1.表格的各项属性设置2.单元格的拆分合并1.表格、行、单元格的选取2.单元格的拆分和合并功能1234课前导读课前导读 激趣导思激趣导思深入浅出深入浅出 轻松入门轻松入门高级进阶高级进阶 要领掌握要领掌握作品赏识作品赏识 练习小结练习小结1.课前导读 激趣导思1.1 日常生活中有哪些表格 ？座位表1.课前导读 激趣导思Logo区域导航区域导航区域形象区域内容区域版权区域1.2 表格在网页设计中的运用每一个网页都需要用表格来布局和定位，以便安排网页各部分的内容。水平分割型图片插入型突出版权型突出注释型突出文本型分散导航型1.3 利用表格制定的网页版式1234课前导读课前导读 激趣导思激趣导思深入浅出深入浅出 轻松入门轻松入门高级进阶高级进阶 要领掌握要领掌握作品赏识作品赏识 练习小结练习小结2.深入浅出 轻松入门2.深入浅出 轻松入门2.1 表格的组成要素单元格行列行和列的交叉元素水平的单元格竖直的单元格菜单法菜单法图标法图标法菜单栏中菜单栏中 插入插入 表格表格 菜单命令菜单命令“常用常用”选项卡中单击选项卡中单击“表格表格”按钮按钮2.2 表格插入方法边距_间距 边框粗细行_列_宽 辅助功能 页眉设置表格设置2.3 表格属性设置边距_间距 边框粗细行_列_宽辅助功能 页眉设置表格设置行_列_宽边距_间距 边框粗细 辅助功能 页眉设置 行_列_宽边距_间距 边框粗细 辅助功能 页眉设置 行数： 确定表格行的数目列数：确定表格列的数目 宽度： 以像素或百分比为单位4行5列宽度边框为2指定表格边框的宽度 边框粗细边框为1边框为0 行_列_宽边距_间距 边框粗细 辅助功能 页眉设置 边距间距边距：单元格边框和内容之间的距离间距：两个单元格之间相距的距离 行_列_宽边距_间距 边框粗细 辅助功能 页眉设置对表格不启用列或行标题表格的第一列作为标题列无页眉左页眉表格的第一行作为标题行顶页眉表格第一行第一列作为标题两 者 行_列_宽边距_间距 边框粗细 辅助功能 页眉设置 行_列_宽边距_间距 边框粗细 辅助功能 页眉设置辅助功能对齐摘要标题顶部对齐底部对齐左对齐右对齐说明文本只在代码中显示设置表格标题1234课前导读课前导读 激趣导思激趣导思深入浅出深入浅出 轻松入门轻松入门高级进阶高级进阶 要领掌握要领掌握作品赏识作品赏识 练习小结练习小结3.高级进阶 要领掌握高级技能表格选取表格合并表格拆分3.高级进阶 要领掌握选取技能四周出现黑色方框表格选中状态右方及下方出现黑色控点3.1 表格选中状态将光标移到表格的边框上，光标出现 时单击光标移到表格下边框，光标出现 时单击选取技能3.2 表格选取方法方法三方法二方法一点击底部属性标签在首个单元格中按住鼠标左键不放，向右拖动单击要选中行的任一单元格，点击底部标签选取技能3.3 行选取方法行选取方法一将光标移到表格左方边框上，光标出现 时单击方法二方法三选取技能3.4 单元格选取方法在要选中的单元格中，点鼠标3次在要选中的单元格中，点击底部标签按住键盘的Ctrl键，点击要选中的单元格思考：如何来实现如图所示的选取？选取技能单击“属性”面板左下角的合并按钮选取要合并的单元格区域合并后的效果高级技能3.5 单元格合并步骤 将光标定位要拆分的单元格中 单击“属性”面板中的拆分按钮 在弹出选项中设置相关数值高级技能3.6 单元格拆分步骤得出结果1234课前导读课前导读 激趣导思激趣导思深入浅出深入浅出 轻松入门轻松入门高级进阶高级进阶 要领掌握要领掌握作品赏识作品赏识 练习小结练习小结4. 4. 作品赏识作品赏识 练习小结练习小结作品三作品四作品一作品二作品三作品四作品一作品二作品三作品四作品一作品二作品三作品四作品一作品二判断题选择题实操题判断题选择题实操题判断题选择题实操题完成如图所示的表格注意：n行列的选取、合并及拆分n背景图片的设置 掌握表格的选取、合并和拆分操作了解表格布局在网页设计中的作用掌握插入表格的二种方法掌握表格的各项属性设置课后小结