顺德区胡宝星职业技术学校公开课教案
教师: 杨海隆2010 年10 月12 日计算机092 班 1 节
课题色彩搭配在网页中的应用
课型理论课课时1学时
教学目的1．知识与技能：色彩带给人们的情绪变化，培养学生对
色彩感知能力
2．过程与方法：使同学掌握网页色彩搭配的一般原则教学重点掌握网页色彩搭配的一般原则
教学难点如何合理用色彩搭配网页
教具计算机，dreamweaver软件
教学方法讲授、提问、讨论、总结
教学过程一、引入新课
1．提问：我们每天早上起床第一眼看到的是什么东西？
2、利用一个关于色彩的实验，让同学们感受到色彩的神
奇，激起同学们的学习兴趣，活跃课堂气氛。

二、讲授新课
1．如何确立网站色调
1）一般原则
向同学们展示实例
讨论总结：在制作政治题材时，可以使用红色为主色调，在制
作环保题材时，可以使用绿色为主色调。

2）色彩情感
色彩与人的心理感觉和情绪也有一定的关系，利用这一点可以
在设计网页时形成自己的独特效果，给浏览者留下深刻的印象。

一般情况下色彩给人的感觉如下：
A:红色代表热情、活泼、热闹、温暖、幸福、吉祥
B：黄色代表明朗、愉快、高贵、希望
C：绿色代表新鲜、平静、和平、柔和、安逸、青春
D：蓝色代表深远、永恒、沉静、理智、诚实、寒冷
E：紫色代表优雅、高贵、魅力、自傲
F：白色代表纯洁、纯真、朴素、神圣、明快
J：灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞
H：黑色代表崇高、坚实、严肃、刚健、粗莽
2．网页配色的技巧
通过实例演示，同学讨论
讨论总结：a：如果在网页中使用一种主色调，其他颜色应是由
主色调派生出来的
b：如果要使用两种色彩，这两种颜色最好是互为对
比色
C：如果用多种色彩，两种颜色最好是同一个色系3．注意的事项：
A：不要将所有颜色都用到，尽量将颜色控制在一定范围之内
B：背景和前文的对比尽量要大些，不要使用繁复的图像作背景，以便突出主要的文字内容
4. 同学们启动软件然后根据自己的颜色喜好，搭配网页色彩。

使用自
己的网页三、巩固新课
A：色彩情感的培养
B：掌握了简单的网页配色技巧
四、布置作业
同学们写出自己网站的配色方案
五、教学后记
评讲意见：
教务主任意见：
参加听课人
学校盖章年月日。