提醒：点这里加小编微信（领取免费资料、获取最新资讯、解决考教师一切疑问！）
一、教学目标
1.学生能够认识网页页面设计的重要性，了解网页页面设计的常见布局方式，并能利用合适的工具进行页面设计。
2.通过对常见页面进行分析，形成正确的网页页面布局的意识，并动手操作设计具有个人风格的页面。
3.通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度。
二、教学重难点
【重点】了解常见网页页面布局类型，并利用表格进行网页布局。
【难点】利用表格进行网页布局
三、教学过程
环节一、导入新课
教师出示两张网页图片，提问：“网页包含哪些要素?”鼓励学生积极作答并进行总结：网页要素包括色彩搭配、文字变化、图片处理等，还有一个重要的因素—网页的页面设计。
让学生对网页页面设计形成初步的，感性的直观认识，从而引入新课——页面设计。
环节二、新知探究
教师进行介绍：网页布局是指对网页元素的整体安排。
任务一：了解常见的页面布局类型
让学生通过阅读课本了解常见的页面布局类型并总结特征。
①上中下型：从上往下分为三个区域，分别是网站的标题，网站的主体内容，网站的联系方式、版权声明等。
②标题正文型：布局简单，页面的主体内容是标题和正文。
③框架型：用框架把浏览器窗口分成几个窗格，在不同的窗格中显示信息。
继续提问：了解了布局类型，如何实现呢?
任务二：用Dreamweaver布局页面
教师演示用Dreamweaver新建网页，在布局模式下，绘制布局表格和布局单元格，移动位置，改变大小。在布局模式下，示范绘制“标题-正文型”。
布置任务，学生动手操作，模仿示例，绘制布局表格和布局单元格来布局页面，新建两个网页绘制上中下型和框架型的网页布局。
环节三、巩固提高
任务三：设计网页
布置任务，以学习小组为单位，设计“风景名胜古迹介绍”的网页，要求是通过上面学习的三种基础布局类型，进行嵌套使用，实现网页综合布局。在完成布局之后，在网页中插入一些基本的网页元素，例如文字，图片，并进行必要的设置
教师巡回检查，进行个别辅导统一辅导相结合
环节四、小结作业
1.邀请小组代表介绍设计思路，以及任务完成过程中遇到的问题，并对作品进行自评。请其他小组成员进行评价，点明优点，指出不足和改进建议，教师进行总结评价。
2.请学生总结网页页面设计的步骤是：(1)确定页面布局;(2)接着设计对布局单元格进行拆分，利用不同的布局类型进行综合布局;(3)进行图文编排。
3.总结本节课重要内容，回顾三种布局类型，强调表格布局网页结构是一种非常重要的方法，也是网页设计的重点内容。鼓励有兴趣的同学课后可以做更多的尝试。
四、板书设计
五、教学反思
关注微信公众号xreduv了解最新考试资讯，加QQ群561285085定期发免费辅导资料。教师资格证面试时间临近，推荐报名教师资格证面试网校高清课程(点击购买，随报随学，不限时间次数。免费试听)，来系统学习提升面试技能。关于教师资格证面试考试相关最新资讯或备考点击进入备考专题。
提醒：点这里加小编微信（领取免费资料、获取最新资讯、解决考教师一切疑问！）
