柳州市第二职业技术学校
LiuZhou No.2 Vocational School
2011—2012学年下学期
《“国”字形网页界面结构的应用》
公开课教案
课程名称：
界面设计与制作
所属系部：
服装信息技术部
授课教师：
赵 玲
授课班级：
10动漫
授课时间：
2011年10月19日第8节 
授课地点：
新实训楼5楼美术设计机房
备课组成员：
柳州市第二职业技术学校
二○一一年十月
课  题
“国”字形网页界面结构的应用
教学目的
知识目标：
1、理解“国”字形界面结构的概念、特征
2、掌握“国”字形界面结构的变形及应用
技能目标：
进一步培养学生观察、比较、分析能力，能灵活运用“国”字形及其变形界面结构进行网页界面的结构设计。
情感目标：
培养学生自觉探究的学习习惯，养成设计前画草图进行规划的工作习惯
重点难点
重点：运用“国”字形及其变形界面结构进行网页界面的结构设计。
难点：运用“国”字形及其变形界面结构进行网页界面的结构设计。
教法学法
教法：任务驱动教学法、探究式互动教学法。
学法：比较分析法、练习法
教学用具
教师准备：多媒体课件。
学生准备：速写本、笔。
教学
环节
教师活动
学生活动
设计意图
导入新课：
创设工作情境，布置工作任务
1、任务概述：提出任务内容，PPT展示任务要求与图片。
（1分钟）
了解任务
创设工作情境，布置工作任务，激发学生学习兴趣
2、任务分解，并提出本节课的任务目标：
学习掌握顾客所提供的参考界面结构，并制作完成该界面结构框架，为下阶段任务做好准备（3分钟）
学生进行任务分析分解，
让学生认识设计制作网页的流程，并明确本节课任务目标
探究学习任务新知：
1、 比一比：
请学生比较顾客所提供的界面结构和之前学的网页界面结构相比有什么区别？（2分钟）
“国”字形界面结构概念
（2分钟）
学生思考，寻区别
学生看书，总结要点
设置疑问，诱发学生进行思考和观察
2、深入探究：
（1）观察“国”字形界面结构，它有什么特征？（2分钟）
（2）教师举图例总结学生发言（1分钟）
学生看书，并进行观察思考
进一步观察思考“国”字形页面，培养学生观察思考的能力
3、知识扩展：（5分钟）
指出为了丰富页面效果，设计师对“国”字形界面结构做了不少变形（“同”字、“匡”字 、“川”字、“三”字）教师进行图片举例，请学生进行思考，并进行总结归纳。
学生画下该结构框架，并用自己觉得最像的文字进行概括
进一步观察思考“国”字形页面，培养学生观察思考的能力，总结归纳的能力
运用新知完成工作任务
1、教师进行技术提示（简单温习）：（4分）
（1）页面建立
（2）标尺工具进行区域划分
（3）路径矩形工具
（4）填工具
部分技术内容请学生演示或回答
通过简单技术提示，让学生温习一下所学技术知识，为接下来的任务做好技术心理准备
2、任务要求：（12分）
（1）小组进行讨论，根据客户的要求手绘划分页面功能区域
（2）选定方案后，进行电脑制作，页面尺寸为：宽度为1000像素，高度自定义
（3国内优秀网页界面赏析）根据客户要求及小组讨论结果，小组成员每人使用软件将“国”字形界面结构或其变形结构绘制，并进行简单配
小组进行思考与讨论，划分页面功能区域
小组成员进行制作
小组成员进行制作
通过页面功能区域的划分讨论，开拓学生思维，同时让学生更深一步理解“国”字形界面结构的特征
鼓励学生动脑动手，引导学生思考，选择自己喜欢的界面结构解决问题，加深对“国”字形界面结构及其变形结构的特征
通过学生自己的总结，锻炼表达能力，提升技能，加深对知识的理解
工作任务小结
1、小组推选互评最优方案进行展示和讲解（4分钟）
2、教师小结（3分钟）
3、布置课后作业（1分钟）
小组成员相互评论，推选出小组最优
复习巩固、锻炼学生表达能力
技能提升
作业
教学反思

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。