《网页色彩搭配实训》课程标准
《网页布局与配色》课程标准.doc
g 页布局与配色课程标准课程名称：网页布局与配色 课程编码：课程类型：理实一体化 开课部门： 规定课时：641. 课程性质木课程是专业必修课程。
是完成计算机多媒体技术专业培养目标所必需的熏要理实一体化教 学环节。
通过课程学习，使学生其备网页设计的艺术鉴赏能力和网贞布只与配色的设计和创作技能。
2. 课程定位木课程是属于专业专项能力课程，木课程的核心技能是在熟悉网页设计原则、色彩基础知识、 色彩的情感象征和主题印象等理论知识的基础上，掌握如何通过网站主题与风格定位、网页界面结 构介局、网站Logo 与导航设计、网页用I 冬I 和文字的设计与整体编排、网页配色设计等技能来完成 网页布局设计与配色方案没计，设计!li 合理Ifij 精美的网贝作兄，培养符合网贝设计、用户界而设计、 网站策划等社会聞位耑求的界面艺术没计的职、Ik 技术人才，是计算机多媒体技术专业必不可少的基 木技能。
木课程是根据计算机多媒体技术专业人才培养方案十职业W 位及职业能力分析表屮的网页 设计工作任务来设置的。
前导课程：阁形阁像处理技水后续课程：web 应用系统开发、互动多媒体产品设计、阶段项鬥实训（网贝设计）3. 课程设计思路木课程重在培养学生网页布局与配色的设计能力和感性的审美与创意技巧，W 绕网页布局与 配色的特点和能力要求，通过网页风格定位、网页信息结构设计、M 站标志和导航设计、网页文字 和阁片设计、网页色彩搭配等技能入手。
依裾网页界而艺术设计原则和布局与配色设计的项目课程 耍求，组织学生完成多个网贞布只与配色的设计任务，培养学生网页布局与配色的艺术没计与实践 动乎能力。
为充分体现任务引领、项UI 异M 课程思想，木课程根据计算机多媒体技术专业人冰培养方案 中职业岗位和职业能力分析表中的网贝设计为主要教学内容，展开以网贞信息结构设计、网站标志 和导航设计、网页文字和I 冬I 片设计、网页配色方案设计等为主要项目任务的安排，选择異有代表性 的多个网贝界而没计任务作为载体组织项n 教学。
网页设计综合实训实训指导方案
《网页设计综合实训》实训指导方案一、实训目的与要求《网页设计综合实训》主要目的是让学生通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。
因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。
二、实训内容1.实例实训以一个电子商务静态网站设计的实例指导学生如何独立完成电子商务静态站点的设计和制作。
让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。
2.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
三、参考课时四、实训材料准备1.软件准备Dreamweaver 8中文版、PhotoShop7.0以上版本、Flash中文版（本实训对FLASH技术不做要求）。
2.硬件准备网络条件：与因特网连接的局域网。
教师用机：Windows2000 Server及以上版本。
学生用机：Windows2000 Professional及以上版本。
五、综合实训考核办法：1)系统文档 20分2)编写代码 30分3)程序调试 10分4)实训出勤 20分5)技术含量 10分6)美工设计 10分目录实训一基本知识回顾 (1)实训二实例一讲解 (4)实训三实例一操作 (6)实训四实训作品的站点规划 (8)实训五整体布局设计 (10)实训六搜集和创建资源 (13)实训七页面素材设计 (15)实训八样式设计 (17)实训九首页模板设计 (19)实训十二级页面模板设计 (20)实训十一各页面的细化、测试和上传作品 (21)实训十二总结 (23)附录一网站规划书书写格式 (25)附录二CUTEFTP使用说明 (27)实训一基本知识回顾一、实训目的和要求温习网页制作的课程重点难点，使学生对Dreamweaver 8各方面的操作知识系统的由“片”的认识转向“面”的认识。
(9)网页安全色
《网站配色与布局》课程教案
审阅签名：
教学过程
【新课讲授】二、讲授（110min）
1、计算机的显示色彩
(1) RGB色彩模式
（2）计算机色彩原理
2、网页安全色的由来
(1)什么是网页安全色？
(2)网页安全色的由来
●操作系统不同
●显卡优劣不同
●浏览器不同
（3）网页安全色共有216种颜色
其中彩色为210种
非彩色为6种
3、网页安全色的意义
(1)网页安全色的意义网页安全色已成历史
(2)网页安全色依然存在
●对颜色的凝练和概括
●很多配色方案的基础
●习惯延续
4、设计软件中的网页安全色
(1)Photoshop CS6里的网页安全色板
(2)Photoshop CS6拾色器里的安全色
5、安全色调色板
(1)安全色配色工具
●软件工具
●网页工具
按要求对下面图案进行配色
【作业布置】
备注：1、表格里字体统一用宋体，小四号，行距固定值23，题目标题可加粗；
2、教学回顾栏统一于课后由教师手写。
网页配色与布局课程教学中色彩训练的设置与实施
准 确表 现 出 网页 中元 素 与 元 素 之 间 的色 彩 关 系 。
网 页 没 有 了主 色 调 ， 无 整 体 美 可 言 ，也 就 没 有 了
收稿 日期：２ ０ １ ４ — ０ ２ — ２ ０ 作 者简 介：李捷 （ １ ９ ７ ９ 一 ），女 ，广西贵港人 ，汉 族，硕士 ，讲师，主要研究方 向：网站设计 ，色彩 设计应用 ，并行计算。
以帮助学生认识 色彩的本质 ， 培养对 色彩的敏锐感 ， 积 累对 色彩感觉， 形成 “ 认识 一积累 一 扩展 ” 的教 学链 ，
为后 续训 练模 块 的 开展 奠定基 础 。 【 关键 字 】色彩 训 练 ； 内容 设 置 ；训练任 务
中图 分类 号 ：Ｇ７ １ ０ 文献 标识 码 ：Ａ 文 章编 号 ：１ ６ ７ ４ — ３ ０ ８ ３（ ２ ０ １ ４） ０ ２ — ０ ０ ８ ９ — ０ ５
时 间 内达 到 教 学 目的，就 一 定 要 在 色 彩 训 练 的 内 容 设 置 及 内容 之 间 的联 系 上 下 功 夫 ，使 学 生认 识 色 彩 的本 质 ，建 立 自己 的色 彩 感 情 库 ， 以提 高 学 生 协调 色彩 关系 的 能力 以及对色 彩 综合 应用 能力 。
计。
者 美 的 视 觉 享 受 。在 网 页 配 色模 块 教 学 中 ，需 要
训 练 学 生 在 了解 色 彩 知 识 的前 提 下 ，懂 得 如 何 策 划 网页色 彩 ，为 网页 确定 主色 调 ，如 何搭 配色彩 ， 如何 运 用 最 简 单 的 色 彩 来 表 达 、体 现 网站 的形 象 和风 格 。 所 以 ，色 彩 基础 知 识及 色 彩 设 计 技 能 的掌 握 是该 门课 程教 学 的重 点及难 点 。
《网页设计专业平面色彩构成设计》课程标准
《平面色彩构成设计》课程标准课程代码：参考学时： 64学分： 4课程类型：必修课2015年 10月编一、适用专业该课程适用于网页设计专业。
二、开课时间第一学期。
三、课程定位1、课程性质本课程是网页设计与制作基础课课程。
整个课程教学流程为设计活动提供广泛的构思方案，为专业设计提供方法和途径，同时也为各艺术设计领域提供技法支持，为今后的专业设计奠定坚实的基础。
2、教学任务主要针对网页设计师、装潢设计师职业岗位开设，主要任务是培养学生在网页、装潢、工作岗位所需要的各项技能和相关专业知识知识。
通过完成各种学习情境的学习，学生不但能够掌握平面构成的方法与色彩的专业知识和审美能力，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，使学生通过学习的过程掌握工作岗位。
主要目的是学习理论知识使学生理解并掌握形式美的规律，通过相关课题的实践训练培养学生的形象思维能力、艺术思维能力和设计创造能力。
培养学生的创造力和基础造型能力，使其掌握理性和感性相结合的设计方法，拓展设计思维；研究和利用色彩要素的搭配原理、规律、法则、技法而获得色彩审美价值的学说；要求学生对立体形态进行科学的解剖，重新组合，创造出新得形态。
四、课程培养目标1、方法能力目标理解与创造性思维能力；分析、判断、应变能力；自主学习能力；审美能力；语言文字能力。
2、社会能力目标培养学生的创新思维能力和健康的审美意识，提高对摄影作品的艺术鉴赏水平；培养学生诚实、守信、按时交付作品的实践观念；培养良好的人际沟通能力和团队相互合作的精神；培养自我学习、勇于创新、积极承担不同角色的能力。
3、专业能力目标掌握平面构成的形式美法则；掌握平面构成的设计方法；熟练掌握重复、渐变、特异、发射、肌理、密集、空间等构成；掌握色彩的基本常识；熟练掌握色彩与心理；熟练掌握各种色彩对比与调和的构成方法；能熟练完成同类色、互补色、对比色对比，面积、冷暖对比，及以上色彩的调和；掌握立体构成的设计方法。
3.《色彩搭配》课程标准
《色彩搭配》课程标准一、课程性质《色彩搭配》是电商专业的一门技能课, 本课程主要以培养学生色彩搭配能力为原则，使学生具备从事电商专业等所需的基本知识和操作技能，具备色彩搭配的能力；具备网络营销的能力，能够熟练地图片制作和处理，同时培养学生合作的品德。
本门课是电子商务领域就业必须掌握的技能之一。
二、设计思路本课程以电子商务为导向，根据新型的商务模式进行设计的，拍摄阶段色彩搭配，后期图片进行色彩搭配修正等，通过技能训练方式实施教学，培养学生色彩搭配方面的能力。
本课程总学时36 学时。
分为30 学时理论6学时为实践，这个课程采用技能比赛的评价方式。
三、课程目标（一）整体目标1 、总体目标通过对本门课程的学习，学生能掌握色彩搭配知识和必备的职业素养，为今后从事电子商务岗位提供必需的专业知识和能力。
（二）具体目标1. 知识目标（1）通过学习使学生掌握色彩搭配的基础知识（2）掌握色彩搭配的方法及配色原则。
如何克服一些色彩搭配的困难的方法。
2、能力目标通过学习，使学生能进行原运用色彩搭配的技能对网页上商品及图片做出合理地色彩搭配方案通过学习，使学生能进行原运用色彩搭配的技能掌握不同区域的色彩搭配的实践技能3、素质目标（1）具备良好的职业道德、工作态度、责任感（2）具有较强的团队协作精神、计划组织能力（3）自我控制与管理能力（4）交流表达能力（5）团队组织管理能力（6）分析问题、解决问题的能力（7）通过网络、期刊、专业书籍等获取信息的能力（8）资料的收集与整理能力四、课程的主要内容与要求牙克石市综合高级中学《电子商务专业》课程标准汇编五、课程实施说明（一）教学设计牙克石市综合高级中学《电子商务专业》课程标准汇编（二）教学建议在教学过程中，加强学生实际能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机，让学生在“教”与“学”过程中，掌握配色的基础知识和技能。
三）考核评价对学生的评价分三部分：过程性评价20%+任务性评价30%+阶段性评价50%（包括期中20%、期末30%两次），三项评价的最终结果作为学生该学科的结业成绩记入学籍档案。
幼儿园网站色彩搭配教案
幼儿园网站色彩搭配教案一、引言幼儿园的网站是学校与家长、教师、学生之间沟通的重要平台之一。
在设计幼儿园网站时，色彩的选择非常重要，能够直接影响到孩子们的学习和心理感受。
因此，本教案将探讨幼儿园网站色彩搭配的原则和方法，以帮助设计者设计一个符合幼儿特点的网站。
二、色彩搭配原则1. 易于识别幼儿正处于认知能力发展阶段，因此设计师在选择色彩时应注意色彩的辨识度。
宜选择鲜艳明亮、对比度强的颜色，以方便幼儿准确识别。
2. 温暖舒适幼儿园是孩子们的第二个家，因此色彩应给人以温暖、舒适的感觉。
宜选择温暖明亮的色彩，如橙色、黄色、粉色等，以制造愉悦的环境氛围。
3. 多样性幼儿对世界充满了好奇心，因此在网站设计中应尽可能包含多样性的色彩。
宜选择多种颜色，以激发孩子的探索欲望和好奇心。
4. 和谐统一色彩的选择应该遵循和谐统一的原则，避免过多的色彩碰撞。
宜选择相近的颜色进行搭配，以增加整体的和谐感，并使网站界面更加舒适。
三、色彩搭配方法1. 主色调的选择在幼儿园网站的设计中，宜选择一个或两个主色调来作为网站的基调。
可以根据幼儿园的特点和文化进行选择，例如，选择蓝色来表达积极向上、宽广的意义，或选择绿色来传达自然环保、和谐共处的理念。
2. 辅助色彩的运用辅助色彩的运用可以为网站增加层次感和视觉吸引力。
在选择辅助色彩时，可以根据主色调进行搭配，选择互补色、相似色或同色系的颜色作为辅助色彩，以增强整体的色彩搭配效果。
3. 配色规范化为了保持网站整体的统一感，宜在设计初期就制定好一套配色规范。
可以建立一个色彩搭配表格，列出主色调和辅助色彩的具体取值范围，遵循规范进行色彩搭配，以保持网站的一致性。
4. 色彩与版面的结合色彩应与网站的版面结合起来，达到最佳的视觉效果。
宜在网站的不同模块中运用不同的色彩，如导航栏可以使用明亮醒目的颜色，内容区可以使用柔和舒适的颜色，以增加界面的视觉层次感和舒适度。
四、案例分析以下是一个幼儿园网站的色彩搭配案例： - 主色调：选择明亮的橙色作为主色调，代表活力和向上的精神。
网页配色教案设计案例模板
课时安排：2课时教学目标：1. 了解网页配色的基本原理和重要性。
2. 掌握网页配色工具的使用方法。
3. 学会运用色彩搭配原则设计网页。
4. 培养学生对网页美感的感知能力。
教学重点：1. 网页配色的基本原理。
2. 色彩搭配原则的应用。
教学难点：1. 如何根据网页内容和目标受众选择合适的配色方案。
2. 色彩搭配在实际网页设计中的应用。
教学准备：1. 投影仪、电脑、网络连接。
2. 网页配色工具（如Adobe Color、Coolors等）。
3. 网页设计案例图片。
教学过程：第一课时一、导入1. 教师展示一些优秀网页设计作品，引导学生观察网页的色彩搭配。
2. 提问：网页配色在网页设计中有什么作用？二、讲授新课1. 网页配色的基本原理：- 色彩三属性：色相、饱和度、亮度。
- 色彩的冷暖关系。
- 色彩的明暗关系。
2. 色彩搭配原则：- 单色配色：以一种颜色为主，其他颜色为辅。
- 类似色配色：选择与主色相近的颜色进行搭配。
- 对比色配色：选择与主色对比鲜明的颜色进行搭配。
- 分散配色：将主色与多种颜色进行搭配。
三、实践操作1. 教师引导学生使用网页配色工具，选择合适的配色方案。
2. 学生根据所学知识，设计一个简单的网页页面，运用色彩搭配原则。
四、课堂小结1. 回顾本节课所学内容，强调网页配色的重要性。
2. 学生分享自己的设计作品，教师进行点评。
第二课时一、复习导入1. 教师提问：上一节课我们学习了网页配色，大家还记得哪些配色原则？2. 学生回答，教师进行补充。
二、讲授新课1. 如何根据网页内容和目标受众选择合适的配色方案：- 了解目标受众的喜好和审美。
- 分析网页内容，确定主色调。
- 考虑网页风格，选择合适的配色方案。
2. 色彩搭配在实际网页设计中的应用：- 导航栏：使用高对比度的颜色，便于用户识别。
- 文字：选择易于阅读的颜色，如深色背景搭配浅色文字。
- 图片：根据图片内容选择合适的背景颜色，突出图片。
三、实践操作1. 教师引导学生根据所学知识，设计一个具有完整配色方案的网页页面。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页色彩搭配实训》课程标准
一、课程性质
技能训练课
二、课程开设学期及基准学时、学分
1、课程开设学期：第三学期；
2、基准学时：54学时；
3、学分：3学分。
三、先修课程
先修课程：计算机基础、程序设计课程；网站策划与网页设计：商务网站美工实训。
四、课程目标
《网页色彩搭配实训》主要针对网页设计中的配色进行研究和讲解。
《网页色彩搭配实训》共分为13章，第1-4章主要阐述了色彩的基本原理、色彩的象征意义、网页设计中的搭配技巧等基础知识。
第5-12章是《专业色彩搭配手册:网页配色》的核心部分，对不同色彩（红、橙、黄、绿、青、蓝、紫、黑）在不同行业（食品类、公司展示类、女性用品类、综合门户类、电子商务类、产品类等）的典型应用进行详细地分析和讲解，也详细地介绍了不同色彩之间的搭配，把理论融入到设计中，既锻炼了网页设计者对网页设计的分析能力和审美能力，又能够激发出网页设计者的创意与灵感，使网页设计者能够很好地掌握网页配色在设计中的应用要点。
第13章列举了常用的网页颜色代码，每种色系都有16进制数值的对照，可以使网页设计师在工作中提高效率。
《专业色彩搭配手册:网页配色》是网页设计师在实际工作中必备的网页配色案例参考拍，也是网页设计爱好者的学习工具书。
1、知识目标：
（1-1）掌握网页色彩的基本原理，色彩的象征意义，色彩的搭配技巧；
（1-2）掌握不同色彩的搭配方法；
（1-3）掌握常用网页颜色代码，以及16进制配色对照；
（1-4）掌握网页中色彩构成；
（1-5）了解网页设计中色彩的搭配、以及颜色模式；
（1-6）掌握三原色在网页设计中的运用；
（1-7）掌握网站设计；
（1-8）掌握网站色彩管理；
2、能力目标：
（1-1）对网页的色彩构成具有一定的了解，并了解三原色；
（1-2）具备感知色彩的能力；
（1-3）具备一定色彩搭配的能力；
（1-4）具备色彩构成在网页设计的运用。
（1-5）具备了解RGB、CMYK模式的运营；
（1-6）具备三原色运用的能力；
（1-7）具备一定网页设计的能力；
（1-8）具备项目中色彩管理的能力；
七、考核标准（考核方案）
1、课程总体考核方案（表7-1）
2、课程设计考核方案（表7-2）
八、本课程运行实训教学条件要求
九、教材资料与网络资源
1、教材资料
（1）《专业色彩搭配手册:网页配色》教材张磊 (作者), 胡柳 (作者)编写
（2）《网页美工设计实训》赵殊，范萍编高等教育出版社
（3）《网页设计与制作》科学技术出版社2007
2、网络资源
（1)班组QQ群：申请学习班级QQ群，使学生在本班群上对学习的问题随时讨论，引导学生有效利用网络，高效率使用计算机。
（2)教师博客：建立教师博客，以利与学生的沟通，把学习延伸到课外。
（3）充分利用网络优质学习资源：
-----HTML标记语言，CSS标准
----标准之路，网络教程。