一、教学目标

　　1.学生能够认识网页页面设计的重要性，了解网页页面设计的常见布局方式，并能利用合适的工具进行页面设计。

　　2.通过对常见页面进行分析，形成正确的网页页面布局的意识，并动手操作设计具有个人风格的页面。

　　3.通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度。

　　二、教学重难点

　　【重点】了解常见网页页面布局类型，并利用表格进行网页布局。

　　【难点】利用表格进行网页布局

　　三、教学过程

　　环节一、导入新课

　　教师出示两张网页图片，提问：“网页包含哪些要素?”鼓励学生积极作答并进行总结：网页要素包括色彩搭配、文字变化、图片处理等，还有一个重要的因素—网页的页面设计。

　　让学生对网页页面设计形成初步的，感性的直观认识，从而引入新课——页面设计。

　　环节二、新知探究

　　教师进行介绍：网页布局是指对网页元素的整体安排。

　　任务一：了解常见的页面布局类型

　　让学生通过阅读课本了解常见的页面布局类型并总结特征。

　　①上中下型：从上往下分为三个区域，分别是网站的标题，网站的主体内容，网站的联系方式、版权声明等。

　　②标题正文型：布局简单，页面的主体内容是标题和正文。

　　③框架型：用框架把浏览器窗口分成几个窗格，在不同的窗格中显示信息。

　　继续提问：了解了布局类型，如何实现呢?

　　任务二：用Dreamweaver布局页面

　　教师演示用Dreamweaver新建网页，在布局模式下，绘制布局表格和布局单元格，移动位置，改变大小。在布局模式下，示范绘制“标题-正文型”。

　　布置任务，学生动手操作，模仿示例，绘制布局表格和布局单元格来布局页面，新建两个网页绘制上中下型和框架型的网页布局。

　　环节三、巩固提高

　　任务三：设计网页

　　布置任务，以学习小组为单位，设计“风景名胜古迹介绍”的网页，要求是通过上面学习的三种基础布局类型，进行嵌套使用，实现网页综合布局。在完成布局之后，在网页中插入一些基本的网页元素，例如文字，图片，并进行必要的设置

　　教师巡回检查，进行个别辅导统一辅导相结合

　　环节四、小结作业

　　1.邀请小组代表介绍设计思路，以及任务完成过程中遇到的问题，并对作品进行自评。请其他小组成员进行评价，点明优点，指出不足和改进建议，教师进行总结评价。

　　2.请学生总结网页页面设计的步骤是：(1)确定页面布局;(2)接着设计对布局单元格进行拆分，利用不同的布局类型进行综合布局;(3)进行图文编排。

　　3.总结本节课重要内容，回顾三种布局类型，强调表格布局网页结构是一种非常重要的方法，也是网页设计的重点内容。鼓励有兴趣的同学课后可以做更多的尝试。

　　四、板书设计

　　五、教学反思

　　更多教师资格最新消息，敬请关注文都教师考试网!

　　>>>推荐阅读：直播|2017下半年教师资格考试轻松过关系列课

　　>>>推荐阅读：2017下半年全国中小学教师资格考试(笔试)公告汇总

　　>>>推荐阅读：2017下半年教师资格考试报名入口