网络网页配色与布局

《网络网页配色与布局》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、课程教学设计2013～2014学年第二学期教学部门信息技术系课程名称网页配色与布局专业、班级13网络主讲教师姜晓晨山东省潍坊商业学校《网页配色与布局》课程整体教学设计一、管理信息课程名称：《网页配色与布局》制定时间：2014年3月课程代码：所属部门：信息技术系制定人：姜晓晨批准人：二、基本信息学分：4课程类型：专业课学时：76先修课：授课对象：13网络后续课：三、课程设计1．课程目标设计(1)能力目标总体目标：学生学习完本课程后，能够掌握基本的色彩原理和网页配色技巧，了解网页的基本构成原色和相关的布局方式，能从临摹网页到有设计

2、想法来设计网页。具体目标：①分析网站主图。②分析网站的目标用户。③使用色彩知识解决设计问题④使用色彩知识解决辨别网页中需要正确配色⑤使用构成要素解决设计问题⑥使用网站的框架结构(2)知识目标①网站的设计原则以及相关的理论知识②色彩的基础知识（色彩的属性，概念，色相色调，色彩感觉等）③网站的配色原则和实用的配色方案④网页的布局设计和创意思维(3)素质目标①养成良好的开关机的习惯。②养成小组合作学习的习惯。③在表述与回答问题的过程中提高语言表达能力。1．课程内容设计模块名称学时网页配色38网页布局38学生学习完本课程后，能掌握不同

3、应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效果图，从临摹到带有一定自己的创意，为毕业设计做好准备。2．能力训练项目设计编号能力训练项目名称拟实现的能力目标相关支撑知识训练方式、手段及步骤结果（可展示）1.1演示案例分析一①网站涉及的产品分析②网站功能结构分析③针对消费人群的分析④网站设计风格的分析①如何让明确网站的主题②如何分析行业资料③区分各个不同网站之间的区别①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况1.2演示案例分析二①

4、网站涉及的产品分析②网站功能结构分析③针对消费人群的分析④网站设计风格的分析①logo设计软件的选择②logo的具体设计技巧③banner的制作方法①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况2.1色彩基础——图片变脸，打造炫彩酷站①掌握色彩的基本属性：色相纯度和明度②常用的基本概念的学习③完成案例的效果④运用Photoshop工具实现网页设计的平面效果①色相纯度明度对比度等②原色间色复色邻近色同类色暖色冷色③效果对比④色彩的转换①讲解操作方法及注意事项；②上机加以实践练习通过现场操作

5、、上传作业方式评价学生掌握情况2.2色彩基础——色同道合做网页①掌握色彩的基本属性：色相纯度和明度②常用的基本概念的学习③完成案例的效果①色相纯度明度对比度等②原色间色复色邻近色同类色暖色冷色③效果对比①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况④运用Photoshop工具实现网页设计的平面效果④色彩的转换3.1色彩基础——我也是绘画大师①掌握相关的理论知识②掌握通过案例完成相关的色调变化的调整①色相纯度明度对比度等②原色间色复色邻近色同类色暖色冷色③效果对比④色彩的转换①讲解操作方法

6、及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况3.2让世界变得色彩斑斓①掌握绘制商务类网站的布局图②掌握商务类网站界面设计全流程①作品欣赏②理论概要③技术要点④案例分析①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况4.1网页配色原则——蓝色经典汽车网①网页安全色②网页设计中色彩的基本原则③网页中色彩的运用①安全色的选取②渐变色块的制作③色彩的整体性④色彩的实用性①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况5.1实用配色方

7、案网页“变色记”①掌握色彩的象征意义②掌握色彩的感觉③根据色彩情感制定配色方案①颜色的意义②色彩感觉③给予色彩情感的配色方案①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况6.1网页布局上——结构变形金刚会使用各种结构式来制作网页①上下结构②左右结构③上左右结构④上左中右结构①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况7.1网页布局下——研究结构式综合应用①汇总和运用网页结构设计网页②会运用构成要素来设计网页③会辨别网页的各种风格，并运用到网页设计

8、中①网页结构类型②构成图形的基本元素①讲解操作方法及注意事项；②上机加以实践练习通过现场操作、上传作业方式评价学生掌握情况8.1创意思维训练——高空飞蛋①能够通过创意思维来开拓思路②①发觉你的创意思维②①讲解操作方法及注意事项；②上机加以实践练习了解设计是择优选择③了解传统，