计算机获奖课件.ppt

网页设计----表格创建与设置全国技工教育和职业培训教学研究成果评选作品NATIONCRAFTEDUCATIONANDVOCATIONTRANINGPLATFORMFORTEACHINGANDRESEARCHRESULTSWERESELECTED

教学目标教学重点教学难点表格创建与设置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表格选取方法方法三方法二方法一点击底部属性标签table

在首个单元格中按住鼠标左键不放，向右拖动单击要选中行的任一单元格，点击底部标签tr选取技能3.3行选取方法行选取方法一将光标移到表格左方边框上，光标出现时单击方法二方法三

点鼠标3次点td选取技能3.4单元格选取方法方法一在要选中的单元格中，点鼠标3次在要选中的单元格中，点击底部标签td方法三按住键盘的Ctrl键，点击要选中的单元格方法二按Ctrl键

思考：如何来实现如图所示的选取？选取技能

单击“属性”面板左下角的合并按钮选取要合并的单元格区域合并后的效果高级技能3.5单元格合并步骤

将光标定位要拆分的单元格中单击“属性”面板中的拆分按钮在弹出选项中设置相关数值高级技能3.6单元格拆分步骤得出结果

1234课前导读激趣导思深入浅出轻松入门高级进阶要领掌握作品赏识练习小结4.作品赏识练习小结

作品三作品四作品一作品二

作品三作品四作品一作品二

作品三作品四作品一作品二

作品三作品四作品一作品二

判断题选择题实操题

判断题选择题实操题

判断题选择题实操题完成如图所示的表格注意：行列的选取、合并及拆分背景图片的设置

1234掌握表格的选取、合并和拆分操作了解表格布局在网页设计中的作用掌握插入表格的二种方法掌握表格的各项属性设置课后小结