公共艺术（美术篇）教案 第八单元--设计简析 第三节 网页设计.doc

《网页设计》 教 案 学 科 美术 课 型 新授课 课 时 2课时 课 题 《网页设计》 教 材 高等教育出版社出版的中等职业学校学生必修公共基础课《公共艺术》美术篇 教 学 目 标 知识目标 了解网页设计的基本原则和色彩设计的重要性?。 能力目标 1、能够评价一个网页是否符合网页设计的基本原则； 2、能够评价一个网页的色彩设计是否合理。 情感目标 培 主题突出 欣赏网页案例 思考问题 观察图片 找出特点 通过欣赏网页，引导学生对网页的设计有大体的理解。 网 页 设 计 基 本 原 则 网 页 设 计 基 本 原 则 网 页 设 计 基 本 原 则 给学生展示几个网页设计图片，思考案例中的网页是什么类型？为什么？ 师生总结分析 因为主题突出的特点，所有很容易就能分辨是那种类型的网页。 特点鲜明 欣赏网页案例 思考问题 观察这两个网页设计案例，总结他们的主要特点。 观察图片 找出特点 培养学生的观察能力和总结归纳能力。 引导学生分析网页，了解网页的设计特点，并理解应用设计后的网页特色。 师生总结分析 北京外国语大学的网站首页以大幅的学校背景图片展示学校的文化氛围，SONY以科技蓝作为页面基色，都展现了鲜明的网页特色。 风格统一 欣赏网页案例 思考问题 观察以下网页，其主网页与子网页有什么样的特点？ 师生总结分析 主网页与子网页存在一些细微的差别，但整体风格统一。 布局合理 欣赏网页案例 思考问题 观察以下网页，从版面布局方面考虑网页的设计特点。 观察图片 找出特点 培养学生的观察能力和总结归纳能力，提高学生的语言表达能力。 网 页 设 计 基 本 原 则 师生总结分析 合理的版面布局能达到更好的视觉传达效果。图为哈弗大学主页，排列从上至下，主次有序，以文字信息为主，布局规整。 构思巧妙 欣赏网页案例 思考问题 观察一下网页，思考这个网页的设计与以上看过的网页相比有什么特点？ 师生总结分析 色 彩 设 计 图为personal portfolio网站网页，具有强烈个性外观，而且字体设计也是其中点睛之笔——构思巧妙的网页设计也是吸引众多浏览者的方法。 美丽的色彩是最能吸引观者眼球的部分，在网页设计中，好的配色设计是调节网站访问者的视觉心理、吸引人们注意的主要手段。 看一看 想一想 思考：这几幅图分别选择了什么色调？ 2、师生分析总结 暖色调——温馨、热情 冷色调——素雅、严谨，令访问者生动、欢快、活泼。 欣赏优秀网站的设计，从色彩的角度进行讨论、分析。 让学生从色彩的角度分析网页的设计，学会如何用色彩吸引访问者的注意。 思考 练习 找出几大知名网站，用所学知识分析其网页设计的特色。 思考总结 培养学生的归纳总结能力 心灵 感悟 学生谈谈这节课的感受和体验。 落实情感目标 2