计算机获奖课件.ppt

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