第十二课 用表格为网页布局 教学设计
1教学目标
知识与技能:
1)了解表格在网页设计中的作用;
2)掌握网页中表格的制作方法、表格属性的设置方法以及单元格属性的设置方法,能够在单元格中正确插入文字。
3)能够根据网页设计内容,正确布局表格的结构,掌握表格嵌套的设计方法。
过程与方法：
通过对常见网页布局认识,了解网页板块分布结构,通过表格设计网页,掌握网页制作基本思路。
情感与价值观：
学生通过掌握利用表格设计网页思路,打破网页设计难度并激发网页创作的积极性。
2学情分析
学生通过上一节课准备的素材,如何组织用网页形式表现出来,这是学生期待的;另外sharepoint designer 2013软件与word界面相似,学生很容易迁移,技术入门会相对简单,主要是要有一个熟悉过程。学生通过网页制作设计思路形成,增强网页设计的积极性。
3重点难点
1)掌握插入、编辑表格的方法及表格属性设置; 2)掌握单元格拆分的方法及属性设置;
4教学过程
活动1【导入】课堂引入
我们上网主要是访问网络上网页资源,它包括丰富的资源,页面上有很多栏目板块。【展示幻灯片第1页】
提问1:哪个是网页标题栏、菜单栏、主题部分;
提问2:主题部分分开几个板块?
提问3:视觉中心在哪个位置?
活动2【活动】网页集中常见类型分析
分别请学生回答几种类型包括包围型、半包围型、主题突出型、导航型等四种;
活动3【讲授】小结网页布局特点
总结:网页布局要求简洁、有序、方便,注意浏览者视觉中心。
活动4【活动】复习新建站点
第1步:找到制作网页的软件SharePoint Designer;并新建站点。
任务1:新建站点;
活动5【活动】表格插入与内容填充
第2步:
插入表格 填充文字和图片到表格单元格中;
任务2:插入表格并填充各板块内容;
活动6【活动】解决学生存在问题
教师巡视学生操作情况并发现问题?请几位同学上来帮忙演示操作。
1)导航菜单用文字空格分隔开,而不是用单元格拆分;
2)单元格大小调整很难均匀;
学生上台演示操作解决学生存在困难。
【操作】选中第二行,在菜单栏中选择“表格”->“修改”->“拆分单元格”,设置列数为“5”问题2:单【操作】选择需要均匀分布的单元格,右击->”修改”->平均宽度。
活动7【活动】调整网页大小和表格大小
现在我们将做好的网页在浏览器里面查看一下效果;
提问:网页浏览有什么问题?
【教师演示】表格宽度修改操作。
缩小浏览宽度后请学生观察?
教师演示网页大小修改操作步骤
任务4:修改表格大小为960像素宽度;网页大小修改为960像素
活动8【活动】作业上交
要求上交站点文件夹
课件12张PPT。第十二课 用表格为网页布局信息技术 八年级上居中型半包围型主题突出型导航栏型左右导航型简洁有序方便视觉中心布局页面布局设计表格操作：搭建整体框架2）插入表格。单击菜单栏中的“表格”->“插入表格”，在弹出对话框中设置表格的行列数“4*1”，单击“确定”1）设置网页大小。在菜单栏中选择“视图”->“网页大小”->“800*600”操作：导航栏布局 选中第二行，在菜单栏中选择“表格”->“修改”->“拆分单元格”，设置列数为“5”任务：内容填充1）标题栏内容为“无人机专题网站”
2）网站主题部分内容为无人机介绍和图片；
3）版权说明填写“设计者：姓名，设计日期：2016年5月30日”作业上交
