浙教版 信息技术 八年级上册 第十二课 用表格为网页布局教案设计.docVIP

第十二课 用表格为网页布局 一．教学目标 知识与技能: 1)了解表格在网页设计中的作用; 2)掌握网页中表格的制作方法、表格属性的设置方法以及单元格属性的设置方法,能够在单元格中正确插入文字。 3)能够根据网页设计内容,正确布局表格的结构,掌握表格嵌套的设计方法。 过程与方法： 通过对常见网页布局认识,了解网页板块分布结构,通过表格设计网页,掌握网页制作基本思路。 情感与价值观： 学生通过掌握利用表格设计网页思路,打破网页设计难度并激发网页创作的积极性。 二．教学重难点 重点：掌握插入、编辑表格的方法及表格属性设置;难点：掌握单元格拆分的方法及属性设置; 三．教学过程 活动1【导入】课堂引入 我们上网主要是访问网络上网页资源,它包括丰富的资源,页面上有很多栏目板块。【展示幻灯片第1页】 提问1:哪个是网页标题栏、菜单栏、主题部分; 提问2:主题部分分开几个板块? 提问3:视觉中心在哪个位置? 活动2【活动】网页集中常见类型分析 分别请学生回答几种类型包括包围型、半包围型、主题突出型、导航型等四种; 活动3【讲授】小结网页布局特点 总结:网页布局要求简洁、有序、方便,注意浏览者视觉中心。 活动4【活动】复习新建站点 第1步:找到制作网页的软件SharePoint Designer;并新建站点。 任务1:新建站点; 活动5【活动】表格插入与内容填充 第2步: 插入表格填充文字和图片到表格单元格中; 任务2:插入表格并填充各板块内容; 活动6【活动】解决学生存在问题 教师巡视学生操作情况并发现问题?请几位同学上来帮忙演示操作。 1)导航菜单用文字空格分隔开,而不是用单元格拆分; 2)单元格大小调整很难均匀; 学生上台演示操作解决学生存在困难。 【操作】选中第二行,在菜单栏中选择“表格”-“修改”-“拆分单元格”,设置列数为“5”问题2:单【操作】选择需要均匀分布的单元格,右击-”修改”-平均宽度。 活动7【活动】调整网页大小和表格大小 现在我们将做好的网页在浏览器里面查看一下效果; 提问:网页浏览有什么问题? 【教师演示】表格宽度修改操作。 缩小浏览宽度后请学生观察? 教师演示网页大小修改操作步骤 任务4:修改表格大小为960像素宽度;网页大小修改为960像素