《网页设计》教学设计 教学题目 版式设计1 NO. 9 学时安排 4 授课班级 动漫1001 授课日期 学习环境 WEB教室 局域网 城域网 授课类型 理论 (标√) 校园网 因特网 常规教室√ 学习资源 课件工具 专题学习网站 多媒体资源库 教学方法 引导发现 (标√) 案例库√题库 网络课程 仿真软件其他 学习形式 分组合作竞争 知识 了解网页版式构成的基本原理 学 能力 掌握网页版式基本类型 习 目标 理解网页以视觉流程为导向的网页板式设计 目 使用问题引导学生了解网页版式构成的基本原理 标 过程 案例分析学生理解页版式基本类型及各自的特点 与 方法 任 务 情感 培训学生分析问题，生活注意小节 价值 学生按流程解决问题的能力 观 学 重点 网页的制作过程 习 重 难点 网页美术设计过程 难 点 关键 网页设计美术设计的作用 组织教学 学生进行分组 调查情况 调查学生对网站与网页、主页的区别 教学结构流程的设计 问题分析 学生分组分析书页与网页的区别 说明网页作为传递信息的重要性 学生认识到建立一个网站的步骤？ 建站案例分析 自己的优势？ 网页案例分析 学生理解一个网页建立的步骤。 小结作业 知识巩固
《网页设计》教学设计 教学题目 版式设计 1 NO. 9 学时安排 4 授课班级 动漫 1001 授课日期 授课类型 理论 学习环境 （标√） WEB 教室 局域网 城域网 校 园 网 因特网 常规教室√ 教学方法 引导发现 学习资源 （标√） 课件 工具 专题学习网站 多媒体资源库 案例库√ 题库 网络课程 仿真软件 其他 学习形式 分组合作 竞争 学 习 目 标 与 任 务 知识 能力 目标 了解网页版式构成的基本原理 掌握网页版式基本类型 理解网页以视觉流程为导向的网页板式设计 过程 方法 使用问题引导学生了解网页版式构成的基本原理 案例分析学生理解页版式基本类型及各自的特点 情感 价 值 观 培训学生分析问题，生活注意小节 学生按流程解决问题的能力 学 习 重 难 点 重点 网页的制作过程 难点 网页美术设计过程 关键 网页设计美术设计的作用 教 学 结 构 流 程 的 设 计 学生进行分组 调查学生对网站与网页、主页的区别 学生分组分析书页与网页的区别 说明网页作为传递信息的重要性 学生认识到建立一个网站的步骤？ 自己的优势？ 学生理解一个网页建立的步骤。 知识巩固 组织教学 调查情况 问题分析 建站案例分析 网页案例分析 小结作业
教学环节 教学内容 师生互动 设计意图 时间控制 课件展示 教法学法 教学资源 组织教学 学生按自然座位分 师：分组原则与活动安排 学生进行分组 组，并选出组长 生：学生分组并选出组长 调查学生对网页版式 师：提出问题，根据以前的知识， 元素的认识。 说出版式设计的基本元素 1.网页版式元素的 生：每个人以网页的形式上传 认识 师：给出以点元素为主的版式 2. 点元素给人的心 生：分组讨论每组的网页给你的感 理感受 受 3. 线元素给的心理 师：提出什么原因给人的感受不同。 感受 生：竞争讨论达成共识 调查学生对网站与 案例分析 4. 面元素给的心理 师：提供线元素的页面 网页、主页的区别 感受 生：分组讨论每组的网页中线元素 5. 你根据本章节所 给你的感受 学的知识点，分析 师：提出什么原因给人的感受不同 点、线、面在以下 生：竞争讨论最终原因 页面中是如何运 师：提供面元素版式的网页 用的？ 生：讨论出面元素给人的给人的心 理感受不同的原因 师：任务发布 学生分组分析书页 请你根据本章节所学 生：分组讨论每个网页的点线面的 运用 与网页的区别，说明 的知识点，分析点、 问题分析 生：由每组组长负责汇总分析 网页作为传递信息 线、面在以下页面中 的重要性，并让学生 是如何运用的？ 可以由组员补充分析 分析问题的表像到 师：进行评价考核 实质的思维能力 师：分组互评 学生认识到建立一 个网站的步骤？ 自己的优势？ 培养学生的自信心 网页版式基本类型 师：布置任务网页版式的基本类型 骨骼型 有那些？ 满版型 生：网络上根据教师提供的类型与 轴型 网页配对 案例分析 曲线型 师：提出问题 对称型 生：分组讨论那个种配对更合理 焦点型 师：教师给出每组的特点 自由型 生：重新配对并总结
教学环节 时间控制 教学内容 课件展示 师生互动 教法学法 设计意图 教学资源 组织教学 学 生 按自 然座 位 分 组，并选出组长 师：分组原则与活动安排 生：学生分组并选出组长 学生进行分组 案例分析 调查学生对网页版式 元素的认识。 1． 网页版式元素的 认识 2． 点元素给人的心 理感受 3． 线元素给的心理 感受 4． 面元素给的心理 感受 5． 你根据本章节所 学的知识点，分析 点、线、面在以下 页面中是如何运 用的？ 师：提出问题，根据以前的知识， 说出版式设计的基本元素 生：每个人以网页的形式上传 师：给出以点元素为主的版式 生：分组讨论每组的网页给你的感 受 师：提出什么原因给人的感受不同。 生：竞争讨论达成共识 师：提供线元素的页面 生：分组讨论每组的网页中线元素 给你的感受 师：提出什么原因给人的感受不同 生：竞争讨论最终原因 师：提供面元素版式的网页 生：讨论出面元素给人的给人的心 理感受不同的原因 调查学生对网站与 网页、主页的区别 问题分析 请你根据本章节所学 的知识点，分析点、 线、面在以下页面中 是如何运用的？ 师：任务发布 生：分组讨论每个网页的点线面的 运用 生：由每组组长负责汇总分析 可以由组员补充分析 师：进行评价考核 师：分组互评 学生分组分析书页 与网页的区别，说明 网页作为传递信息 的重要性，并让学生 分析问题的表像到 实质的思维能力 案例分析 网页版式基本类型 骨骼型 满版型 轴 型 曲线型 对称型 焦点型 自由型 师：布置任务网页版式的基本类型 有那些？ 生：网络上根据教师提供的类型与 网页配对 师：提出问题 生：分组讨论那个种配对更合理 师：教师给出每组的特点 生：重新配对并总结 学生认识到建立一 个网站的步骤？ 自己的优势？ 培养学生的自信心
教学环节 教学内容 师生互动 设计意图 时间控制 课件展示 教法学法 媒体资源 设计就是按表现的 需要合理的安排视 觉元素 师：给出任务 (1)草图 生：分组要有那些组成元素？ 给出一个任务，一个 师：如何进行版式划分 生：按组讨并给出版式划分方案 小型网站帆布鞋企业 师：演示如何画出版式草图 案例分析 的宣传网站 生：每组学生画出自己的版式草图 学生给出主页与内页 师：收取版式草图易组互评 的版式设计 生：评价不同的方案 师：设计没有统一的方案 生：总结 师：给出本堂的主要内容的总结 小结 生： (1)完成一个网站、主页和网页的 作业 草图 (2)写出需要的素材 1.1网页设计概论 板 书 1.网页与书页 3.建站过程 5.小结 计 2网页的优势 4.网页建立过程 教 反思
教学环节 时间控制 教学内容 课件展示 师生互动 教法学法 设计意图 媒体资源 案例分析 给出一个任务，一个 小型网站帆布鞋企业 的宣传网站 学生给出主页与内页 的版式设计 师：给出任务 生：分组要有那些组成元素？ 师：如何进行版式划分 生：按组讨并给出版式划分方案 师：演示如何画出版式草图 生：每组学生画出自己的版式草图 师：收取版式草图易组互评 生：评价不同的方案 师：设计没有统一的方案 生：总结 设计就是按表现的 需要合理的安排视 觉元素 （1） 草图 小结 师：给出本堂的主要内容的总结 作业 生： （1）完成一个网站、主页和网页的 草图 （2）写出需要的素材 板 书 设 计 教 学 反 思 1.1 网页设计概论 1.网页与书页 的区别 2 网页的优势 3．建站过程 4．网页建立过程 5．小结