教 案
学 科 课 题 教 材 美术
课 时 旗开得胜 课 型 新授课 2课时 《网页设计》 高等教育出版社出版的中等职业学校学生必修公共基础课《公共艺术》美术篇 知识目标 了解网页设计的基本原则和色彩设计的重要性 。 教 学 目 标 情感目标 能力目标 1.能够评价一个网页是否符合网页设计的基本原则。 2.能够评价一个网页的色彩设计是否合理。 培养学生自主学习的能力和分析问题的能力。 教 学 根据各种网页设计案例，学会网页设计的基本原则和色彩设计原则。 重 点 教 学 能充分理解网页设计的基本原则和色彩设计原则。 难 点 1
读万卷书 行万里路
旗开得胜 教 法 学 法 教 学 环 节 新 课 导 入 赏析法 案例分析法 总结归纳法 观察法 讨论法 教 师 活 动 1.欣赏优秀的网页设计 随着Internet的发展，各种优秀网站层出不穷。 学 生 活 动 观看图片 交流感受 设 计 意 图 通过欣赏学生感兴趣的网页入手，将熟悉的内容赋予不同的视角，激发学生的学习兴1 给学生展示中国人民大学和谷歌的网站首页图片，引导学生观察网页各自的特点并比较它们的不同。 2.师生总结分析，引出课题 优秀的网页设计更能吸引浏览者的注意，怎样 读万卷书 行万里路
旗开得胜 的网页设计才是好的设计方案？ 趣。 基 本 原 则 1.主题突出 欣赏网页案例 思考问题 观察图片 找出特点 通过欣赏网页，引导学生对网页的设计有大体的理解。 1
读万卷书 行万里路
旗开得胜 网 页 设 计 基 本 原 则 给学生展示几个网页设计图片，思考案例中的网页是什么类型？为什么？ 师生总结分析 观察图片 培养学生的观察能力和总结归纳能力。 引导学生分析网页，了解网页的设计特点，并理解1 因为主题突出的特点，所有很容易就能分辨是那找出特点 种类型的网页。 2.特点鲜明 欣赏网页案例 思考问题 观察这两个网页设计案例，总结他们的主要特点。 应用设计后读万卷书 行万里路 旗开得胜 网 页 设 计 基 本 原 师生总结分析 北京外国语大学的网站首页以大幅的学校背景图片展示学校的文化氛围，SONY以科技蓝作为页面基色，都展现了鲜明的网页特色。 3.风格统一 欣赏网页案例 思考问题 观察以下网页，其主网页与子网页有什么样的特点？ 培养学生的观察能力和总结归纳能力，提高学生观察图片 找出特点 的语言表达能力。 师生总结分析 主网页与子网页存在一些细微的差别，但整体风格统一。 4.布局合理 欣赏网页案例 思考问题 读万卷书 行万里路
1 网 页 设 计 基 本 原 则 师生总结分析 合理的版面布局能达到更好的视觉传达效果。图为哈佛大学主页，排列从上至下，主次有序，以文字信息为主，布局规整。 5.构思巧妙 欣赏网页案例 思考问题 观察一下网页，思考这个网页的设计与以上看过的网页相比有什么特点？ 读万卷书 行万里路 6.师生总结分析 旗开得胜 1 旗开得胜 色 彩 设 计 美丽的色彩是最能吸引观者眼球的部分，在网页设计中，好的配色设计是调节网站访问者的视觉心理、吸引人们注意的主要手段。 看一看 想一想 欣赏优秀网站的设计，从让学生从色 色彩的角度进行讨论、分析。 彩的角度分析网页的设计，学会如何用色彩吸引访问者的注 意。 思考：这几幅图分别选择了什么色调？ 师生分析总结 1
读万卷书 行万里路
旗开得胜 暖色调——温馨、热情 冷色调——素雅、严谨，令访问者生动、欢快、活泼。 思考 练习 找出几大知名网站，用所学知识分析其网页设计的特色。 思考总结 培养学生的归纳总结能力 落实情感目标 心灵 感悟
学生谈谈这节课的感受和体验。 1
读万卷书 行万里路
因篇幅问题不能全部显示，请点此查看更多更全内容