《网络网页配色与布局.doc》由会员分享，可在线阅读，更多相关《网络网页配色与布局.doc（7页珍藏版）》请在金锄头文库上搜索。
1、课程教学设计2013 2014 学年第 二 学期教学部门 信息技术系 课程名称 网页配色与布局 专业、班级 13网络 主讲教师 姜晓晨 山东省潍坊商业学校网页配色与布局课程整体教学设计一、 管理信息课程名称：网页配色与布局 制定时间：2014年3月课程代码： 所属部门：信息技术系制 定 人：姜晓晨 批准人：二、 基本信息学分：4 课程类型：专业课学时：76 先修课： 授课对象：13网络 后续课： 三、 课程设计1 课程目标设计 (1) 能力目标总体目标：学生学习完本课程后，能够掌握基本的色彩原理和网页配色技巧，了解网页的基本构成原色和相关的布局方式，能从临摹网页到有设计想法来设计网页。具体目标
2、： 分析网站主图。 分析网站的目标用户。使用色彩知识解决设计问题使用色彩知识解决辨别网页中需要正确配色使用构成要素解决设计问题使用网站的框架结构(2) 知识目标网站的设计原则以及相关的理论知识色彩的基础知识（色彩的属性，概念，色相色调，色彩感觉等）网站的配色原则和实用的配色方案网页的布局设计和创意思维 (3)素质目标 养成良好的开关机的习惯。 养成小组合作学习的习惯。 在表述与回答问题的过程中提高语言表达能力。2 课程内容设计模块名称学时网页配色38网页布局38 学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效
3、果图，从临摹到带有一定自己的创意，为毕业设计做好准备。3 能力训练项目设计编号能力训练项目名称拟实现的能力目标相关支撑知识训练方式、手段及步骤结果（可展示）1.1演示案例分析一网站涉及的产品分析网站功能结构分析针对消费人群的分析网站设计风格的分析如何让明确网站的主题如何分析行业资料区分各个不同网站之间的区别讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况1.2演示案例分析二网站涉及的产品分析网站功能结构分析针对消费人群的分析网站设计风格的分析logo设计软件的选择logo的具体设计技巧banner的制作方法讲解操作方法及注意事项；上机加以实践练习通过现场操作、
4、上传作业方式评价学生掌握情况2.1色彩基础图片变脸，打造炫彩酷站掌握色彩的基本属性：色相纯度和明度常用的基本概念的学习完成案例的效果运用Photoshop工具实现网页设计的平面效果色相 纯度 明度 对比度等原色 间色 复色 邻近色 同类色 暖色 冷色 效果对比色彩的转换讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况2.2色彩基础色同道合做网页掌握色彩的基本属性：色相纯度和明度常用的基本概念的学习完成案例的效果运用Photoshop工具实现网页设计的平面效果色相 纯度 明度 对比度等原色 间色 复色 邻近色 同类色 暖色 冷色 效果对比色彩的转换讲解操作方法及
5、注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况3.1色彩基础我也是绘画大师掌握相关的理论知识掌握通过案例完成相关的色调变化的调整色相 纯度 明度 对比度等原色 间色 复色 邻近色 同类色 暖色 冷色 效果对比色彩的转换讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况3.2让世界变得色彩斑斓掌握绘制商务类网站的布局图掌握商务类网站界面设计全流程作品欣赏理论概要技术要点案例分析讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况4.1网页配色原则蓝色经典汽车网网页安全色网页设计中色彩的基本原则网页中色彩的运用安全
6、色的选取渐变色块的制作色彩的整体性色彩的实用性讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况5.1实用配色方案网页“变色记”掌握色彩的象征意义掌握色彩的感觉根据色彩情感制定配色方案颜色的意义色彩感觉给予色彩情感的配色方案讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况6.1网页布局上结构变形金刚会使用各种结构式来制作网页上下结构左右结构上左右结构上左中右结构讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况7.1网页布局下研究结构式综合应用汇总和运用网页结构设计网页会运用构成要素来设计网页会辨
7、别网页的各种风格，并运用到网页设计中网页结构类型构成图形的基本元素讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况8.1创意思维训练高空飞蛋能够通过创意思维来开拓思路了解设计是择优选择了解传统，冲破传统发觉你的创意思维设计细节选择过程敢于冲破传统观念讲解操作方法及注意事项；上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况4 进度表设计序号或周次学时教学目标和主要内容单元标题能力目标能力训练项目编 号知识目标其他内容1学生报到，未上课24网页的设计原则市场分析和预测网站定位和网站的规划网站的建设1.11.2了解网站设计、制作的流程掌握网页布局的基本原则
8、及方法通过通过讲解展示完成教学任务34色彩知识一色彩的构成掌握相关的理论知识，了解色和光的关系色彩三要素以及色调2.1色彩的概念色彩的分类色彩的相关要素以及色调通过现场操作、上传作业方式评价学生掌握情况44色彩的基础知识-色彩的属性和基本概念色彩的常用基本概念色彩的形成和基本属性2.1色彩的概念色彩的分类色彩的相关要素以及色调通过现场操作、上传作业方式评价学生掌握情况54色彩的基础知识-色彩模式和色调对比度等内容理解色彩模式和色彩的对比了解色彩对比的意义3.1混合、加光、减光等颜色模式色彩的明度，灰度对比等通过现场操作、上传作业方式评价学生掌握情况64色彩与情感色彩的心理效应色彩的表情3.2色
9、彩的象征色彩的视觉效果色彩的情绪效应每种色彩的表情通过现场操作、上传作业方式评价学生掌握情况74网页配色原则会使用安全色谱为网页配色网页设计中色彩的基本原则分析网页色彩4.1安全色的选取渐变色块的制作色彩的整体性色彩的实用性通过现场操作、上传作业方式评价学生掌握情况84网页配色技巧掌握一种色的配色技巧掌握多种颜色的配色技巧4.1安全色的选取渐变色块的制作色彩的整体性色彩的实用性通过现场操作、上传作业方式评价学生掌握情况94常用色彩的处理手法掌握掌握什么事同类色渐变色和对比色掌握色彩对比的基础知识5.1颜色的意义色彩感觉给予色彩情感的配色方案通过现场操作、上传作业方式评价学生掌握情况104期中考
10、试114实用的网页配色方案掌握色彩的象征意义掌握色彩的感觉根据色彩情感制定配色方案5.1颜色的意义色彩感觉给予色彩情感的配色方案通过现场操作、上传作业方式评价学生掌握情况124网页布局化整为零掌握绘制房产类网站的布局图掌握房产类网站界面设计全流程6.1上下结构左右结构上左右结构上左中右结构通过现场操作、上传作业方式评价学生掌握情况134网页布局结构变形金刚掌握绘制房产类网站的布局图掌握房产类网站界面设计全流程6.1上下结构左右结构上左右结构上左中右结构通过现场操作、上传作业方式评价学生掌握情况144网页设计布局研究结构式的综合应用汇总和运用网页结构设计网页会运用构成要素来设计网页会辨别网页的各
11、种风格，并运用到网页设计中7.1网页结构类型构成图形的基本元素通过现场操作、上传作业方式评价学生掌握情况154网页设计布局网站变脸汇总和运用网页结构设计网页会运用构成要素来设计网页会辨别网页的各种风格，并运用到网页设计中7.1网页结构类型构成图形的基本元素通过现场操作、上传作业方式评价学生掌握情况164创意思维训练一能够通过创意思维来开拓思路了解设计是择优选择了解传统，冲破传统8.1发觉你的创意思维设计细节选择过程敢于冲破传统观念通过现场操作、上传作业方式评价学生掌握情况174创意思维训练二能够通过创意思维来开拓思路了解设计是择优选择了解传统，冲破传统8.1发觉你的创意思维设计细节选择过程敢于冲破传统观念通过现场操作、上传作业方式评价学生掌握情况184考试复习194考试复习204期末考试四、 考核方案设计（供参考）本课程属于实践性、应用性很强的课程，所以要加强过程性考核，加强动手应用能力的考核。1、项目一采用实操考核的方式；项目二采用交大作业的方式总成绩平时考核成绩（10分）实践考核成绩（50分） 大作业成绩（40分）。2、平时考核成绩（10分）平时学习表现考核（考勤）（5分）+ 作业考核（5分）。3、实践考核成绩（50分）实验报告（25分）实践考查（35分）4、大作业成绩（40分）五、 教材与参考资料1. 无六、 需要说明的其他问题无
