预览加载中,请您耐心等待几秒...
1/2
2/2

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

11、规划网页布局教学目标:1、了解网页布局的基本概念认识网页布局的基本方法和布局技术;2、能够根据网页的内容运用“表格”菜单下的“布局表格和单元格”命令创建布局表格;3、合理设置表格布局的属性增强网页的表现效果。重点、难点或关键:重点:运用“表格”菜单下的“布局表格和单元格”命令创建布局表格设置表格布局的属性。难点:根据网页内容合理选择与设置网页布局的样式。教学流程:一、对比作品导入新课1、通过展示用表格布局和未用表格布局的两张同一主题的网页效果图引导学生观察、思考、分析反馈视觉效果。2、出示课题。二、开阔视野:了解网页布局的基本概念1、引导学生以小组为单位自学教材P61~63的“开阔视野”。2、引导学生反馈回答问题。3、根据学生的反馈教师小结并板书:①当前比较流行的网页宽度有950像素、960像素、980像素和1000像素等。②一个完整的网页一般由顶部、主体部分中的侧栏和内容区域、底部等组成。③常见的网页布局样式有“同”字型、拐角型和对称型。三、任务驱动自主探究1、网页布局方法(1)引导学生回忆用Word设计小板报时的一般步骤。(2)介绍并演示纸上布局、软件布局的效果图。2、网页布局技术(1)教师边演示边讲解:利用frontpage表格布局技术制作学校通知网页步骤如下:①新建一个空白网页文件②创建布局表格③设置表格④添加内容⑤预览保存(2)布置任务:根据提供的素材参考教材P65~66页内容利用表格布局技术制作学校通知网页。四、展示与评价1、引导学生展示利用表格布局制作的学校通知网页。2、说一说:(1)在制作过程中遇到什么困难是怎样解决的?(2)本节课有什么收获?(3)举例说说自己最喜欢的网页布局网站有哪些。3、评一评:完成教材P66的活动评价。4、课后作业:完成教材P66的创新活动。