网页颜色和布局.doc

课程教学设计 2013 ～2014 学年第 二 学期 教学部门 信息技术系 课程名称 网页配色与布局 专业、班级 13网络 主讲教师 姜晓晨 山东省潍坊商业学校  《网页配色与布局》课程整体教学设计 管理信息 课程名称：《网页配色与布局》 制定时间：2014年3月 课程代码： 所属部门：信息技术系 制 定 人：姜晓晨 批准人： 基本信息 学分：4 课程类型：专业课 学时：76 先修课： 授课对象：13网络 后续课： 课程设计 课程目标设计 (1) 能力目标 总体目标：学生学习完本课程后，能够掌握基本的色彩原理和网页配色技巧，了解网页的基本构成原色和相关的布局方式，能从临摹网页到有设计想法来设计网页。 具体目标： ① 分析网站主图。 ② 分析网站的目标用户。 ③使用色彩知识解决设计问题 ④使用色彩知识解决辨别网页中需要正确配色 ⑤使用构成要素解决设计问题 ⑥使用网站的框架结构 (2) 知识目标 ①网站的设计原则以及相关的理论知识 ②色彩的基础知识（色彩的属性，概念，色相色调，色彩感觉等） ③网站的配色原则和实用的配色方案 ④网页的布局设计和创意思维 (3)素质目标 ① 养成良好的开关机的习惯。 ② 养成小组合作学习的习惯。 ③ 在表述与回答问题的过程中提高语言表达能力。 课程内容设计 = 模块名称 学时 网页配色 38 网页布局 38 学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效果图，从临摹到带有一定自己的创意，为毕业设计做好准备。 能力训练项目设计 编号 能力训练 项目名称 拟实现的能力目标 相关支撑知识 训练方式、手段及步骤 结果（可展示） 1.1 演示案例分析一 ①网站涉及的产品分析 ②网站功能结构分析 ③针对消费人群的分析 ④网站设计风格的分析 ①如何让明确网站的主题 ②如何分析行业资料 ③区分各个不同网站之间的区别 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 1.2 演示案例分析二 ①网站涉及的产品分析 ②网站功能结构分析 ③针对消费人群的分析 ④网站设计风格的分析 ①logo设计软件的选择 ②logo的具体设计技巧 ③banner的制作方法 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 2.1 色彩基础——图片变脸，打造炫彩酷站 ①掌握色彩的基本属性：色相纯度和明度 ②常用的基本概念的学习 ③完成案例的效果 ④运用Photoshop工具实现网页设计的平面效果 ①色相 纯度 明度 对比度等 ②原色 间色 复色 邻近色 同类色 暖色 冷色 ③效果对比 ④色彩的转换 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 2.2 色彩基础——色同道合做网页 ①掌握色彩的基本属性：色相纯度和明度 ②常用的基本概念的学习 ③完成案例的效果 ④运用Photoshop工具实现网页设计的平面效果 ①色相 纯度 明度 对比度等 ②原色 间色 复色 邻近色 同类色 暖色 冷色 ③效果对比 ④色彩的转换 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 3.1 色彩基础——我也是绘画大师 ①掌握相关的理论知识 ②掌握通过案例完成相关的色调变化的调整 ①色相 纯度 明度 对比度等 ②原色 间色 复色 邻近色 同类色 暖色 冷色 ③效果对比 ④色彩的转换 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 3.2 让世界变得色彩斑斓 ①掌握绘制商务类网站的布局图 ②掌握商务类网站界面设计全流程 ①作品欣赏 ②理论概要 ③技术要点 ④案例分析 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 4.1 网页配色原则——蓝色经典汽车网 ①网页安全色 ②网页设计中色彩的基本原则 ③网页中色彩的运用 ①安全色的选取 ②渐变色块的制作 ③色彩的整体性 ④色彩的实用性 ①讲解操作方法及注意事项； ②上机加以实践练习 通过现场操作、上传作业方式评价学生掌握情况 5.1 实用配色方案网页“