《网页设计》教学设计 教学题目 网页色影理论 NO.3 学时安排 授课班领 动漫1001 授课日期 学习环境 WEB教室 局域网 城域网 授课类型 实训 (标√) 校园网 因特网) 常规数室 学习资源 课作工具 专题学习网站 多媒体资源库 教学方法 引导发现 (标) 案例库√题库√网络误程仿真软件其他 学习形式 案例分析、月题探究 知识 色彩在不同软件中设定方法 能力 掌据将网页方案进行调色彩的方法 习 目标 理解色影属性数字表示法并应用 目 通过学生配色软件了解色彩方案并 标 过程 利用软件对现有的网页设计方案进行调色 与 方法 利用软件对模板进行分割并挖制版面 任 务 情感 培养学生理解问题的能力和知识迁移的能力 价值 培养学生将理论转化为实践的能力 观 培养学生循序渐近的生话习惯 学 重点 色彩的数学表示及应用 习 重 难点 色彩的数字表示方法 点 关键 色彩属性与数学表示方法 烟架教学 学生分组，指定实训用计算机，并分发数字资源与软件 学习配色方案 学生进行分组利用款件完成配色方案的学习 教学结构流程的设计 白主实验完成网页颅版的调色 网实视板调色 料真视板分 通过分刺网页来完成网页的设计 州属切骨的控制 利用表格和DV来控制网页切片 小越作业 知识巩树
《网页设计》教学设计 教学题目 网页色彩理论 NO. 3 学时安排 4 授课班级 动漫 1001 授课日期 授课类型 实训 学习环境 （标√） WEB 教室 局域网√ 城域网 校 园 网 因特网√ 常规教室 教学方法 引导发现 学习资源 （标√） 课件√工具 专题学习网站 多媒体资源库√ 案例库√ 题库√ 网络课程 仿真软件 其他 学习形式 案例分析、问题探究 学 习 目 标 与 任 务 知识 能力 目标 了色彩在不同软件中设定方法 掌握将网页方案进行调色彩的方法 理解色彩属性数字表示法并应用 过程 方法 通过学生配色软件了解色彩方案并 利用软件对现有的网页设计方案进行调色 利用软件对模板进行分割并控制版面 情感 价值 观 培养学生理解问题的能力和知识迁移的能力 培养学生将理论转化为实践的能力 培养学生循序渐近的生活习惯 学 习 重 难 点 重点 色彩的数学表示及应用 难点 色彩的数字表示方法 关键 色彩属性与数字表示方法 教 学 结 构 流 程 的 设 计 学生分组，指定实训用计算机,并分发数字资源与软件 学生进行分组利用软件完成配色方案的学习 自主实验完成网页模板的调色 通过分割网页来完成网页的设计 利用表格和 DIV 来控制网页切片 知识巩固 组织教学 学习配色方案 网页模板调色 网页模板分割 网页切片的控制 小结作业
散学环节 散学内容 师生互动 设计意图 时间控制 课件展示 教法学法 教学资源 组织教学 学生分组指折定计算机 师：分组原则与活动安排 学生进行分组 并分析数字资料球件 师：分发教学资源 并指定计算机 学生对色彩的属性的 认知 (1)色彩的三原色 (2)色彩的对比色 生：通过学习软件完成三原色、对 学生熟悉掌探色彩 (3)混合，并记住配色 比色，间色的认知 设计风格 方案 生：通过软件完成不颜色的表示 的三单色与光的三 (4)不同颜色的光混 方法 原色及混合方案的 合有什么不月 数字表示方法 师：如何改色相 生：探究对变化规律，会用数字色 利用色影的三要素 相环 色相 师：如何降低纯度 明度 学生认试色影的三 网页榄板 生！探究对变化规律， 要素及作用，并为数 调色 纯度 (1)加入无彩色 进行调色 (2加入补色 字表示色彩提供基 师：如何改明度的作用 础 生：探究对调整线律， 师：总结网页核板调色 师：分组互评 学生练习，教师指导 网页作品 掌据网页作品分制并 师：演示如同进行一个网页的分制 生：练习每个学生要完成五个以上 切片分割 保存为网的作法 完成网页作品的分 的不同风格的网站分割，并提交 制
教学环节 时间控制 教学内容 课件展示 师生互动 教法学法 设计意图 教学资源 组织教学 学生分组指定计算机 并分析数字资料软件 师：分组原则与活动安排 师：分发教学资源 学生进行分组 并指定计算机 设计风格 学生对色彩的属性的 认知 (1)色彩的三原色 (2)色彩的对比色 (3)混合，并记住配色 方案 (4)不同颜色的光混 合有什么不同 生：通过学习软件完成三原色、对 比色、间色的认知 生：通过软件完成不同颜色的表示 方法 学生熟悉掌握色彩 的三原色与光的三 原色及混合方案的 数字表示方法 网页模板 调色 利用色彩的三要素 色相 明度 纯度 进行调色 师：如何改色相 生：探究对变化规律，会用数字色 相环 师：如何降低纯度 生：探究对变化规律, (1) 加入无彩色 (2) 加入补色 师：如何改明度的作用 生：探究对调整规律, 师：总结网页模板调色 师：分组互评 学生认识色彩的三 要素及作用，并为数 字表示色彩提供基 础 网页作品 切片分割 掌握网页作品分割并 保存为网的作法 师：演示如何进行一个网页的分割 生：练习每个学生要完成五个以上 的不同风格的网站分割。并提交 学生练习，教师指导 完成网页作品的分 割
敏学环节 教学内容 师生互动 设计意图 时间拉刺 课件展示 敏法学法 媒休资源 案例分析法进行 师，教师通过分析一个案例进行核 拟滴示控制方法（表格） 生：练习这种控制方法并提交 案例边分析边制作 并记熟练应用各种标记语言标记 边练习 Table 网页切片 学生熟练掌据表格 的控制 网页切片的控制 Tr Td 控制方法 让学生拿握色影模 及属性设置 师：教师通过分析一个案例进行模 式与顽色属性的关 拟滴示控制方法D1V方法) 系 生：练习这种控制方法并提供 并记熟练应用DY标记语言及其属 性 课意小结 总结本学课的主要内容 知识巩周 完成一个网页的候色改变和版式控 作业 制 12网页设计色彩顺论 板 1GB色彩的控制2.CMYK色彩控制 3.色彩更政 设 计 较 学反 思
教学环节 时间控制 教学内容 课件展示 师生互动 教法学法 设计意图 媒体资源 网页切片 的控制 网页切片的控制 案例分析法进行 师：教师通过分析一个案例进行模 拟演示控制方法(表格) 生：练习这种控制方法并提交 并记熟练应用各种标记语言标记 Table Tr Td 及属性设置 师：教师通过分析一个案例进行模 拟演示控制方法(DIV 方法 ) 生：练习这种控制方法并提供 并记熟练应用 DIV 标记语言及其属 性 案例边分析边制作 边练习 学生熟练掌握表格 控制方法 让学生掌握色彩模 式与颜色属性的关 系 课堂小结 总结本学课的主要内容 知识巩固 作业 完成一个网页的颜色改变和版式控 制 板 书 设 计 教 学 反 思 1.2 网页设计色彩概论 1.RGB 色彩的控制 2 色彩的要素 2．CMYK 色彩控制 4．色彩的对比与调和 3．色彩更改