《网站配色和布局》大纲.docxVIP

《网站配色与布局》课程标准 一、课程名称 《网站配色与布局》 二、课程性质、学分、课时 《网站配色与布局》是面向计算机网络应用（北大青鸟特色加强班）专业学生的专业必修课。学员学完本书后，能够具备一定的色彩知识和网站布局概念，能够运用色彩原理进行网页颜色的搭配，能够理解和运用基本的平面构成形式，能够运用布局技巧进行网页的布局设计，同时能从临摹网页到自由设计，可以让网页效果图设计真正从想法逐步变成现实。 本课程标准，适用于计算机网络应用专业。 本课程120学时。 三、课程设计思路 本课程共7章，分为色彩基础、网页配色、布局基础、网页布局四个大的部分，第7章是针对本书的总结性练习。课程内容具体安排如下： 第1章主要讲解色彩的基本知识及其应用，引起学生兴趣，并为网页配色奠定基础。 第2章和第3章是网页配色知识的讲解。其中第2章是基础，第3章是网页配色的应用。 第4章是网页布局的基础知识，主要从布局的概念和布局法入手讲解布局的基础理论。 第5章和第6章是网页布局知识的综合讲解，通过布局的方法和技巧让学生深入了解布局的内涵和实质。 第7章是综合项目，主要是贯穿网页配色和布局的知识，综合运用，达到一个对网页设计制作的整体把握的高度。 四、课程教学目标 通过《网站配色与布局》课程的学习，达到以下目标 1、知识目标： 理解和认识色彩基础知识、色彩构成的内容。 掌握基本的构图原则和具体运用。 能够运用色彩知识分析及解决网页中的色彩问题。 掌握布局的一般规律，能够对比较典型的网页进行布局分析。 理解网站的框架结构。 2、能力目标： 能够欣赏不同风格的网站设计作品； 能够根据需求设计符合风格的网站作品； 3、素质目标： ㈠培养学生分析问题、解决问题的能力； ㈡培养学生勤思考、多观察的能力； ㈢培养学生乐于创新的能力。 五、课程内容与项目学习目标 序号 项目 学习任务 职业能力目标 课时 一体化 实践 1 色彩基础知识 色彩的由来 色彩属性 色环知识 色彩的感觉 色彩的象征意义 计算机的显示色彩 网页安全色 网页设计中色彩的作用 了解色彩的由来和属性 掌握色环的相关知识 理解色彩的情感属性 理解网络安全色的由来 掌握网页设计中色彩的作用 8 10 项目考核 考核方式：上机考核 制作双驰企业网站 使用安全色给网页穿新衣 用网页安全色对网页进行填色 按照色彩明暗渐变为素材上色 2 网站配色基础 网页配色原则 网页配色技巧 网页文字配色 网页配色常见问题 掌握网页色彩设计的原则 理解网页文字配色的方法 运用网页色彩设计的技巧 4 12 项目考核 考核方式：上机考核 给牙科医院网页整形 网页换装 利用网页配色技巧修改黑色系网页配色 3 网页配色应用 网站色调与配色 网站风格与配色 根据行业选择配色方案 网页中色彩的应用 掌握网站色调与配色关系 掌握网站风格与配色关系 掌握网页中色彩的应用 4 8 项目考核 考核方式：上机考核 调整钻石网站 咖啡主题网页配色 4 网页布局基础 布局的基础知识 网页的组成 网页布局设计 布局的原理、步骤和设计原则 了解网页布局的概念 掌握一般网页的组成元素特点 了解布局设计的方法 掌握网页布局设计的一般步骤 了解如何综合运用布局法及布局的步骤 4 8 项目考核 考核方式：上机考核 使用ps绘制企业页面布局 根据页面布局制作企业类网站页面 根据所学知识，组合samaungcard网站 根据素材，设计一个手机网站的页面 5 网页布局制作 网页布局的制作工具 网页的布局形式 网页布局的常见结构 少见结构式和不规则结构式 根据上下结构布局制作个人网页 了解网页布局的制作工具 学会使用黄金分割法 掌握网页布局的一般分类形式 了解不同形式的布局应用 了解网页结构的综合运用 4 8 项目考核 考核方式：上机考核 拼贴“口”形布局网页 制作上下结构网页 根据提供素材设计一个上下结构的页面 6 网页布局版式类型 网页转型最给力——网页布局的风格类型 网页布局的版式类型 网页布局的主题类型 了解网站的布局风格类型 掌握不同内容网站的布局特点 4 8 项目考核 考核方式：上机考核 网页新面孔 设计临摹典型商业型网站 将网页原有版式改成中轴型 7 综合案例 新蛋购物网站主页制作 绘制17173.精灵乐章专区网页 掌握网页设计的全部流程 可综合运用网页配色与布局知识 掌握网页设计的技巧 懂得优秀网页设计的特点 8 8 8 综合 复习 综合知识 4 14 9 综合考核 4 课时合计 40 80 六、课程考核办法 本课程为学期考查课，采用百分制形式计分。该课程考核内容与所占比重如下表： 考核项目 平时成绩 期末考试 合计 所占比例 40％ 60％ 100% 七、课程建议 （1）教学建议：教学过程中以学生为主体，老师讲解具体操作学生多次练习，一人一机配置